.header .nav-item i {
  /* padding-left: 8px; */
  font-size: 11px;
  letter-spacing: -1.5px;
}

.uper-icon {
  padding: 6px;

  background-color: transparent !important;
}

.uper-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.slider2-img {
  width: 40%;
  width: 1025px !important;
  height: 28.125em;
  height: -54% !important;
}

.font-9 {
  font-size: 12px;
}


.program-slider .center-elements {
  padding: 16px 0px;
}

.center-elements {
  /* padding-top: 5%; */
  /* width: 60% !important; */
  display: flex;
  align-items: center;

  /* padding: 3%; */


}

.give-flex {
  display: flex;
}

.inner-progress {
  padding: 16px 24px 16px 16px;
  border-radius: 15px;
}



.sec_1 {
  border-radius: 5px 0px 0px 5px;
}

.sec_2 {
  border-radius: 0px 5px 5px 0px;
}

.images-09 {
  width: 100%;
  padding: 3px;
  border-radius: 10px !important;

}

.img-10 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.grey {
  background-color: #f2f2f2;
}

.font-w {
  font-weight: 600 !important;
}

.heading_learning {
  padding-top: 3%;
  font-size: 30px !important;
  /* padding-left: 8%; */
  font-weight: bolder !important;
  margin-bottom: 25px;
}

.progress {
  width: 160px !important;
  display: flex;
  height: 4px !important;
  overflow: hidden;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.balck {
  color: black;
}

.grey-c {
  color: #737373;
}



.para {

  margin-top: 0;
  margin-bottom: 0px !important;

  font-size: .875rem;
  line-height: 1.125rem;
  letter-spacing: 0px;


}

.card-sty {
  width: 354px !important;
  height: 453px !important;
}

.para-1 {

  margin-top: 0;
  margin-bottom: 0px !important;

  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0px;
  color: black !important;

}



.icon-right {
  postion: absolute;
  padding-top: 22px;
  right: 18px !important;
  color: grey;
}

.icon-trans {
  position: relative;
}

.bottom-text {
  padding: 16px 24px;
  min-height: 140px;
}

.bottom-2 {
  justify-content: center;
  padding: 12px 24px 16px 24px;
  font-size: 12px;
}

.icon-right-2 {
  padding-top: 40%;
  padding-left: 14px;
  color: grey;
}

.card-margi {
  border-radius: 16px;
  margin-left: 10px !important;
}

.card-1 {

  padding: 0px !important;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: none;
  border-radius: 0.25rem;
  border-radius: 15px;
  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
  width: 453px 1important;
  /* height: 384px !important; */
}

.card {
  padding: 0px !important;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: none;
  border-radius: 0.25rem;
  border-radius: 15px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.card2 {
  padding: 0px !important;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: none;
  border-radius: 0.25rem;
  border-radius: 15px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  width: 453px 1important;
  height: 384px !important;
}

.line {
  background-color: lightgray;
  height: 1px;
  margin: 5px;
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 0px;
  margin-bottom: 0px;
}

.elbow {
  width: 15px !important;


}

.zoom {
  transition: all .2s;
  background-color: white;
  border-radius: 15px;
}

.inner-progress:hover {

  background-color: rgb(219 218 218 / 45%);

}

.zoom:hover {
  transform: scale(1.02);

}

.pos-rel {
  position: relative;
}

.icon-2 {
  padding-bottom: 5px;
  padding-left: 3px;
}

.icon-3 {

  padding-top: 2px;
}

.zoom:hover i {
  position: relative;
  -webkit-animation: repeatit 1s linear 0s infinite alternate;
  animation: repeatit .3s linear 0s infinite alternate;
}

.inner-progress:hover i {

  -webkit-animation: repeatit 1s linear 0s infinite alternate;
  animation: repeatit .3s linear 0s infinite alternate;
  border-radius: 12px;
}

.prof-pic .dropdown-toggle.show i {
  transform: rotate(180deg);
}

.lesson-hover:hover {
  color: black !important;

}



/* Chrome, Safari, Opera */
@-webkit-keyframes repeatit {
  from {
    left: 0;
  }

  to {
    left: 7px;
  }
}

/* Standard syntax */
@keyframes repeatit {
  from {
    left: 0;
  }

  to {
    left: 7px;
  }
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  /* padding: 2% !important; */
  /* display: block; */
}

.owl-carousel .owl-item img {
  display: inline-grid !important;
}

.elbow {
  width: 18px !important;
  padding: 3px;
}

.icon-top {
  padding-right: 16px;
}

.text-des {

  font-size: 14px !important;
  font-weight: 100;
}

.level-profile {
  margin-top: 10px;
  border-radius: 5px;
  display: flex;
  height: 46px !important;
  /* overflow: hidden; */

}

.border1-box {
  border: 1px solid rgb(224 224 224);
}

p.two {
  border-style: solid;
  border-width: medium;
}

.nav-link2 {
  display: block;
  padding: 5px 0px !important;
  color: #7b7b7b;
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.img-prof {
  width: 32px;
  height: 32px;
  margin-top: 2px;

}

li {
  list-style: none;
}

.upgrade {
  color: #7ac428;
  font-size: 10px;
  line-height: 2px !important;
}

.level {
  font-size: 12px;
  line-height: 0px !important;
  margin-top: 8px;
}

.dowm-top {
  width: 2px !important;
  ;
}

.icon-section {
  display: flex;
}

.iconss {
  padding: 9px;
}

.programs-slider.owl-carousel .owl-dots {
  display: none;

}

.programs-slider.owl-carousel .owl-next.disabled {
  display: none;

}

.programs-slider.owl-carousel .owl-prev.disabled {
  display: none;
}

.programs-slider.owl-carousel .owl-nav button.owl-next {
  margin-left: auto;
}

.program-slider.owl-carousel .owl-nav button.owl-prev {
  margin-left: auto;
}

.programs-slider.owl-carousel .owl-nav button.owl-prev {
  border-radius: 50%;
  color: inherit;
  border: none !important;
  padding: 0 !important;
  font: inherit;
  height: 48px;
  width: 48px;
  background-color: white;
  background: #fff !important;
  margin-left: -34px;
  transform: translateX(-83%);
}

.programs-slider.owl-carousel .owl-dot.active span {
  width: 14px;

}

.owl-item.active {
  background-color: transparent !important;
}

.programs-slider.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 0px 2px;

}

.program-slider.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 0px 2px;

}

.program-slider.owl-carousel .owl-dot.active span {
  width: 14px;
}

.programs-slider.owl-carousel .owl-nav button.owl-next:focus {
  outline: none !important;

}

.program-slider.owl-carousel .owl-nav button.owl-prev:focus {
  outline: none !important;

}

.programs-slider.owl-carousel .owl-nav button.owl-prev:focus {
  outline: none !important;

}

.programs-slider.owl-carousel .owl-item.cloned {

  width: 362px;
  margin-right: 15px;
}



.programs-slider.owl-carousel .owl-nav button.owl-next {
  border-radius: 50%;
  color: inherit;
  border: none !important;
  padding: 0 !important;
  font: inherit;
  height: 48px;
  width: 48px;
  background-color: white;
  background: #fff !important;
  transform: translateX(83%);
}

.program-slider.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  justify-content: center;
  border-radius: 7px;
  box-shadow: 0 2px 20px 0 rgb(0 0 0 / 30%);

}

.program-slider.owl-carousel .owl-nav button.owl-next:focus {
  outline: none;
  outline-offset: 4px;
}

.prof-pic {
  /* padding: 6px; */
  background-color: white;
  /* padding: 3px; */
  padding-right: 6px;
  padding-left: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.section-up {
  background-color: white;
  padding-top: 4px;
  padding-right: 13px;
  padding-left: 10px !important;
  /* padding-top: 5px; */
}

.prof-pic:hover {
  background-color: rgb(244, 239, 239);
}

.section-up:hover {
  background-color: rgb(244, 239, 239);

}

.icon-top:hover {
  color: rgb(77, 76, 76);

}

.para2 {
  margin-top: 0;
  margin-bottom: 0px !important;
  font-size: .8rem;
  line-height: 1.125rem;


}

.font-w-100 {
  font-weight: 100 !important;

}





.uper-sec {
  display: flex;
  justify-content: space-between;
  /* padding: 25px; */
  margin-left: 114px;
  margin-right: 91px;
  /* margin-top: 8px; */
  /* padding-top: 20px; */
}


.btn-re {
  background-color: transparent;
  padding: .75rem;
  padding-right: .55rem;
  border-radius: 25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-align: center;
  font-family: "grotesk-Medium";
  font-size: 14px;
  line-height: 1.25rem;
  letter-spacing: .01562em;
  color: #7ac428;
  border: none !important;
}

.btn-re:hover {
  background: linear-gradient(180deg, #7cc5234f, #47ad8259) !important;
  color: #7ac428;
}

.buutton {
  border: none;
}

@media only screen and (max-width: 600px) {


  .uper-sec {
    display: flex;
    justify-content: space-between;
    /* padding: 25px; */
    margin-left: 30px;
    margin-right: 24px;
    /* margin-top: 8px; */
    padding-top: 40px;
  }
}

.mt-4 {
  margin-top: 2.5rem !important;
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 14px 12px;
  width: 24px;
}

.para-update-text {
  font-size: 12px !important;
  color: #736f6f;
}

/* lesson */
.program-slider.owl-theme .owl-nav {
  margin-top: 10px;
  position: absolute;
  top: 40%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 15px;

}

.owl-nav button span {
  font-size: 32px;
}

.program-slider.owl-carousel .owl-nav button.owl-prev {
  border-radius: 50%;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  height: 46px;
  width: 46px;
  background-color: white;
  background: #fff !important;
}

.pogram-slider.owl-theme .owl-dots .owl-dot span {
  width: 8px !important;
  height: 8px !important;

}

.program-slider.owl-carousel .owl-nav button.owl-next {
  border-radius: 50%;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  height: 48px;
  width: 48px;
  background-color: white;
  background: #fff !important;
}

@media only screen and (max-width: 600px) {



  .uper-sec {
    display: flex;
    justify-content: space-between;
    /* padding: 25px; */
    margin-left: 30px;
    margin-right: 24px;
    /* margin-top: 8px; */
    padding-top: 40px;
  }

  .owl-theme .owl-nav {
    margin-top: -17px;
  }
}

.slider2-img {
  width: 40%;
}

.program-slider.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  justify-content: center;
  border-radius: 5px;
}

.program-slider.owl-carousel.center-elements {
  /* padding-top: 5%; */
  /* width: 60% !important; */
  display: flex;
  align-items: center;
  /* padding: 3%; */
}

.program-slider.owl-carousel.center-elements {
  padding-top: 5%;
  width: 97% !important;
  display: flex;
  align-items: center;
  padding: 3%;
}

.detail-sections {
  display: flex;
  justify-content: space-between;
}

.box-sh {
  box-shadow: 0 2px 20px 0 rgb(0 0 0 / 30%) !important;
}

.btn-see-all {
  border: 1px solid #7cc523;
  padding: 14px 27px;
  /* height: 48px; */
  min-width: 0%;
  width: fit-content;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* cursor: pointer; */
  /* text-decoration: none; */
  text-align: center;
  font-family: "grotesk-Medium";
  font-size: .875rem;
  line-height: 1.25rem;
  letter-spacing: .01562em;
  color: #7ac428;
  text-decoration: none;
  margin: auto !important;
}

.btn-see-all:hover {
  color: #7ac428;

}

.btn-update-prof {
  background: linear-gradient(180deg, #7cc523, #47ad82);
  padding: 12px 35px;
  /* height: 48px; */
  min-width: 0%;
  width: fit-content;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* cursor: pointer; */
  /* text-decoration: none; */
  text-align: center;
  font-family: "grotesk-Medium";
  font-size: 12px;
  line-height: 1.25rem;
  letter-spacing: .01562em;
  color: #fff;
  text-decoration: none;
  margin: auto !important;
}

.btn-update-prof:hover {
  background: linear-gradient(180deg, #7dc624, #4fba8e);
  color: white;

}

.btn-readd {
  background: linear-gradient(180deg, #7cc523, #47ad82);
  padding: 10px 50px;
  /* height: 48px; */
  min-width: 0%;
  width: fit-content;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* cursor: pointer; */
  /* text-decoration: none; */
  text-align: center;
  font-family: "grotesk-Medium";
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: .01562em;
  color: #fff;
  text-decoration: none;
  margin: auto !important;
}


.btn-readd:hover {
  color: white;
}

.update-section {
  /* display: flex;
  justify-content: space-between; */

  padding: 2%;

}

.phon-text {
  display: flex;
}



.font-w-600 {
  font-weight: 600;
}

.font-w-400 {
  font-weight: 400;
}

.texx0 {
  padding: 0%;
  padding-left: 22px;
}

.alert-warning {
  color: #080808 !important;
  background-color: white !important;
  border-color: #dedcdc !important;
}

.padd-left {
  padding-top: 11px;
  padding-left: 20px;
  text-align: start;
}

.centerize {
  padding: 1.5%;

}

.show-fl {
  display: flex;
}

.width-ass {
  width: 83%;
  margin-left: 10% !important;
  /* margin-right: -73% !important; */
}

.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 1.15rem !important;
}

.accordion {
  background-color: transparent;
  color: #444;
  cursor: pointer;

  width: 100%;
  border: none;
  text-align: left;
  outline: none;

  transition: 0.4s;
}

.active,
.accordion:hover {
  background-color: #ccc;
}

.btn-see-all1 {
  border: 2px solid #7cc523;
  padding: 15px 44px;
  /* height: 48px; */
  min-width: 0%;
  width: fit-content;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* cursor: pointer; */
  /* text-decoration: none; */
  text-align: center;
  font-family: "grotesk-Medium";
  font-size: .875rem;
  line-height: 1.25rem;
  letter-spacing: .01562em;
  color: #7ac428;
  text-decoration: none;
  margin: auto !important;
}

.btn-see-all1:hover {
  color: #7ac428;
  background-color: #e3ffc48f;
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}

/* <see all> */
.right-icon {
  /* padding-top: 4px; */
  color: grey;

  padding: 22px;
}

.line-01 {
  background-color: #d5d5d5;
  height: 1px;
}

.icon-1 {
  position: absolute;
  padding-top: 2px;
  padding-left: 3px;

}

.icon-11 {
  position: absolute;
  padding-top: 2px;
  padding-left: 62px;
}

.icon-12 {
  padding-top: 2px;
  padding-left: 3px;
}

.btn-show {
  background: white;
  padding: 15px 33px;
  /* height: 48px; */
  min-width: 0%;
  width: fit-content;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* cursor: pointer; */
  /* text-decoration: none; */
  text-align: center;
  font-family: "grotesk-Medium";
  font-size: 14px;
  line-height: 1.25rem;
  letter-spacing: .01562em;
  color: #7ac428;
  text-decoration: none;
  margin: auto !important;
  border: 2px solid #7ac428;
  position: absolute;
  top: 7px;
}

.btn-show:hover {
  color: #7ac428;
  background-color: #e3ffc48f;
}

.img01 {
  width: 100%;
  border-radius: 14px;
}

.tic-img {
  position: absolute;
  width: 36px;
  bottom: 8px;
  right: 12px;

}

.center-elements2 {
  position: relative;

}

.down-head {
  font-weight: 700 !important;
}

.tex-sec {
  padding-top: 7px !important;
  padding: 5px;
}

.down-tex {
  color: grey;
}

.des {
  font-size: 12px;
}

.theme-color {
  color: #7ac428;
}

.img01:hover {
  box-shadow: -1px -5px 20px 8px lightgrey;
}


.heading-2 {
  font-size: 1.5rem !important;
  font-size: 1.375rem !important;
  letter-spacing: .015625rem !important;
  line-height: 1.875rem !important;
  font-family: 'grotesk-bold' !important;
}

.heading1 {
  font-family: "sharp-grotesk-semibold-20";
  letter-spacing: .015625rem;
  font-size: 1.5rem;
  line-height: 1.875rem;
  margin-bottom: 10px;
  color: #000000;

}

.head2 {
  color: rgba(15, 19, 26, var(--tw-text-opacity));
  font-family: "sharp-grotesk-semibold-20";
  font-size: 24px !important;
  letter-spacing: .015625rem !important;
  padding-bottom: 3px;
  color: #000000;
}



.text0 {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 0px !important;
}

/* <fav> */
.img00 {
  padding: 25px;
  width: 14%;
  border-radius: 20px !important;

}

.text-fav {
  font-size: 15px;
  font-weight: 700 !important;
}

.fav-sec {
  display: flex;
  padding: 17px;
  padding-left: 28px;
}

.fa-fav {
  color: red;
  padding-top: 55px;
}

.fav-text {
  line-height: 0px;
  padding-top: 32px;
}

.line-grey {
  background-color: #cac9c9;
  height: 1px;
}

.heart-text {
  position: relative;
}

.heart-filled {
  position: absolute;
  left: 458px;
  bottom: 21px;
}

.top-pa {
  padding-top: 5px;
}

.img08 {
  width: 10%;
}

.top-fav-sec {
  display: flex;
}

.img001 {
  /* padding: 4px; */
  width: 6%;
  height: 22%;
  /* padding-right: 5px; */
  border-radius: 7px;
}

.text-fav1 {
  font-size: 11px;
  font-weight: 700 !important;
}

.grey-c2 {
  color: grey;
  font-size: 10px;
}

.heart-fav-top {
  padding: 2px;

}

.fav-textt {
  /* padding: 2px; */
  padding-left: 6px;
}

.heart-fav-top {
  padding-top: 33px;
  padding-left: 13px;
}

/* footer */
.footer-head {
  font-weight: 700 !important;
  font-size: 1rem;
  color: rgb(45 42 52);

}

.footer-text {

  font-size: .875rem !important;
  line-height: 2px !important;
  color: rgb(124, 124, 124) !important;
  font-family: gor;


}

.card .grey-c {
  margin: 0px;
}

.zoom {}