@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&family=Montserrat:wght@100;400&display=swap');
* {
  margin: 0;
  border: 0;
  padding: 0;
  outline: 0;
  list-style: none;
  box-sizing: border-box;
  font-family: "Baloo 2",'Hind Siliguri', sans-serif;
}

html {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0)
 }
a {
  text-decoration: none;
}
body {
  /* font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
  line-height: 1.7;
  /* color: #fff; */
  /* background: #f8f8ff; */
}

.container {
  width:1168px;
  margin: 0 auto;
}
section {
  /* padding: 6rem 0; */
}
section h2 {
  text-align: center;
  margin-bottom: 2rem;
}
h1,
h2,
h3,
h4,
h5 {
  line-height: 1.2;
}
h1 {
  font-size: 2.4rem;
}
h2 {
  font-size: 2.5rem;
}
h3 {
  font-size: 1.4rem;
}
h4 {
  font-size: 1.3rem;
}
a {
  color: #000000;
}
.headimage {
  width: 40rem;
}
#IMAGE {
  width: 70px;
}
img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.btn {
  display: inline-block;
  background: #fff;
  color: black;
  padding: 1rem 2rem;
  border: 1px solid transparent;
  font-weight: 500;
  transition: all 400ms ease;
  border-radius: 0.9rem;
}
.btn:hover {
  background: transparent;
  color: #f75842;
  border-color: #f75842;
  font-weight: 500;
}
.btn-primary {
  background: #f75842;
  color: #fff;
}

/* ============== NAVBAR ======== */

.window-scroll {
  background: #f0f8ff;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.4);
}
.nav__container {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ededed;
  padding: 5px 0;
}
nav button {
  display: none;
}
.nav__menu {
  display: flex;
  align-items: center;
  gap: 20px;
}
.nav__menu a {
  font-size: 1rem;
  transition: all 400ms ease;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  text-transform: uppercase;
}
.nav__menu a:hover {
  color: #db5458;
}

/* ============== HEADER ======== */

header {
  color: #1f053e;
  padding: 60px 0;
}

#open-menu-btn {
  color: black;
}
#close-menu-btn {
  color: black;
}
.header__container {
  display: flex;
  align-items: center;
  gap: 4rem;
  height: 100%;
}
.header__left p {
  margin: 1rem 0 2.4rem;
}
/* ============== CATEGORIES ======== */

.categories {
  background: #edebf2;
  height: 32rem;
  padding: 30px 0;
  margin-bottom: 30px;
}
.categories h1 {
  line-height: 1;
  margin-bottom: 3rem;
  color: #1c101e;
}
.categories__container {
  display: grid;
  grid-template-columns: 40% 60%;
}
.categories__left {
  margin-right: 4rem;
}
.categories__left p {
  margin: 1rem 0 3rem;
  color: #42144a;
}
.categories__right {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
}
.category {
  background: #fbfbfb;
  padding: 2rem;
  border-radius: 2rem;
  transition: all 400ms ease;
}
.category:hover {
  box-shadow: 0 3rem 3rem rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.category:nth-child(2) .category__icon {
  background: #f75842;
}
.category:nth-child(3) .category__icon {
  background: #080f1f;
}
.category:nth-child(4) .category__icon {
  background: #1b7bba;
}
.category:nth-child(5) .category__icon {
  background: #030250;
}
.category:nth-child(6) .category__icon {
  background: #b70a7d;
}
.category__icon {
  background: #6c63ff;
  padding: 0.7rem;
  border-radius: 0.9rem;
}
.category h5 {
  margin: 2rem 0 1rem;
  color: #6c7b89;
}
.category p {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgb(1, 1, 1);
}

/* ============== popular courses ======== */

.courses {
  margin-bottom: 3rem;
}
.courses h2 {
  color: #f75842;
  border-bottom: 1px solid #e1e1e1;
  text-transform: uppercase;
}
.course__container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
.course {
  background: #ffffff;
  text-align: center;
  border: 1px solid #e4e4e4;
  transition: all 400ms ease;
  box-shadow: 1px 1px 31px -20px black;
}
.course:hover {
  background: #f0f8ff;
  border-color: #c8c6df;
  transform: scale(1.1);
}
.course__info {
  padding: 2rem;
  color: black;
}
.course__info p {
  margin: 1.2rem 0 2rem;
  font-size: 0.9rem;
}

.video-gallery-container {
  margin: 0 auto;
  padding: 8px 0px;
  background: #edebf2;
}
.video-gallery-container,
.video-gallery-container * {
  box-sizing: border-box;
}
.video-gallery-container h2.title {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 2rem;
  margin-bottom: 1.5rem;
  background: #f0f0f0;
  color: #1f053e;
  font-weight: bolder;
}
.video-gallery-container .video-gallery {
  display: flex;
  padding: 1rem;
  padding-top: 1.5rem;
  gap: 1.5rem;
  color: #fff;
  justify-content: center;
}
.play-icon i {
  font-size: 3rem;
  color: black;
}
.video-gallery h3.video-title {
  line-height: 1.6;
  font-size: 1.3rem;
  font-weight: 900;
  width: 100%;
  color: rgb(0, 0, 0);
}

.video-gallery .thumbnail {
  cursor: pointer;
}
.video-gallery .video {
  position: relative;
}
.video-gallery .video:hover .play-icon {
  opacity: 1;
}
.video-gallery .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 400ms ease;
}
.video-gallery .all-videos {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.all-videos {
  overflow-y: scroll;
  height: 340px;
  padding: 1rem;
  border: 2px solid #8080a0;
}
.video-gallery .responsive-iframe {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  padding-bottom: 30px;
}
.video-gallery .responsive-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.about__achievements {
  margin-top: 3rem;
}
.about__achievemets-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
}
.about__achievements-right > p {
  margin: 1.6rem 0 2.5rem;
  color: #04061d;
  font-weight: 600;
}
.about__achievements-right > h1 {
  color: black;
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}
.achievements__card {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.achievement__card {
  background: #ffffff;
  padding: 1.6rem;
  border-radius: 1rem;
  text-align: center;
  border: 1px solid #ededed;
  transition: all 200ms ease-in;
}
.achievement__card:hover {
  background: #f1f1f1;
  box-shadow: 0 0rem 1rem rgba(0, 0, 0, 0.3);
}
.achievements__icon {
  background: #f75842;
  padding: 0.6rem;
  border-radius: 1rem;
  margin-bottom: 2rem;
  display: inline-block;
  font-size: 1rem;
}

.achievement__card:nth-child(2) .achievements__icon {
  background: #039d1a;
}
.achievement__card:nth-child(3) .achievements__icon {
  background: #c31616;
}
.achievement__card p {
  margin-top: 1rem;
}

/* ====================Team ==============*/

.team {
  background: #edebf2;
  padding: 40px 0;
}

.team h2 {
  color: #dc555b;
}
.team__container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

.team__member {
  /* background: #b5b7ceaf; */
  padding: 2rem;
  border: 1px solid transparent;
  transition: all 400ms ease;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.team__member:hover {
  background: transparent;
  border-color: #3b5998;
}
.team__member-image img {border-radius: 50%;}
.team__member:hover img {
  filter: saturate(1);
}

.team__member-info * {
  text-align: center;
  margin-top: 1.4rem;
  color: #1e353f;
}
.team__member-info p {
  color: #000000;
  font-weight: 800;
}
.team__member-socials {
  position: absolute;
  top: 50%;
  right: -100%;
  display: flex;
  flex-direction: column;
  background: #3b5998;
  border-radius: 1rem 0 0 1rem;
  transform: translateY(-50%);
  box-shadow: -2rem 0 2rem rgba(0, 0, 0, 0.3);
}
.team__member-socials a {
  padding: 1rem;
  color: white;
}
.team__member:hover .team__member-socials {
  right: 0;
}
/* ============== FOOTER ======== */

footer {
  background: #dc555b;
  padding-top: 5rem;
}
.footer__container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4rem;
  color: white;
}
.footer__container > div h4 {
  margin-bottom: 1.2rem;
  color: #ffffff;
  text-shadow: 1px 1px 3px black;
}

.footer__1 p {
  margin: 0 0 2rem;
  color: #ffffff;
}
footer ul li {
  margin-bottom: 0.7rem;
}
footer ul li:hover {
  text-decoration: underline;
}
.footer__socials {
  display: flex;
  gap: 1rem;
  font-size: 1.2rem;
  margin-top: 2rem;
  color: #ffffff;
}
.footer__4 {
  color: #ffffff;
}
.footer__copyright {
  text-align: center;
  margin-top: 4rem;
  padding: 1.2rem;
  border: 1px solid #a0a4cf;
  font-size: 1rem;
  color: black;
  background: white;
  font-weight: 600;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}

.contact__container {
  background: #f1f1f1;
  padding: 4rem;
  display: grid;
  grid-template-columns: 40% 60%;
  gap: 4rem;
  height: 30rem;
  margin: 7rem auto;
  border-radius: 1.5rem;
  border: 1px solid #e5e5e5;
  box-shadow: 1px 8px 33px -33px black;
}

/* ============ASide =============*/

.contact__aside {
  background: #fbfbfb;
  padding: 2rem;
  border-radius: 1rem;
  position: relative;
  bottom: 10rem;
  border: 1px solid #c7c7c7;
}
.aside__image {
  width: 12rem;
  margin-bottom: 2rem;
}
.contact__aside h2 {
  text-align: left;
  margin-bottom: 1rem;
  color: #2f3d7e;
}
.contact__aside p {
  font-size: 0.9rem;
  margin-bottom: 2rem;
  color: #000;
}
.contact__details li {
  display: flex;
  gap: 4rem;
  align-items: center;
  margin-bottom: 1rem;
  color: black;
}
.contact__socials {
  display: flex;
  gap: 0.8rem;
  margin-top: 3rem;
}
.contact__socials a {
  background: white;
  font-size: 1rem;
  padding: 0.5rem;
  border-radius: 5px;
  transition: all 400ms ease;
  border: 1px solid #989898;
}
.contact__socials a:hover {
  background: transparent;
  box-shadow: 0 2rem 2rem rgba(0, 0, 0, 0.2);
}
.contact__form {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin-right: 4rem;
}
.form__name {
  display: flex;
  gap: 1.2rem;
}
.contact__form input['text'] {
  width: 50%;
}

input,
textarea {
  width: 100%;
  padding: 1rem;
  color: black;
}
::placeholder {
  color: black;
}

.contact__form .btn {
  width: max-content;
  margin-top: 1rem;
  cursor: pointer;
}
.course-details-top {
  text-align: center !important;
  padding-top: 20px;
}
.course-details-col-1 {
  width: 65%;
}
.course-details-col-2 {
  width: 35%;
}
.course-details-faculties {
  margin-bottom: 40px;
  display: flex;
  grid-gap: 40px;
}

.course-details-about {
  margin-bottom: 40px;
}
.course-details-faq-box > p {
  cursor: pointer;
  padding: 10px 10px;
  background: #f3f3f3;
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  font-weight: bold;
  gap: 10px;
}
.course-details-faq-box {
  padding: 10px;
  border: 1px solid #dddddd;
}
.para {
  padding: 50px 10px;
  background: white;
}
.course-details-about > p {
  text-align: justify;
}
img#faculti-image {
  width: 100px;
  border-radius: 5px;
  border: 4px solid #f1f1f1;
}
.faculti-member {
  text-align: center;
  display: grid;
  place-items: center;
  gap: 10px;
}
.teacher-department {
  color: #df525a;
}
.icon {
  width: 30px;
}
.course-details {
  padding: 0;
}
.course-details-top > h2 {
  font-weight: 400;
  margin-bottom: 25px;
  font-size: 28px;
  margin-top: 5px;
}
.course-details-col {
  display: flex;
  grid-gap: 35px;
}
.course-box-top img {
  width: 60px;
  border: 2px solid white;
  border-radius: 8px;
  background: #f2f2f2;
}

.course-box-top {
  display: flex;
  justify-content: space-between;
  grid-gap: 10px;
  margin: 20px 15px;
}

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

.time {
  display: flex;
  align-items: center;
}
.course-box-feature p {
  display: inline-flex;
  grid-gap: 5px;
  background: #f7f7f7;
  border-radius: 15px;
  padding: 2px 5px;
  font-size: 14px;
  align-items: center;
  margin: 5px 0;
}

.course-box-feature {
  /* display: ruby-text; */
  margin-top: 10px;
}
.my-btn {
  padding: 8px 15px;
  border-radius: 6px;
  font-size: 15px;
  /* display: block; */
  font-weight: 600;
  background: #dc555b;
  cursor: pointer;
  color: white;
}
.my-btn:hover {
  background: white;
  color: #dc555b;
  border: 1px solid #dc555b;
}
.course-box-bottom {
  text-align: center;
  margin: 10px 0;
}
.course-box-feature p:hover {
  transform: scale(1.13);
}
.total:hover {
  transform: scale(1.2);
}
.time:hover {
  transform: scale(1.2);
}
.course-box {
  padding: 5px;
  padding-bottom: 15px;
  box-shadow: 1px 1px 30px -18px black;
  border: 1px solid #e5e5e5;
}
.price-box {
  margin-top: 25px;
  padding: 10px 5px;
  text-align: center;
  box-shadow: 1px 1px 30px -18px black;
  position: sticky;
  top: 100px;
  border: 1px solid #e5e5e5;
}
.green {
  background-color: #2fb741;
}
.green:hover {
  color: #2fb741;
  border: 1px solid #2fb741;
}

.warning {
  background-color: #FFC107;
}
.warning:hover {
  color: #FFC107;
  border: 1px solid #FFC107;
}

.blue {
  background-color: #1f4e79;
}
.blue:hover {
  color: #1f4e79;
  border: 1px solid #1f4e79;
}
.black {
  background-color: black;
}
.black:hover {
  color: black;
  border: 1px solid black;
}
.mobile-dashboard {
  display: none;
}
.dashboard:hover a {
  color: #000 !important;
}
.form-title {
  padding-top: 35px;
  padding-bottom: 40px;
  text-align: center;
  /* background: #f7f7f7; */
  box-shadow: 1px 1px 14px -12px black;
  /* border: 1px solid #e5e5e5; */
}
.form-title > h3 {
  color: #dc555b;
  font-size: 36px;
}
.form-title > span {
  font-size: 24px;
  /* color: #fff; */
  font-family: "Montserrat", sans-serif;
}
.main-form {
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  /* background-color: #fff; */
}
.singel-form {
  margin-top: 20px;
}
.singel-form > input {
  width: 100%;
  height: 60px;
  padding: 0 30px;
  font-size: 15px;
  color: #8a8a8a;
  border: 1px solid #8a8a8a;
  border-radius: 5px;
}
.main-btn {
  width: 100%;
  line-height: 60px;
  margin-top: 20px;
}
.main-btn {
  display: inline-block;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #dc555b;
  padding: 0 35px;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 50px;
  border-radius: 5px;
  color: #07294d;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  z-index: 5;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  background-color: #dc555b;
}
.main-btn:hover {
  color: white;
  border-color: #07294d;
  background-color: #07294d;
}
.auth {
  margin: 50px auto;
  width: 50%;
}
.loginBtn {
  font-weight: 700;
  color: #07294d;
  font-family: "Montserrat", sans-serif;
}
.google-btn > img {
  width: 40px;
}
.google-btn {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  background: white;
}
.course__info > h4 {
  margin-bottom: 7px;
}
.share.my-btn a img {
  width: 26px;
  border: 1px solid #cfcfcf;
  border-radius: 50%;
}

.share {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 5px;
  background: white;
  padding: 8px 0 !important;
  color: black;
  margin-top: 10px;
  border: 1px solid #dc555b;
}
.course__info > a {
  display: block;
}
.course-box-top p {
  font-size: 18px;
}
.strength {
  display: none;
  color: red;
  text-align: center;
  margin: 0 auto;
  font-weight: bold;
  position: relative;
  top: 0px;
  font-size: 13px;
  width: 156px;
  float: right;
}
.profile-box {
  width: 50%;
}
.profile-page-link > h1 {
  text-align: center;
  border-bottom: 1px solid #e3e3e3;
  padding: 20px 0px;
}
.form-group {
  margin: 15px 0px;
}
.profile-btn {
  margin-bottom: 20px;
}
.dashboard-page {
}
.dashboard-img-pc > img {
  width: 29px;
  border-radius: 50%;
}

.dashboard-img-pc {
  display: flex;
  align-items: center;
  grid-gap: 6px;
}
.sticky-bar {
  position: fixed !important;
  z-index: 10;
  background: white;
  width: 100%;
  top: 0 !important;
  transition: 500ms;
  box-shadow: 1px -3px 16px -7px black;
}
.myactive {
  background: #dc555b;
  padding: 8px;
  border-radius: 5px;
}

li.myactive > a {
  color: white;
}
.dashboard-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  background: white;
  padding: 23px 10px;
  border-radius: 10px;
}

.dashboard-head-left {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.dashboard-head-left > img {
  width: 50px;
  border-radius: 50%;
}
.course-ordered-box-body > img {
  width: 300px;
  box-shadow: 15px 11px 34px -20px black;
}

.course-ordered-box-body {
  display: flex;
  grid-gap: 10px;
}

.course-ordered-box-body-content {
  display: grid;
  grid-gap: 10px;
  width: 100%;
}

.course-ordered-box {
  display: grid;
  gap: 10px;
  background: white;
  padding: 10px;
  transition: all 300ms ease;
  margin-bottom: 20px;
}
.course-ordered-box:hover {
  box-shadow: 1px 1px 26px -18px black;
}

.course-ordered-box-body-content > a {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  font-weight: 400;
}
.course-ordered-box-title {
  text-align: center;
  padding: 15px 0px;
  background: #00384f;
  color: white;
}
.dashboard-body {
  padding: 25px 0;
  display: grid;
  background: #f3f3f3;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 12px;
}
.dashboard-active{
  display: none;
}
.browse-course {
  padding: 100px 0;
  text-align: center;
}
.course-box-bottom>p {
  display: block;
  padding-bottom: 15px;
}
.payment-body {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 10px;
}

.payment-footer {
    text-align: center;
    padding: 10px;
}

.payment-popup {
  width: 50%;
  background: white;
  padding: 10px;
  position: fixed;
  top: 0;
  left: 0;
  transform: translate(50%, 50%);
}

input#Bkash_number {
  text-align: center;
}

input#ref_id {
  text-align: center;
}

button#copyBtn_ref {padding: 15px;}
button#copyBtn {padding: 15px;}
button#copyBtn:hover{
  background:gray;
  color:white;
}
button#copyBtn_ref:hover{
  background:gray;
  color:white;
}
.payment-head {
  color: #000000;
}
.payment-head>h2 {
  padding: 15px 0;
  background: #f1f1f1;
  border-bottom: 1px solid #9d9d9d;
}
.payment-body>h3 {
  padding-bottom: 10px;
  font-weight: 400;
}
.payment-body>h3>strong {
  font-size: 30px;
  color: #ffb404;
}
i.fa-solid.fa-rectangle-xmark.close-btn {
  position: relative;
  right: -35%;
}
i.fa-solid.fa-rectangle-xmark.close-btn:hover {
  color:rgb(214, 0, 0);
}
.payment-popup-outside {
  display: none;
  background: black;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgba(0,0,0,0.5); 
}
#password_view>img {
  width: 25px;
  margin-right: 12px;
}

#password_view {
  top: -42px;
  position: relative;
  float: right;
  margin-bottom: -22px;
}

.category-menu:hover .category-option{
  display: block!important;
}.category-option{
  display: none;
  padding:0;
  position: absolute;
  z-index: 2;
  padding-top: 33px;
}.category-option>a>li{
  list-style: none;
  background: #DC555B;
  color: white;
  padding: 17px 28px;
  font-weight: bold;
  border-bottom: 1px solid #ebbebe;
}.category-option>a>li:hover{
  background: black;
  color: white;
  animation: FadeINmiddle .3s;
}.category-option>a{
  display:block;
}.category-menu:hover {
  animation: FadeINleft .2s;
}.FadeIN-Left {
  animation: FadeINleft ease 1s;
}
@keyframes FadeINleft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
.FadeIN-Right {
  animation: FadeINright ease 1s;
}
@keyframes FadeINright {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
.FadeIN-Middle {
  animation: FadeINmiddle ease 1s;
}
@keyframes FadeINmiddle {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.course-category-list {
  padding: 20px 0;
  text-align: center;
  background: white;
  border-radius: 10px;
  margin-bottom: 18px;
}

.course-category-list>a {
  display: inline-flex;
  padding: 8px 10px;
  font-weight: bold;
  background: black;
  color: white;
  border-radius: 5px;
  margin-bottom: 8px;
}
.course-category-list>a:hover {
  background: white;
  color: black;
  border: 1px solid black;
}
.course-active {
  background: #2fb741!important;
}
.course-active:hover{
  background: white!important;
  color:#2fb741!important;
  border:1px solid #2fb741!important;
}
section.courses>h2 {
  padding: 40px 0;
}
.slider-swiper {
  background: linear-gradient(to top, #ffffff, #f5f5f5);
}.featured-video {
  width: 100%;
}
ul.permalinks>li>a {
    color: white;
}

ul.footer__socials>li>a {
    color: white;
}
.course__image>img {
    min-height: 150px;
}