/*@font-face{
  font-family: Roboto-Slab;
  src: url(./fonts/RobotoSlab-Regular.ttf);
}*/
body {
  margin: 0;
  padding: 0;
}

.content__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  font-family: 'Manrope', sans-serif;
}



.card__wrapper {
  /* height: 453px; */
  width: 410px;
  border-radius: 10px;
  box-shadow: 0px 0px 4px #00000029;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 24px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.card__wrapper__h4 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 6px;
  color: #292929;
  font-weight: bold;
}

.form__content label {
  margin-top: 10px;
  font-size: 14px;
  color: #292929;
  font-weight: 600;
  margin-bottom: 0px;
}

.form__content .envelope_image {
  text-align: center;
  margin-top: 24px;
}

.form__content input {
  height: 48px;
  border: 1px solid #9B9D9E;
  border-radius: 10px;
  /* padding: 10px; */
  font-size: 12px;
  margin-top: 10px;
}

.form__content input::placeholder {
  color: #9B9D9E;
}

.slashes {
  position: relative;
}

.slash__img {
  position: absolute;
  margin-top: -32px;
  right: 16px;
  cursor: pointer;
}

.forget__P {
  font-size: 12px;
  color: #001544;
  margin-top: 10px;
  float: right;
  margin-bottom: 0px;
}

.forget__P a {
  text-decoration: none;
  color: #001544;
}

.btn__login {
  background: #001544;
  border-radius: 10px;
  /* padding-top: 15px;
  padding-bottom: 14px; */
  height: 48px;
  font-size: 14px;
  color: #fff;
  width: 100%;
  margin-top: 24px;
}

.btn__login:focus {
  box-shadow: none;
}

.btn__login a {
  text-decoration: none;
  color: #fff;
}

.btn__login:hover {
  color: #fff;
  background-color: calc(#001544 + 5%);
}

.main__connect {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}

.connect__with {
  display: flex;
}

.connect__with img {
  height: 21px;
  width: 20px;
}

.connect__with p {
  font-size: 12px;
  margin-left: 12px;
  color: #9B9D9E;
  text-decoration: underline;
  margin-bottom: 0px;
}

.dont__accont {
  margin-top: 23px;
  text-align: center;
  font-size: 12px;
}

.dont__accont a {
  text-decoration: none;
  color: #001544;
}

.dont__accont span {

  font-weight: bold;
}

.content__wrapper .form-control:focus {
  box-shadow: none;
  border-color: #9B9D9E;
}

.security__paragraph {
  font-size: 11px;
  color: #292929;
  text-align: center;
  margin-top: 24px;
  margin-bottom: 0px;
}

.security__paragraph a {
  color: black;
  text-decoration: none;
}

.verification__content {
  height: 403px !important;
}

.prob__select {
  height: 48px;
  border: 1px solid #9B9D9E;
  border-radius: 10px;
  font-size: 12px;
  margin-top: 10px;
  color: #9B9D9E;
}

.form-select:focus {
  box-shadow: none;
  border-color: #9B9D9E;
}



/* dashboard page start */



.dashboard__content__wrapper {
  font-family: 'Manrope', sans-serif;
  padding-top: 100px;
}

.dashboard__content__wrapper .dashbiard__navbar {
  height: 100px;
  box-shadow: 0px 1px 6px #0000001A;
  background: #fff;
}

.dashbiard__navbar .navbar-brand {
  margin-right: 48px;
}

.dashbiard__navbar .navbar-nav .nav-link {
  color: #131523;
  font-size: 14px;
  font-weight: bold;
}

.dashbiard__navbar .navbar-nav .prob__dropdown {
  margin-right: 48px;
}

.discover__menu {
  height: 333px;
  width: 180px;
  padding-top: 0px !important;
  padding: 20px 16px;
  box-shadow: 0px 1px 6px #0000001A;
  border: none;
  margin-top: 31px !important;
}

.discover__menu li {
  display: flex;
}

.discover__menu li a {
  font-size: 14px;
  color: #5D5D5E;
  padding: 0px;
  margin-top: 18px;
  font-weight: 500;
  /* width: auto; */
}

.discover__menu li a:hover {
  color: #001544;
}

.discover__menu img {
  margin-left: 6px;
}

.discover__menu li a:hover {
  background: none;
}

.discover_dropdown:hover .just_discover_menu {
  display: block;
}

.discover_dropdown:hover .just_discover_menu a {
  color: #001544;
}

.discover_dropdown:hover .discover_menu {
  border-right: 3px solid #805729;
}

.parent-hovered {
  width: 360px;
}

.just_discover_menu {
  left: 161px;
  top: -31px;
  /* border-top-right-radius: 10px !important; */
  /* border-top-left-radius: 10px !important; */
  border: none !important;
  height: 333px;
  width: 200px;
  padding-top: 0px !important;
  padding: 20px 16px;
  /* box-shadow: 0px 1px 6px #0000001A; */
  /* border: none; */
  margin-top: 31px !important;
  /* background: none; */
  border-left: 2px solid black;

}


.input-container {
  position: relative;
}

.dashboard__search {
  width: 370px;
  height: 48px;
  background: #F5F5F5;
  border-radius: 10px;
  padding-left: 23px;
  border: none;
  font-size: 12px;
  margin-right: 15px;
}

.search-icon {
  position: absolute;
  top: 50%;
  right: 36px;
  transform: translateY(-50%);
  width: 12px;
  height: auto;
  cursor: pointer;
}



.bell-p {
  position: relative;
  background: #F5F5F5;
  height: 48px;
  width: 48px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}

.bell-icon {
  width: 21px;
  height: 23px;
}

.red__badge {
  position: absolute;
  top: 13px;
  right: 14px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: red;
}

.recommended_sec h5 {
  margin-top: 24px;
  color: #131523;
  font-weight: bold;
}

.recommended_sec .courses {
  margin-top: 24px;
}

.course__detail {
  /* width: 288px; */
  /* height: 185px; */
  border-radius: 10px;
  background: #F5F5F5;
  padding-top: 25px;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: -10px;
  padding-bottom: 18px;
}

.course__detail .microsoft {
  font-size: 16px;
  color: #131523;
  font-weight: 600;
  margin-bottom: 0px;

}

.user-detail-img {
  height: 16px;
  width: 16px;
  margin-right: 12px;
}

.course__detail .name {
  font-size: 10px;
  color: #001544;
}

/* .course__detail .mt {
  margin-top: 6px;
} */

.m-t-16 {
  margin-top: 16px;
}

.course__detail .spans {
  font-size: 10px;
  color: #5D5D5E;
  margin-left: 8px;
}

.course__detail .mr_l_P {
  margin-left: 36px;
}

.price {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.price h5 {
  color: #001544;
  margin-top: 22px;
}

.price h5 span {
  color: #5D5D5E;
  margin-left: 6px;
  font-size: 12px;
  text-decoration: line-through;
}

.price .btn__buy {
  width: 100px;
  height: 36px;
  background-color: #001544 !important;
  color: #fff;
  border-radius: 10px;
  font-size: 14px;
  margin-top: 22px;
}



/* overview page start */

.overview__content {
  padding-bottom: 40px;
}


.overview__content .column_nine .sharing {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
  /* width: 94.6%; */
}

.overview__content .column_nine .btn-share {
  width: 100px;
  height: 36px;
  font-size: 14px;
  background: #001544;
  color: #fff;
  border-radius: 10px;
}

.overview__content .column_nine .btn-share img {
  margin-right: 8px;
  margin-top: -2px;
}

.overview__content .buy-now {
  /* height: 413px; */
  background: #F5F5F5;
  border-radius: 10px;
  padding: 8px 24px 30px;
}

.graph-image img {
  width: 100%;
  margin-top: 24px;
  height: 426px;
}

.graph-image hr {
  color: #5D5D5E;
  margin-top: 25px;
  margin-bottom: 25px;
}

.overview__detail h6 {
  margin-top: 16px;
  font-size: 14px;
  font-weight: bold;
}

.overview__detail p {
  margin-top: 15px;
  font-size: 14px;
  color: #131523;
}

.overview__detail .second_h6 {
  margin-top: 30px;
}

.overview__detail hr {
  margin-top: 24px;
}

.course__sub__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.course__date {
  display: flex;
}

.course__date .last__update {
  margin-right: 33px;
}

.course__date .last__update p {
  font-size: 14px;
  color: #5D5D5E;
  font-weight: 500;
}

.course__date .last__update span {
  color: #000000;
}

.course__date .category p {
  font-size: 14px;
  color: #5D5D5E;
  font-weight: 500;
}

.course__date .category span {
  color: #000000;
}

.adjust__accordion {
  margin-top: 8px;
}

.adjust__accordion .accordion-item {
  border-radius: 10px !important;
}

.adjust__accordion .accordion-button {
  background: #F5F5F5 !important;
  border-radius: 10px;
  border: none;
  color: black;
  padding-top: 10px !important;
  padding-bottom: 15px !important;
  padding: 12px 24px;
  border-top-right-radius: 10px !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

.adjust__accordion .accordion-button p {
  font-size: 10px;
  margin-bottom: 0px;
  color: #171725;
  margin-top: 8px;
}

.adjust__accordion .accordion-button:focus {
  box-shadow: none;
}

.under__accordion__hr {
  margin-top: 24px;
  color: #5D5D5E;
  margin-bottom: 24px;
}

.instructor h4 {
  margin-bottom: 24px;
}

.column_third {
  margin-top: 24px;
}

.pricing {
  text-align: center;
}

.buy-now .pricing h4 {
  color: #001544;
  margin-top: 20px;
}

.buy-now .pricing h4 span {
  color: #5D5D5E;
  margin-left: 6px;
  font-size: 16px;
  text-decoration: line-through;
}

.buy-now .btn-buying {
  height: 36px;
  background-color: #001544 !important;
  color: #fff;
  border-radius: 10px;
  font-size: 14px;
  margin-top: 18px;
  width: 100%;
  font-weight: 500;
}

.buy-now img {
  height: 16px;
  width: 16px;
}

.ml-16 {
  margin-left: 16px;
}

.ml-24 {
  margin-left: 24px;
}

.mt-24 {
  margin-top: 20px;
}

.mt-16 {
  margin-top: 16px;
}

.base p {
  font-size: 14px;
  color: #5D5D5E;
  margin-bottom: 0px;
}

.course__features {
  background: #F5F5F5;
  border-radius: 10px;
  height: 352px;
  margin-top: 24px;
  padding: 24px;
}

.course__features h4 {
  text-align: center;
}

.course__features hr {
  color: #5D5D5E;
  margin-top: 22px;
  margin-bottom: 16px;
}

.just__videos {
  height: 59px;
  background: #E5E5E6;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding-top: 8px;
  padding: 12px;
  margin-top: 8px;
}

.just__videos img {
  margin-top: -4px;
}

.adjust__accordion .accordion-body {
  background: #F5F5F5;
  border-bottom-right-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  margin-top: -5px;
}

.adjust__accordion .accordion-body hr {
  margin-top: -11px;
  color: #5D5D5E;
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
}

.adjust__accordion .just__sub__videos {
  margin-left: 12px;
}

.adjust__accordion .just__sub__videos p {
  margin-bottom: -3px;
  font-size: 14px;
  color: #5D5D5E;
}

.adjust__accordion .just__sub__videos span {
  margin-top: 2px;
  font-size: 14px;
  color: #5D5D5E;
  font-size: 10px;
}

.btn {
  border: none;
}



/* landing pages start */

/* 1. landing__skills section */

.nav-item .nav-link.active {
  background-color: #001644;
  color: #fff !important;
  border-radius: 10px;
}

.signed-up {
  padding: 10px 20px;
}

.navbar .btn_sign_in {
  margin-left: 15px;
}

.boost__skills {
  display: flex;
  height: 84.3vh;
  justify-content: center;
  flex-direction: column;
}

.landing__skills .boost__skills h1 {
  font-size: 64px;
  font-weight: bold;
  width: 580px;
  color: #131523;
}

.landing__skills .boost__skills h1 img {
  position: absolute;
}

.landing__skills .boost__skills h1 .span {
  color: #001544;
}

.landing__skills .boost__skills p {
  font-size: 18px;
  color: #001544;
  font-weight: 500;
  margin-bottom: 24px;
}

.sub__skills {
  display: flex;
  align-items: center;
}

.landing__skills .sub__skills img {
  width: 100%;
}

/* 2. explore section */

.explore__content .explore__h1 {
  font-size: 48px;
  color: #131523;
  font-weight: bold;
  /* margin-top: 55px; */
  margin-bottom: 0px;
  margin-top: 164px !important;
}

.explore__content .explore__h1 img {
  position: absolute;
  margin-top: -9px;
}

.explore__content .achievements {
  display: flex;
  justify-content: center;
}

.explore__content .achievements .sub__achievements {
  width: 992px;
  background: #001544;
  margin-top: 48px;
  border-radius: 10px;
  margin-bottom: 158px;
  padding-bottom: 5px;
}

.sub__achievements h2 {
  font-size: 36px;
  color: #fff;
  margin-bottom: 0px;
  margin-top: 24px;
}

.sub__achievements p {
  font-size: 14px;
  color: #fff;
}

.sub__achievements img {
  padding: 12px 13px;
  background: #0F2E57;
  border-radius: 10px;
  margin-top: 42px;
  margin-right: 24px;
}

.explore__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.explore__heading h1 {
  margin-top: 0px;
}

.explore__heading .btn__view__all {
  padding: 10px 20px;
}

.explore__heading .btn__view__all img {
  margin-left: 12px;
  margin-top: -2px;
  font-size: 16px;
}

.explore__content .learn__everything .courses {
  margin-top: 48px !important;
}

.offers {
  margin-top: 185px;
}

.offers .reco_img {
  width: 100%;
}

.offers h1 {
  margin-top: 0px;
  font-size: 48px;
  color: #131523;
  font-weight: bold;
  padding-bottom: 24px;
}

.offers h1 img {
  margin-top: -25px;
  margin-left: -36px;
  position: absolute;
}

.offers .offer__courses {
  height: 128px;
  background: #F5F5F5;
  border-radius: 10px;
  margin-top: 24px;
  padding-top: 17px !important;
  padding: 24px 24px;
}

.offers .offer__courses p {
  color: #001544;
  font-size: 16px;
  margin-bottom: 6px;
  font-weight: 700;
}

.offers .offer__courses span {
  color: #131523;
  font-size: 14px;
  font-weight: 600;
  max-width: 513px !important;
}

.record__content {
  margin-top: 184px;
}

.record__content .text__end {
  text-align: end;
}

.record__content .record_p {
  color: #131523;
  font-size: 14px;
  /* margin-top: 48px; */
  font-weight: 600;
  max-width: 586px;
  /* padding-bottom: 16px; */
}

.record__content .record_heading {
  color: #001544;
}

.record__content .best__choieses {
  display: flex;
  justify-content: space-between;
  width: 85%;
  margin-top: 16px;
}

.custom-checkbox {
  height: 16px;
  width: 16px;
  border-radius: 4px;
  margin-right: 16px;
}

.record_paragraph {
  font-weight: 600;
  color: #001544;
  margin-bottom: 0px;
}

.custom-checkbox[type=checkbox] {
  accent-color: #28A745;
}

.education__event {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 173px;
}

.education__course {
  height: 130px;
  width: 77%;
  background-color: #F5F5F5;
  border-radius: 10px;
  margin-top: 24px;
  padding: 16px 34px 16px 16px;
}

.education__course .sub__education {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.education__course .first__span {
  font-size: 10px;
  color: #001544;
  font-weight: 600;
}

.education__course .education_paragraph {
  color: #131523;
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 14px;
}

.education__course__content {
  margin-left: 24px;
}

.education__course button {
  color: #001544;
  border-radius: 10px;
  margin-top: 3px;
}

.education__course button img {
  margin-left: 12px;
}

.iconic {
  display: flex;
}

.sub__iconic {
  margin-left: 23px;
}

.iconic img {
  margin-right: 9px;
}

.iconic span {
  font-size: 10px;
  color: #5D5D5E;
}

.feedback {
  /* margin-top: 164px; */
}

.feedback .elit__span {
  position: absolute;
  margin-left: 67px;
  font-size: 19px;
}

.feedback .elit__p {
  font-size: 18px;
  margin-bottom: 0;
  margin-top: 66px;
  color: #001544;
  font-weight: 500;
}

.feedback .col-md-6 h1 {
  /* margin-bottom: 48px; */
}

.feedback .person__rating {
  margin-top: 24px;
  margin-right: 16px;
  margin-bottom: 0px;
}

.instrutor__span {
  font-size: 14px;
  color: #131523;
  font-weight: 600;
}

.bc__carousel {
  background-image: url(../img/feedback-people.png);
  width: 425px;
  height: 338px;
  background-repeat: no-repeat;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
  position: absolute;
  right: 253px;
}

.bc__carousel .carousel {
  width: 100%;
  height: 338px;
}

.carousel-item img {
  margin-left: 12px;
  margin-top: 30px;
}

.p-b-23 {
  padding-bottom: 23px;
}

.rating {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}

.rating input {
  display: none;
}

.rating label {
  width: 14px;
  height: 14px;
  color: #ddd;
  cursor: pointer;
}

.rating label {
  color: #f39c12;
}


/* footer section start */


.footer {
  /* height: 629px; */
  background: #001544;
  color: #fff;
  margin-top: 148px;
}

.footer .membership {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;

}

.footer .membership h1 {
  font-size: 48px;
  font-weight: bold;
  padding-top: 40px !important;
}

.footer .membership p {
  margin-top: 24px;
  max-width: 921px;
  font-size: 18px;
  margin-bottom: 24px;
}

.footer .membership button {
  background: #fff;
  padding: 10px 30px;
  border-radius: 10px;
  font-weight: bold;
}

.footer__list {
  padding-top: 48px;
  padding-bottom: 48px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-top: 48px;
}

.footer__list ul {}

.footer__list ul li {
  line-height: 2.2;
}

.footer__list li a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;

}

.footer__list ul li a img {
  margin-bottom: 20px;
}


.footer__list h3 {
  font-size: 18px;
  margin-bottom: 20px;
}

.footer .copy__right {
  padding-top: 22px;
  padding-bottom: 22px;
}

.copy__right p {
  margin-bottom: 0px;
  color: #fff;
  padding: 0px;
}

.copy__right .nav-link {
  color: #fff !important;
  padding: 0px;
}

.copy__right p:hover {
  color: #fff;
}

.footer_dropdown_nenu {
  margin-top: -155px;
  /* right: 143px; */
}







.carousel-indicators {
  bottom: -81px !important;
}

.carousel-indicators {
  bottom: 10px;
  /* Adjust the distance from the bottom as needed */
}

.carousel-indicators button {
  background-color: #001544 !important;
  /* Set the background color for indicators */
  width: 8px !important;
  /* Set the width of each indicator */
  height: 8px !important;
  /* Set the height of each indicator */
  margin: 0 5px;
  /* Adjust the spacing between indicators as needed */
  border: none;
  /* Remove the default border */
  border-radius: 50%;
  /* Make the indicators circular */
}

.carousel-indicators button.active {
  background-color: white;
  /* Set the background color for the active indicator */
}

.carousel-control-next,
.carousel-control-prev {
  display: none;
}


@media (max-width: 1600px) and (min-width: 992px) {
  .li__list {
    padding-left: 90px;
  }

}



/* view dtails page start */


.view__details__content {}

.v__det__subcontent .v_det_video_sec h4 {
  font-weight: bold;
  margin-top: 24px;
  margin-bottom: 16px;
}

.main__progress {
  background: #F5F5F5;
  border-radius: 10px;
  padding: 16px 16px 140px 16px;
  /* height: 100%; */
  margin-top: 12px;
  max-height: 677px;
  overflow-x: auto;
}

.main__progress .progress {
  height: 6px;
}

.main__progress .progress-bar {
  background: #001544;
}

.sub__progress .progress_para {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
}

.sub__progress {
  border-bottom: 1px solid #EAEAEA;
}

.sub__progress .progress__per {
  font-size: 16px;
  width: 100% !important;
  margin-top: 10px;
  margin-bottom: 9px;
  font-weight: 600;
}

.video__bc span {
  color: #fff !important;
}

.video__bc p {
  color: #fff !important;
}

.main__progress .adjust__accordion {
  border-bottom: 1px solid #EAEAEA;
}

.main__progress .accordion-button {
  padding: 0px;
}

.main__progress .accordion-body {
  padding: 0px;
}

.v_det_video_sec .nav-tabs {
  border: none;
}

.v_det_video_sec .nav-tabs .nav-link {
  border: none;
  color: #000000;
  font-weight: bold;
  padding: 8px 12px;
  margin-right: 36px;
}

.v_det_video_sec .nav-tabs .nav-link.active {
  border: none;
  color: #fff;
}

.tab__hr {
  margin-bottom: 0;
  background: #5D5D5E;
}

.overview__tab h6 {
  font-size: 14px;
  font-weight: 800;
  margin-top: 24px;
  margin-bottom: 15px;
}

.overview__tab p {
  font-size: 14px;
}

.just__anchor {
  text-decoration: none;
}


/* start start learning page */


.circle__progress__percentage {
  display: flex;
  margin-top: 18px;

}

.circle__progress__percentage p {
  margin: 0;
  font-size: 14px;
  color: #171725;
  font-weight: 500;
  margin-left: 8px;
}

.btn__learning {
  font-size: 14px;
  margin-top: 15px;
}

.search-iconic {
  position: absolute;
  top: 18px;
  left: 329px;
  height: 12px;
}

.sortby__dropdown {}

.sortby__dropdown .footer_dropdown_nenu {
  margin-top: 0px;
}

.sortby__dropdown .footer_dropdown {
  padding-right: 0px;
  color: #131523;
  font-weight: bold;
  display: flex;
  align-items: baseline;
  font-family: 'Manrope', sans-serif;
}

.view_all_courses__dropdown .dropdown-menu {
  height: 310px;
  width: 200px;
  padding: 16px 20px;
  border-radius: 10px;
  margin-top: 31px;
  box-shadow: 0px 1px 6px #0000001A;
  border: none;
}

.view_all_courses__dropdown h6 {
  font-size: 14px;
  color: #001544;
  font-weight: 700;
  margin-bottom: 10px;
}

.view_all_courses__dropdown .dropdown-menu li {
  border-top: 1px solid #F7F7F8;
  padding: 12px 0px;

}

.view_all_courses__dropdown .dropdown-menu a {
  padding: 0;
  display: flex;
}

.view_all_courses__dropdown .dropdown-menu a:hover {
  background: none;
}

.view_all_courses__dropdown .dropdown-menu a p {
  margin-left: 12px;
  font-size: 14px;
  font-weight: bold;
  color: #5D5D5E;
  margin-bottom: 0;
}


/* courses page start */


.courses__h1 {
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 48px
}


/* membership page start */


.membership__content {
  padding-top: 64px;
}

.member__heading__one {
  font-size: 48px;
  font-weight: bold;
  text-align: center;
}

.membership__packages {
  margin-top: 48px;
  margin-bottom: 150px;
  margin-left: 23%;
  margin-right: 23%;
}

.membership__packages .monthly {
  height: 416px;
  background: #F5F5F5;
  border-radius: 10px;
  padding: 36px 24px 24px 24px;
  text-align: center;
}

.monthly .btn__bc {
  padding: 12px 0px;
  margin-top: 12px;
  text-decoration: none;
}


.membership__packages .monthly p {
  color: #131523;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 39px;
}

.monthly .free_trial__para {
  color: #5D5D5E !important;
  font-size: 12px;
  font-weight: bold;
  margin-top: 48px;
}

.membership__packages .monthly h1 {
  margin-top: 48px;
  margin-bottom: 0px;
}

.membership__packages .monthly h1 sup {
  top: -1.5em !important;
  font-size: 16px !important;
}

.monthly .per__mounth_paragraph {
  margin-top: 0px !important;
}

.support_certificate {
  margin-top: 48px;
  margin-left: 15%;
  margin-right: 15%;
  text-align: center;
  margin-bottom: 150px;
}




.monthly button {
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 14px;
  margin-top: 24px;
  border: none;
}

.support_certificate img {
  padding: 20px;
  background: #001544;
  border-radius: 10px;
}

.support_certificate h4 {
  color: #131523;
  margin-top: 24px;
  margin-bottom: 12px;
  font-weight: bold;
}

.support_certificate p {
  color: #143374;
  font-weight: 600;
  width: 288px;
  margin: auto;
}

.membership__subscribe {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 100px;
}

.membership__subscribe p {
  margin-top: 48px;
  color: #143374;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 24px;
}

.member_input {
  position: relative;
  display: inline-block;
}

.member_input input {
  width: 600px;
  height: 48px;
  border: 2px solid #6E7E97;
  border-radius: 10px;
  outline: none;
  padding-left: 16px;
}

.member_input button {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 3px;
  margin-right: 4px;
  padding: 13px 26px;
  font-size: 11px;
  color: #F5F6FA;
  border: none;
}

.member_input input::placeholder {
  font-size: 12px;
  color: #9B9D9E;
}


/* membership contact page start */

.membership__contact a {
  font-size: 16px;
  color: #707070;
  margin-left: 16px;
}

.contact__blue {
  height: 385px;
  background: #001544;
}

.contact__blue h1 {
  font-weight: bold;
  color: #fff;
}

.contact__blue p {
  font-size: 18px;
  margin-bottom: 0px;
  color: #fff;
}

.member__align {
  display: flex;
  align-items: center;
  height: 100%;
}

.membership__contact__form {
  /* position: relative; */
  box-shadow: 0px 1px 6px #0000001A;
  border-radius: 10px;
  margin-top: -100px;
  padding: 48px;
  padding-top: 38px;
  margin-bottom: 100px;
  z-index: 1;
  background-color: #fff;
}

.textarea {
  height: 150px;
  border: 1px solid #CCD4DA;
  border-radius: 10px;
  outline: none;
  width: 100%;
}

.membership__contact h4 {
  margin-top: 48px;
}



/* buy course content */

.buy__courses__content {
  padding-top: 24px;
  font-family: 'Manrope', sans-serif;
}

.sub__buy__course {
  padding: 0px 110px;
}

.master__card {
  /* margin-top: 22px; */
}

.credt__card {
  display: flex;
  align-items: center;
}

.credt__card h6 {
  font-size: 14px;
  font-weight: bold;
  color: #131523;
}

.credt__card h6 {
  font-size: 14px;
  color: #131523;
  margin-bottom: 0px;
  font-weight: 700;
}

.Verified__a {
  color: #001544;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
}

.verify_green {
  color: #198754;
}

.verify_green:hover {
  color: #198754 !important;
}

.Verified__a:hover {
  color: #001544;
}

.credt__card input {
  margin-top: 0px !important;
}

.card__number {
  margin-left: 24px;
  padding-top: 17px;
}

.add__card label {
  font-size: 14px;
  color: #292929;
  margin-top: 12px;
  font-weight: bold;
  margin-bottom: 10px;
}

.add__card input {
  color: #9B9D9E;
  border-radius: 10px;
  height: 48px;
  padding-top: 0px;
}

.add__card input::placeholder {
  color: #9B9D9E;
  font-size: 12px;
}

.add__card select {
  color: #9B9D9E;
  border-radius: 10px;
  height: 48px;
  padding-top: 0px;
}

.add__card option {
  color: #9B9D9E;
  font-size: 12px;
}

.add__card button {
  border: none;
  color: #F5F6FA;
  font-size: 14px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 24px;
}

.dicount {
  background: #F5F5F5;
  width: 100%;
  /* height: 279px; */
  border-radius: 10px;
  padding: 16px 12px;
}

.discount-img {
  border-bottom: 1px solid #EDEDED;
}

.discount-img img {
  max-width: 100%;
}

.discount-img p {
  color: #5D5D5E;
  font-size: 14px;
  font-weight: 500;
  margin-top: 12px;
  max-width: 156px;
}

.discount__pararaph {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}

.discount__pararaph .buys__para {
  color: #5D5D5E;
  margin-bottom: 0px;
}

.discount__pararaph .buys__paragrapgh {
  color: #131523;
  margin-bottom: 0px;
  font-weight: bold;
}

.dicount button {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 24px;
  font-size: 14px;
  margin-bottom: 5px;
}

.add__card .dropdown .btn-secondary {
  background: none !important;
  color: black !important;
  width: 100% !important;
  text-align: justify !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  border: 1px solid #CCD4DA;
  border-radius: 10px;
  margin-top: 0px;
  height: 48px;
  padding-top: 14px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 12px;
  color: #9B9D9E !important;
}

.add__card .dropdown .btn-secondary:focus {
  box-shadow: none;
}

.add__card .dropdown .dropdown-menu {
  width: 100% !important;
}

.hr__ref {
  margin-top: 0px;
}



/* profile card start */


.card__position {
  position: relative;
  height: 48px;
  width: 48px;
  border-radius: 10px;
}

.card__position img {
  height: 100%;
  width: 100%;
  border-radius: 10px;
}

.profile__card_reletive__menu {
  display: none;
}

#fileInput {
  display: none;
}


.card__profile {
  width: 200px;
  /* height: 365px; */
  box-shadow: 0px 1px 6px #0000001A;
  border-radius: 10px;
  background: #fff;
  position: absolute;
  right: 0px;
  margin-top: 25px !important;
  padding: 24px;
}

.profile_toggle{
  padding: 0;
}

.profile_toggle::after {
  display: none;
}
.card__profile a {
  font-size: 14px;
  color: #001544;
  text-decoration: none;
  font-weight: bold;
}

.profile__header .img-1 {
  margin-right: 9px;
  width: 36px;
  height: 36px;
}


.card__body li {
  margin-top: 16px;
  margin-bottom: 16px;

}


.notification__card {
  width: 200px;
  height: 377px;
  box-shadow: 0px 1px 6px #0000001A;
  border-radius: 10px;
  background: #fff;
  position: absolute;
  top: 74px;
  right: 0px;
  padding: 20px 16px;
  display: none;
}


.notification__card ul li {
  border-bottom: 1px solid #F5F5F5;
  margin-bottom: 2px;
  padding-bottom: 3px;
}

.notification__card ul li p {
  font-size: 14px;
  color: #000000;
  font-weight: 600;
  margin-bottom: -8px;
}

.notification__card ul li a {
  font-size: 14px;
  color: #000000;
  font-weight: 600;
}

.notification__card ul li a:hover {
  color: #000000;
}

.notification__card ul li span {
  color: #5D5D5E;
  font-size: 10px;
  font-weight: 500;
}

.notification__card .btn__see {
  color: #001544;
  text-align: center;
  font-size: 12px;
  border: none;
  background: none;
  font-weight: bold;
  margin-top: 7px;
}







.border__none {
  border: none;
}

.btn__padding {
  padding: 13px 23px;
}

.btn__border {
  border: 1px solid #001544;
  border-radius: 10px;

}

.btn__bc {
  background: #001544;
  color: #fff;
  border-radius: 10px;
}

.btn__bc__border {
  background: #fff;
  color: #001544;
  border-radius: 10px;
  height: 48px;
  border: 1px solid #001544;
}

.btn__bc__height {
  height: 48px !important;
  border: none !important;
}

.btn__bc:hover {
  color: #fff;

}





.bordered {
  width: 1px;
  background: #5D5D5E;
  height: 292px;
  position: absolute;
  left: 0px;
  margin-top: 20px;
}

.form-control:focus {
  box-shadow: none;
  background: #F5F5F5;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.btn:focus {
  box-shadow: none;
  /* font-size: 16px; */
}

/* media query */


@media (max-width: 1300px) {
  .membership__packages {
    margin-left: 13%;
    margin-right: 13%;
  }

  .support_certificate {
    margin-left: 5%;
    margin-right: 5%;
  }

  .dashboard__search {
    width: 195px;
  }

  .search-iconic {
    left: 164px;
  }

  .record__content .text__end {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 90%; */
  }

  .record__content .text__end img {
    width: 89%;
    margin-top: 50px;
  }

  .sub__buy__course {
    padding: 0px;
  }

  .discount-img {
    flex-direction: column;
  }

}


@media (max-width: 992px) {
  .col-md-3 {
    min-width: 0;
    /* Set a minimum width for col-md-3 */
    flex: 0 0 auto;
    /* Prevent col-md-3 from shrinking */
    max-width: 100%;
    /* Allow col-md-3 to take up the full width of its container */
  }

  .course__detail .microsoft {
    font-size: 15px;
  }

  .dashboard__content__wrapper .navbar-collapse {
    background: gray;
    padding: 20px;
  }

  .dashboard__search {
    width: 100%;
  }

  .bell-p {
    float: left;
    margin-top: 23px;
  }

  .resposive_navbar_image {
    margin-top: 23px;
  }

  .explore__heading {
    display: flex;
    justify-content: unset;
    /* align-items: flex-start; */
    margin-bottom: 16px;
    flex-direction: column;
    text-align: center;
  }

  .explore__content .explore__h1 {
    margin-bottom: 40px;
    text-align: center;
    font-size: 40px;
  }

  .explore__content .achievements .sub__achievements {
    margin-bottom: 60px;
  }

  .offers h1 {
    text-align: center;
    font-size: 40px;
    margin-top: 40px;
  }

  .offers {
    margin-top: 40px;
  }


  .record__content {
    margin-top: 40px;
  }


  .record__content .text__end {
    text-align: center;
    margin-top: 80px !important;
  }

  .record__content .text__end img {
    width: 100%;
  }

  .record__content .record_p {
    min-width: 100% !important;
  }

  .education__event {
    margin-top: 40px;
  }

  .education__course {
    width: 100%;
  }

  .landing__skills .sub__skills img {
    height: 100%;
  }

  .landing__skills .boost__skills h1 {
    font-size: 47px;
    width: 438px;
    text-align: center;
    margin-bottom: 40px;
  }

  .boost__skills {
    height: 65.3vh;
  }

  .bc__carousel {
    margin-top: 70px;
  }

  .footer_dropdown_nenu {
    margin-top: -159px;
    right: 11px;
  }

  .offers .offer__courses {
    padding-right: 24px;
  }

  .record__content .best__choieses {
    width: 100%;
  }

  .membership__packages .monthly {
    margin-top: 30px;
  }

  .support_certificate .coulmns {
    margin-top: 30px;
  }

  .sub__recomended {
    padding-bottom: 30px;
  }

}

@media (max-width: 768px) {
  .recommended_sec {
    padding-bottom: 24px;
  }

  .dashboard__content__wrapper .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  }

  .courses {
    margin-top: 24px;
  }

  .instructor h4 {
    margin-bottom: 12px;
    margin-top: 12pc;
  }

  .member_input input {
    width: 459px;
  }

  .education__course {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center;
  }

  .education__course .sub__education {
    display: flex;
    flex-direction: column;
  }

  .iconic {
    justify-content: space-around;
  }

  .education__course button {
    margin-top: 12px;
    display: flex;
  }

  .dicount {
    margin-top: 30px;
  }

  .buy__courses__content {
    padding-bottom: 40px;
  }

  .discount-img p {
    max-width: 117px;
    margin-top: 5px;
  }

  .discount-img {
    flex-direction: row;
  }

}


/* checkout without signin start */


.without_sign__btns button {
  height: 48px;
  border: none;
  margin-top: 24px;
}

.without__signin .discount__pararaph {
  margin-top: 16px !important;
}

.with__heading {
  margin-top: 24px;
}

.save__payment {
  margin-top: 12px;
}

.save__payment p {
  margin-bottom: 0px;
  font-size: 12px;
  margin-left: 12px;
  color: #000000;
}


/* profile page start */


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

.profile__card {
  width: 392px;
  height: auto;
  padding-top: 24px;
}

.profile__card h4 {
  font-weight: bold;
  margin-bottom: 19px;
}

.btn-profile-img-remove {
  height: 36px;
  width: 100px;
  border: 1px solid #001544;
  border-radius: 10px;
  color: #001544;
  padding-top: 5px;
  font-weight: bold;
  margin-left: 24px;
}



.user-profile {
  position: relative;
  height: 100px !important;
  width: 100px !important;
  border-radius: 10px;
}

.user-profile .profile__image {
  height: 100%;
  width: 100%;
  border-radius: 10px;
}

.user-profile:hover .overlay {
  opacity: 1;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: flex; /* Initially hidden */
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%; /* Adjust width as needed */
  background: rgba(0, 0, 0, 0.5); /* Black background with opacity */
  opacity: 0;
  border-radius: 10px;
  cursor: pointer;
}

.overlay img {
  margin: auto;
}


/* payment method page start */

.payment__remove{
  padding-right: 16px;
}

.width__90{
  width: 96.6%;
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
}


/* certificate page start */


.certification .img-certificate{
   height: 200px !important;
}


.certificate__status{
  display: flex;
}

.staus__color{
  color: #198754;
  font-weight: 500;
  font-size: 14px;
}

.certificates__date{
  color: #171725;
  font-size: 14px;
  font-weight: 500;
  margin-left: 9px;
}


.btn-certificate{
  color: #001544;
  border: 1px solid #001544;
  height: 36px;
  width: 100%;
  /* margin-left: 5px; */
  font-size: 14px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.btn-certificate img{
  margin-right: 6.54px;
}

.progress-circle {
  width: 22px;
  height: 22px;
  background: conic-gradient(#001644 0% 10%, #b8baba 30% 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.progress-circle::before {
  content: '';
  width: 16px;
  height: 16px;
  background: white;
  border-radius: 50%;
}