body {

  font-family: 'Poppins', sans-serif;

  font-weight: 400;

  color: var(--text-black-color);

  font-size: 15px;

  overflow-x: hidden;

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

  font-smoothing: antialiased;

}

html,

body {

  height: 100%;

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

  font-smoothing: antialiased;

}

h1,
h2,
h3,
h4,
h5,
h6 {

  font-family: 'Muli', sans-serif;

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

  font-smoothing: antialiased;

  color: var(--text-black-color);

  margin-bottom: 20px;

  font-weight: 600;

}

h1 {

  font-size: 36px;

}

h2 {

  font-size: 28px;

}

h3 {

  font-size: 24px;

}

h4 {

  font-size: 20px;

}

h5 {

  font-size: 16px;

}

h6 {

  font-size: 13px;

}

a {

  color: var(--text-blue-color);

  font-size: 14px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

a:hover,

a:focus {

  color: var(--text-dark-blue-color);

  text-decoration: none;

}

a:active {

  text-decoration: none;

}

p {

  margin-bottom: 10px;

}

blockquote {

  font-size: 16px;

  font-weight: 400;

  font-style: italic;

}

ul {

  list-style: none;

  padding-left: 0;

}

/* custom */
.status-message img {
  height: 150px;
}

.smallscreen-search-block {
  align-items: center;
}

/* ================================= */

/*===== General =====*/

/* ================================= */

/* .overlay-bg {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);   

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;      

} */

.parallax {

  width: 100%;

  background-position: 50% 0;

  background-repeat: no-repeat;

  background-size: cover;

  background-attachment: fixed;

  position: relative;

}

.btn-primary {

  padding: 20px 25px;

  background-color: #0085BF;

  color: var(--text-white-color);

  font-size: 15px;

  font-weight: 400;

  border: 1px solid transparent;

  -webkit-transition: none;

  -moz-transition: none;

  transition: none;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.btn-primary:hover {

  border: 1px solid transparent;

  background-color: #FA8638;

}

.btn-secondary {

  padding: 2px 10px;

  background-color: var(--background-white-bg-color);

  color: var(--text-dark-grey-color);

  font-size: 15px;

  border: 1px solid #686F7A;

  -webkit-transition: none;

  -moz-transition: none;

  transition: none;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.btn-secondary:hover {

  border: 1px solid #29303B;

  background-color: var(--background-white-bg-color);

  color: var(--text-black-color);

}

.btn-info {

  padding: 10px 15px;

  background: var(--background-blue-bg-color);

  color: var(--text-white-color);

  font-size: 15px;

  font-weight: 500;

  border: 1px solid var(--text-blue-color);

  border-radius: 6px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.btn-info:hover {

  border: 1px solid #00576B;

  background-color: #00576B;

  color: var(--text-white-color);

}

.btn-link {

  padding: 5px;

  font-size: 13px;

  padding: 3px 17px;

  background-color: transparent;

  color: var(--text-dark-grey-color);

  border: 1px solid #CACBCC;

  border-radius: 3px;

  -webkit-transition: none;

  -moz-transition: none;

  transition: none;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.btn-link.active,

.btn-link:hover {

  background: transparent;

  border-color: var(--text-light-grey-color);

  color: var(--text-light-grey-color);

  text-decoration: none;

}

.btn-light {

  font-size: 16px;

  border-radius: 6px;

  background: var(--background-blue-bg-color);

  color: var(--text-white-color);

  width: 100%;

  border: 1px solid var(--text-blue-color);

  -webkit-transition: none;

  -moz-transition: none;

  transition: none;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.btn-light.active,

.btn-light:hover {

  background-color: #003845;

  border: 1px solid #003845;

  color: var(--text-white-color);

  text-decoration: none;

  border-radius: 6px;

}

.form-control:focus {

  -webkit-box-shadow: none;

  box-shadow: none;

}

.owl-carousel .owl-nav button.owl-prev {

  margin-right: 58px;

  margin-left: -35px;

}

.owl-carousel .owl-nav button.owl-next {

  margin-left: 98%;

}

.owl-carousel .owl-nav button.owl-next,

.owl-carousel .owl-nav button.owl-prev {

  position: absolute;

  color: #0073A9;

  background-color: var(--background-white-bg-color);

  border-radius: 100%;

  box-shadow: 0 0 4px 3px rgb(0 0 0 / 4%);

  font-size: 24px;

  top: 50%;

  transform: translate(0, -50%);

  width: 55px;

  height: 55px;

  text-align: center;

  line-height: 40px;

  z-index: 10;

  cursor: pointer;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.owl-carousel .owl-nav button.owl-next:hover,

.owl-carousel .owl-nav button.owl-prev:hover {

  background-color: #0085BF;

  color: var(--text-white-color);

  box-shadow: 0 0 4px 3px rgb(0 0 0 / 4%);

}

.owl-dot {

  margin: 0 auto;

  left: 0;

  right: 0;

  text-align: center;

}

.owl-dot {

  width: 10px;

  height: 10px;

  border-radius: 100%;

  border: 1px solid var(--text-black-color);

  background-color: var(--background-white-bg-color);

  margin-right: 5px;

}

.owl-dot.active {

  border: 1px solid #0891FF;

}

.rating {

  unicode-bidi: bidi-override;

  display: inline-block;

  font-size: 12px;

  color: #F4C150;

  margin-bottom: 5px;

}

.rating input {

  position: absolute;

  left: -999999px;

}

.rating label {

  display: inline-block;

  font-size: 0;

}

.rating>label:before {

  position: relative;

  font: 16px/1 FontAwesome;

  display: block;

  content: "\f005";

  color: #F4C150;

  background: -webkit-linear-gradient(-45deg, #B6C1C7 0%, #B6C1C7 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.rating>label:hover:before,

.rating>label:hover~label:before,

.rating>label.selected:before,

.rating>label.selected~label:before {

  color: #F4C150;

  background: -webkit-linear-gradient(-45deg, #FCB551 0%, #D69A45 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.h-center {

  margin: 0 auto;

  left: 0;

  right: 0;

}

.v-center {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.text-center {

  text-align: center;



}

.txt-rgt {

  text-align: right;

}

.txt-black {

  color: var(--text-black-color);

}

.border-btm {

  border-bottom: 1px solid #DEDFE0;

}

.btm-120 {

  margin-bottom: 120px;

}

.btm-105 {

  margin-bottom: 105px;

}

.btm-60 {

  margin-bottom: 60px;

}

.btm-40 {

  margin-bottom: 40px;

}

.btm-30 {

  margin-bottom: 30px;

}

.btm-20 {

  margin-bottom: 20px;

}

.btm-10 {

  margin-bottom: 10px;

}

.btm-5 {

  margin-bottom: 5px;

}

.rgt-20 {

  margin-right: 20px;

}

.rgt-15 {

  margin-right: 15px;

}

.rgt-10 {

  margin-right: 10px;

}

.rgt-5 {

  margin-right: 5px;

}

.lft-7 {

  margin-left: 7px;

}

.lft-10 {

  margin-left: 10px;

}

.lft-20 {

  margin-left: 20px;

}

.lft-40 {

  margin-left: 40px;

}

.lft-90 {

  margin-left: 90px;

}

.top-10 {

  margin-top: 10px;

}

.top-20 {

  margin-top: 20px;

}

.top-30 {

  margin-top: 30px;

}

.top-40 {

  margin-top: 40px;

}

.float-rgt {

  float: right;

}

.bg-white {

  background-color: var(--background-white-bg-color);

}

.bdr-yellow,

.bdr-purple,

.bdr-blue {

  border-top: 8px solid #F4C150;

  border-radius: 4px 4px 0 0;

}

.bdr-purple {

  border-top: 8px solid #853C6C;

}

.bdr-blue {

  border-top: 8px solid var(--text-blue-color);

}

button:focus {

  outline: none;

}

.italic {

  font-style: italic;

}

.section-heading {

  position: relative;

  padding: 22px 0;

  margin-bottom: 50px;

}

.section-heading:after {

  content: "";

  width: 50px;

  height: 2px;

  background: var(--background-blue-bg-color);

  position: absolute;

  margin: 0 auto;

  left: 0;

  right: 0;

  bottom: 0;

}

.col-five {

  width: 20%;

  height: auto;

}

.width {

  width: 33%;

}

.border-rgt {

  border-right: 1px solid #DEDFE0;

}

.facebook {

  background-color: #4264A3;

  border: 1px solid #4264A3;

}

.twitter {

  background-color: #60B6F0;

  border: 1px solid #60B6F0;

}

.linkedin {

  background-color: #0086C2;

  border: 1px solid #0086C2;

}

.youtube {

  background-color: #E15849;

  border: 1px solid #E15849;

}

.display-inline {

  display: inline;

}

.display-none {

  display: none;

}

sup.redstar {

  color: #FF0000;

}



.page-item .page-link {

  color: #117D97;

  font-size: 17px;

  background-color: transparent;

  border: 1px solid #EDEEF0;

  border-radius: 0;

  padding: 10px 15px;

}

.page-item .page-link:last-child {

  border-radius: 0;

}

.page-item.active .page-link {

  color: var(--text-white-color);

  font-size: 17px;

  background-color: #117D97;

  border: 1px solid #117D97;

  border-radius: 0;

  padding: 10px 15px;

}

.page-item .page-link:hover {

  color: #084054;

  background-color: #EDEEF0;

}



/* ================================= */

/*===== Preloader =====*/

/* ================================= */

.preloader {

  background-color: var(--background-white-bg-color);

  bottom: 0;

  top: 0;

  left: 0;

  right: 0;

  position: fixed;

  z-index: 9999999999999;

}

.status,

.status-message {

  text-align: center;

  text-transform: uppercase;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  background-position: center;

  background-repeat: no-repeat;

}

.status-message {

  top: 40%;

  bottom: 0;

  margin: 0 auto;

}



/* ================================= */

/*===== 404 page =====*/

/* ================================= */

.error-page-main-block {

  background-color: #F3F4F3;

  height: 100%;

}

.error-block {

  padding: 60px 0;

}

.error-heading {

  font-size: 70px;

}

.error-heading span {

  font-size: 110px;

  font-weight: 500;

}

.error-block p {

  font-size: 20px;

}



/* ================================= */

/*===== coming-soon page =====*/

/* ================================= */

.coming-soon-main-block {

  background-position: 50% 0;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 50px 0;

  height: 100vh;

  position: fixed;

  width: 100%;



}

.coming-soon-main-block .logo {

  position: relative;

}

.coming-soon-block {

  padding: 120px 0;

}

.comming-soon-heading {

  font-size: 80px;

  text-transform: uppercase;

  font-weight: 500;

  position: relative;

}

.coming-soon-main-block .nav-bar-btn {

  position: relative;

}



/* ================================= */

/*===== Nav-Bar =====*/

/* ================================= */

.nav-bar-main-block {

  padding: 10px 0;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.08);

}

.nav-search .form-control {

  padding: 13px 0 13px 20px;

  color: var(--text-black-color);

  border-radius: 0;

  border: none;

  background-color: var(--background-grey-bg-color);

  display: inline-block;

  float: left;

  width: 250px;

}

.nav-bar-main-block .logo a img {

  width: 100px;

}

.nav-bar-main-block .logo .img-fluid {

  max-width: 100px;

  height: auto;

}

.nav-search .btn-primary {

  padding: 10px 15px;

  border-radius: 0;

  color: #0073A9;

  background-color: var(--background-grey-bg-color);

  height: 38px;

}

.nav-search .btn-primary:hover {

  color: var(--text-white-color);

  background-color: #0085BF;

}

.learning-business .btn-link {

  padding: 15px;

  border: none;

}

.learning-business .btn-link:hover {

  border-color: var(--text-light-grey-color);

  color: var(--text-light-grey-color);

  background-color: var(--background-grey-bg-color);

}

.shopping-cart i {

  border: 1px solid transparent;

  padding: 10px 14px 5px;

  border-radius: 100%;

  display: inline-flex;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.shopping-cart i:hover {

  background: rgba(20, 23, 28, 0.05);

  border: 1px solid rgba(20, 23, 28, 0.05);

}

.shopping-cart [class^="flaticon-"]:before,

[class*=" flaticon-"]:before,

[class^="flaticon-"]:after,

[class*=" flaticon-"]:after {

  margin-left: -6px;

  color: #0073A9;
  ;

  font-size: 22px;

}

.Login-btn {
  text-align: right;
  padding: 6px 0;
  display: flex;
  gap: 10px;
  /* margin-left: 25px; */
}

.Login-btn .btn-primary,

.Login-btn .btn-secondary {

  padding: 7px 15px;

  border-radius: 3px;

}

.Login-btn .btn-secondary {

  padding: 7px 15px;

}

#cssmenu ul ul li a [class^="flaticon-"]:before,

[class*=" flaticon-"]:before,

[class^="flaticon-"]:after,

[class*=" flaticon-"]:after {

  font-size: 20px;

  vertical-align: middle;

}

#cssmenu ul ul li a .fa,
.fas {

  margin-top: 5px;

}

.featured-iteam-main-block {

  padding: 60px 0;

}



@media (max-width: 992px) {

  .nav-bar-main-block .form-inline.search-form .form-group {

    display: block;

    text-align: center;

    /*margin: 0 auto;*/

    margin-bottom: 0;

  }

  .nav-search form {

    justify-content: center;

  }

}

@media (max-width: 576px) {

  .nav-search form {

    justify-content: center;

  }

  .nav-bar-main-block .form-inline.search-form .form-group {

    width: 250px;

  }

}



/* ================================= */

/*===== Home =====*/

/* ================================= */

.home-main-block {
  /* padding: 120px 90px; */
  background-position: 50% 0 !important;
  background-repeat: no-repeat;
  background-size: contain;
  height: 400px !important;
  background-position: center;
}

@media(max-width:1368px) {
  .home-main-block {
    height: 375px;
  }
}

.home-heading {

  font-size: 50px;

}

.home-dtl p {

  font-size: 20px;

}

.search-block .form-group {

  border-radius: 2px;

  position: relative;

}

.search-block .form-control {

  padding: 13px 0 13px 13px;

  width: 500px;

  border-radius: 1px;

}

.search-block .form-btn .btn-primary {

  position: absolute;

  right: 0;

  top: 0;

  padding: 12px 18px;

  background-color: transparent;

  border: none;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.search-block .form-btn .btn-primary:hover {

  background-color: #0085BF;

  color: var(--text-white-color);

  border-radius: 2px;

}

.search-block .form-btn .btn-primary i {

  font-size: 20px;

  color: #0073A9;
  ;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.search-block .form-btn .btn-primary:hover i {

  color: var(--text-white-color);

}

.navigation [class^="flaticon-"]:before,

[class*=" flaticon-"]:before,

[class^="flaticon-"]:after,

[class*=" flaticon-"]:after {

  font-size: 18px;

  color: var(--text-light-grey-color);

  margin-right: 5px;

}

@media (max-width: 992px) {

  .learning-business {

    text-align: center;

    margin-bottom: 20px;

  }

  .logo {

    text-align: center;

  }

  .shopping-cart {

    text-align: center;

  }

  .search-block .form-control {

    width: 300px;

  }



}

@media (max-width: 576px) {

  .home-heading {

    font-size: 40px;

  }

  .home-main-block {

    padding: 30px 25px;

    height: 350px;

  }

  .search-block .form-control {

    width: 100%;

  }

}



/* ================================= 

    /*===== Work =====*/

/* ================================= */

.learning-work-main-block {
  background: #11253E;
  padding: 20px 0;
}

.work-heading {

  font-size: 17px;

  font-weight: 500;

}

.learning-work-dtl p {

  font-size: 15px;

  margin-bottom: 2px;
  color: #ababab;

}

.learning-work-dtl {

  padding: 5px 10px;

}

.learning-work-icon i {

  font-size: 25px;
  color: #F79A1C;
  margin: 0;


}



@media (max-width: 767px) {

  .learning-work-block {

    text-align: center;

    padding: 15px 0 30px;

  }

}



/* ================================= 

    /*===== Courses =====*/

/* ================================= */

.learning-courses-main-block {

  padding: 40px 0;

}

.learning-selection {

  padding: 148px 20px 57px;

  background-color: var(--background-grey-bg-color);

  margin-bottom: 30px;

  margin-top: 40px;

  margin-right: 7px;

}

.selection-heading {

  font-size: 20px;

  font-weight: 500;

}

.learning-selection p {

  font-size: 17px;

}

.learning-courses ul {

  border-bottom: none;

  margin-bottom: 15px;

}

.learning-courses-main-block .view-block:hover {

  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%);

}

.learning-courses-main-block .view-block {

  margin-bottom: 20px;

  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%);

  border-radius: 10px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.learning-courses ul li {

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.learning-courses .btn {

  padding: 0;

  margin-bottom: 7px;

}

.learning-courses .nav-link {

  border: none;

  background-color: #F2F3F5;

  color: var(--text-dark-grey-color);

  border-radius: 6px;

  margin-right: 10px;

  /*border-bottom: 5px solid transparent;*/

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.learning-courses .nav-link.active {

  border: none;

  background-color: #0085BF;

  color: #FFF;

  border-radius: 5px;

  /*border-bottom: 5px solid var(--text-blue-color);*/

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.learning-courses .nav-tabs .nav-link:hover {

  background-color: #0085BF;

  color: #FFF;

  /*border-color: var(--text-blue-color) var(--text-blue-color) var(--text-blue-color);*/

}

.learning-courses-main-block .owl-carousel .owl-nav button.owl-prev {

  margin-right: 36px;

  margin-left: -27px;

}

.learning-courses-main-block .owl-carousel .owl-nav button.owl-next {

  margin-left: 96%;

}

.learning-courses-main-block .owl-carousel .owl-nav button.owl-prev,

.learning-courses-main-block .owl-nav button.owl-next {

  top: 32%;

}

.learning-courses-main-block .owl-carousel .owl-nav.disabled {

  display: block;

}

@media (max-width: 992px) {

  .learning-selection {

    display: none;

  }

}



/* ================================= 

    /*===== Student-View =====*/

/* ================================= */

.student-view-block {

  margin-bottom: 50px;

}

/*.student-heading {

  color: var(--text-light-grey-color);

}*/

.view-dtl {

  background-color: #FFF;

  padding: 30px 15px 10px;
  /*

  border: 1px solid #DEDFE0;*/

  border-radius: 0 0 6px 6px;

  /*height: 160px;*/
  /*

  box-shadow: 0 0 1px 1px rgba(20,23,28,0.1), 0 3px 1px 0 rgba(20,23,28,0.1);*/

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.best-seller {

  position: absolute;

  text-align: center;

  font-size: 10px;

  font-weight: 700;

  top: 26px;

  bottom: 0;

  left: 0;

  background-color: #F4C150;

  width: 80px;

  height: 15px;

  padding: 2px 0 0;

  z-index: 9;

  border-radius: 0 10px 10px 0;

  text-transform: capitalize;

}

.student-view-block:hover {

  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%);

}

.student-view-block {

  border: 1px solid #FFF;

  border-radius: 6px;

  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%);

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.view-heading {

  font-size: 14px;

  color: var(--text-black-color);

  font-weight: 500;

  padding: 10px 0 20px;

  display: flex;

  align-items: center;

}

.view-heading a {

  font-size: 14px;

  color: var(--text-black-color);

  font-weight: 500;

  position: absolute;

  margin-top: auto;

  margin-bottom: auto;

  width: 235px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.view-dtl p {

  font-size: 8px;

  color: var(--text-dark-grey-color);

}

.view-dtl .rating ul li {

  display: inline-flex;

  color: var(--text-light-grey-color);

  font-size: 12px;

  vertical-align: text-bottom;

}

.view-dtl .rating ul li i {

  color: #F4C150;

}

.view-dtl .rate ul li {

  display: inline-block;

  color: #FFF;

}

.view-dtl .rate ul li a {

  font-size: 16px;

}

.view-dtl .rate ul li b {

  font-weight: 500;

}

.view-dtl .rate ul li strike {

  font-size: 12px;

  display: inline-block;

  color: #FFF;

}

.view-dtl .rate ul li:last-child b {

  font-weight: 400;

}

.view-dtl .rate .rate-r {

  font-size: 18px;

  margin-right: 10px;

  font-weight: 500;

}

.seller-dtl-block {

  padding: 20px 15px;

}

.update-date {

  color: var(--text-dark-grey-color);

}

.view-heading-one a {

  font-size: 20px;

  color: var(--text-black-color);

  font-weight: 500;

}

.student-view-block .view-img {

  position: relative;

}

.student-main-block .owl-carousel .owl-nav button.owl-prev,

.student-main-block .owl-carousel .owl-nav button.owl-next {

  top: 30%;

}



/* ================================= 

    /*===== Recommendation =====*/

/* ================================= */

.border-recommendation .top-border {

  background: #0073A9;

  height: 8px;

}

.recommendation-main-block {
  /*

  padding: 105px 0;*/

  background-position: 50% 0;

  background-repeat: no-repeat;

  background-size: cover;

  width: 100%;
  /*

  height: 310px;*/

}

.recommendation-btn .btn-primary {

  padding: 12px 30px;

  border-radius: 1px;

}



/* ================================= */

/*===== Categories =====*/

/* ================================= */

.categories-main-block {

  padding: 50px 0 30px;

}

.categories-block a {

  color: #14171C;

  font-size: 14px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.categories-block i {

  margin-right: 15px;

  font-size: 30px;

  margin-right: 10px;

  font-size: 20px;

  vertical-align: middle;

  background-color: #fff;

  padding: 8px;

  border-radius: 100%;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.categories-block {

  border: 2px solid transparent;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  border-radius: 6px;

  margin-bottom: 20px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}


.categories-block [class^="flaticon-"]:before,

[class*=" flaticon-"]:before,

[class^="flaticon-"]:after,

[class*=" flaticon-"]:after {

  font-size: 30px;

}

.categories-block-one {

  padding: 10px;

}

.categories-block ul li {

  display: inline-block;

  vertical-align: middle;

}




/* ================================= 

    /*===== Testimonial =====*/

/* ================================= */

.testimonial-main-block {

  background-color: var(--background-grey-bg-color);

  padding: 50px 0 30px;

}

.testimonial-slider-main-block.owl-carousel .owl-item .testimonial-block img {

  width: 100px;

  height: 100px;

  border-radius: 100%;

  margin-right: 20px;

  object-fit: cover;

  margin: 0 auto;

  position: absolute;

  top: -70px;

}

.testimonial-block {

  background-color: var(--background-white-bg-color);

  box-shadow: 0 0 1px 1px rgba(20, 23, 28, .1),

}

/*.testimonial-block:hover {

  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);

}*/

.testimonial-block ul li {

  display: inline-block;

}

.testimonial-block ul li+li {

  vertical-align: top;

  padding: 7px 0 0;

}

.testimonial-block ul li .testimonial-a {

  background-color: rgba(104, 111, 122);

  color: var(--text-white-color);

  text-transform: uppercase;

  border-radius: 100%;

  border: 1px solid rgba(104, 111, 122);

  font-size: 20px;

  padding: 25px 30px;

}



.trusted-main-block {

  /* background-color: var(--background-grey-bg-color); */

  padding: 50px 0 40px;
  display: none;

}

/* .patners-block {

  padding: 40px 0;

  margin-bottom: 30px;

} */

.patners-heading {

  color: var(--text-black-color);

  font-weight: 600;

  font-size: 20px;

}

.patners-heading a {

  font-size: 15px;

  font-weight: 500;

}

.blog-dtl {

  padding: 10px 90px;

}

.blog-heading a {

  font-size: 19px;

  color: var(--text-light-grey-color);

}

.blog-dtl p {

  font-size: 17px;

  margin-bottom: 20px;

}

.blog-btn .btn-primary {

  padding: 10px;

  border-radius: 1px;

  font-size: 14px;

  margin-bottom: 30px;

}

@media (max-width: 992px) {

  .border-rgt {

    border-right: none;

  }

}



@media (max-width: 767px) {

  .patners-block {

    padding: 30px 25px;

    margin-bottom: 0;

  }

}



/* ================================= */

/*===== Footer =====*/

/* ================================= */

.footer-block {

  padding: 30px 0 10px;

}

.widget {

  color: var(--text-blue-color);

  margin-bottom: 10px;

}

.footer-link ul li {

  margin-bottom: 15px;

}

.footer-link ul li ul li {

  margin-bottom: 0;

}

.footer-link ul li ul li {

  display: inline-block;

}

.footer-link ul li ul li:after {

  content: "/";

  margin: 0 0 3px 8px;

  color: var(--text-blue-color);

}

.footer-link ul li ul li:last-child:after {

  content: none;

}

.footer-dropdown {

  text-align: left;

  padding: 10px 0;

  border: 1px solid #FFF;

  border-radius: 6px;

  text-align: center;

  margin-bottom: 20px;

  width: 100px;

}

.footer-dropdown .a {

  border: none;

  color: var(--text-dark-grey-color);

}

.footer-dropdown .dropdown-menu li a {

  color: var(--text-light-grey-color);

}

.footer-dropdown .dropdown-menu li {

  border: 1px solid transparent;

  padding: 5px 20px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.footer-dropdown .dropdown-menu li:hover {

  background-color: #F2F3F5;

  border: 1px solid #F2F3F5;

}

.footer-local-page {

  padding: 20px 20px 5px 0;

}

.footer-local-page ul li {

  display: inline-block;

  margin-right: 15px;

  font-size: 13px;

}

.footer-local-page .active a {

  color: var(--text-light-grey-color);

}

.tiny-footer {

  padding: 10px 10px 20px;
  /*

  border-bottom: 5px solid #0073A9;*/

}

.tiny-footer ul {

  margin-bottom: 0;

}

.logo-footer ul li {

  display: inline-block;

  margin-right: 10px;

  color: var(--text-dark-grey-color);

  vertical-align: middle;

}

.logo-footer img {

  vertical-align: baseline;

  width: 100px;

}

.copyright-social {

  text-align: right;

  padding: 10px 0;

}

.copyright-social ul li {

  display: inline-block;

  margin-right: 10px;

}

@media (max-width: 992px) {

  .footer-link {

    margin-bottom: 30px;

  }

}

@media (max-width: 767px) {

  .copyright-social {

    text-align: center;

  }

  .logo-footer {

    text-align: center;

  }

}



/* ================================= */

/*===== Product-Dtl-Home-Page =====*/

/* ================================= */

.about-home-main-block {

  background-color: #11253e !important;

  position: relative;

}

.about-home-block {

  padding: 50px 0;

  color: var(--text-white-color) !important;

}

.about-home-heading {

  font-size: 36px;

  color: var(--text-white-color) !important;

}

.about-home-block p {

  font-size: 16px;

  color: var(--text-white-color) !important;

}

.home-best-seller {

  text-align: center;

  font-size: 10px;

  font-weight: 500;

  background-color: #F4C150;

  color: var(--text-black-color);

  width: 80px;

  height: 25px;

  padding: 5px 0;

  border-radius: 0 10px 10px 0;

  text-transform: capitalize;

}

.about-home-block ul li {

  display: inline-block;

  margin-right: 10px;

}

.about-home-block ul li a {

  color: var(--text-white-color);

}

.about-home-block ul li ul li {

  margin-right: 0;

}

.about-home-icon ul li {

  display: inline-block;

  padding: 15px 0 0;

}

.about-home-icon ul li a {

  color: var(--text-white-color);

  font-size: 16px;

}

.about-home-icon ul li i {

  font-size: 25px;

  vertical-align: bottom;

}

.about-home-icon span:hover {

  color: #CACBCC;

}

.about-icon-one i {

  -webkit-text-stroke: 1px var(--text-white-color);

  color: var(--text-black-color);

}

.about-home-icon i:hover {

  color: var(--text-white-color);

}

.about-home-dtl-block {

  background-color: var(--background-white-bg-color);

  color: var(--text-light-grey-color);

  padding: 10px 30px;

  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%);

  border-radius: 0 0 6px 6px;

}

.about-home-rate ul li {

  display: inline-block;

  font-size: 26px;

  color: #29303b;

  margin-right: 5px;

  margin-bottom: 10px;

  font-weight: 500;

}

.about-home-rate ul li span {

  font-size: 14px;

  color: var(--text-light-grey-color);

  font-weight: 400;

}

.about-home-offer {

  color: #FA8638;

}

.about-home-offer span {

  font-weight: 700;

}

.about-home-offer i {

  color: var(--text-white-color);

  margin-right: 5px;

  -webkit-text-stroke: 1px #FA8638;

}

.about-home-btn .btn-primary {

  padding: 10px 0;

  width: 100%;

  border-radius: 6px;

  font-weight: 500;

  font-size: 17px;

}

.about-home-includes-list ul li {

  margin-bottom: 8px;

  font-size: 12px;

}

.about-home-includes-list ul li span {

  font-weight: 600;

  font-size: 15px;

  color: var(--text-black-color);

}

.about-home-includes-list ul li i {

  margin-right: 10px;

  -webkit-text-stroke: 1px #505763;

  color: transparent;

}

.about-home-coupon a {

  font-size: 18px;

}

.about-home-share a {

  font-size: 18px;

}

.about-home-training {

  background-color: var(--background-white-bg-color);

  padding: 30px;

  color: var(--text-light-grey-color);

  box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);

  border-radius: 4px;

}



.about-home-product {

  position: absolute;

  top: 210px;

  width: 100%;

}

.about-home-main-block {
  background: #11253e !important;
}

.course-detail-card .card:after {
  background: #3bafd8 !important;
  display: none !important;
}

.course-detail-card .profile-heading {
  font-size: 16px !important;
}

.about-home-btn .btn {
  background: linear-gradient(109.5deg, rgb(66 177 217) 9.4%, rgb(145 217 214) 78.4%) !important;
}

/* ================================= */

/*===== Product-Dtl-Page =====*/

/* ================================= */

.about-product-main-block {

  padding: 50px 0;

}

.product-learn-block {

  padding: 20px;

  background-color: var(--background-light-grey-bg-color);

  border: 1px solid #DEDFE0;

  border-radius: 6px;

}

.product-learn-dtl ul li {

  margin-bottom: 20px;

  margin-left: 20px;

  font-size: 12px;

}

.product-learn-dtl i {

  margin-right: 20px;

  color: var(--text-light-grey-color);

  font-size: 15px;

  display: inline-block;

  width: 1em;

  margin-left: -1.5em;

  margin-right: .5em;

  text-indent: .5em;

  text-align: right;

  direction: rtl;

}

.about-home-main-block .video-item {

  text-align: center;

  border: 5px solid #FFF;

  color: var(--text-white-color) !important;

  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%);

  border-radius: 6px 6px 0 0;

}

.about-home-main-block .video-device .bg_img {

  background-size: cover;

  width: 100%;

  height: 280px;

  background-position: 50% 50%;

  background-repeat: no-repeat;

}

.HomeEdit {
  margin-top: 100px !important;
}

.about-home-main-block .video-device {

  position: relative;

}

.about-home-main-block .video-item .video-preview,

.about-home-main-block .video-item .video-preview iframe {

  width: 100%;

  height: 100%;

}

.about-home-main-block .video-preview {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 30;

  width: 100%;

}

.about-home-main-block .btn-video-play i {

  margin: 0 auto;

  padding-left: 7px;

  position: relative;

  top: 50%;

  left: 10%;

  transform: translate(-50%, -50%);

  z-index: 30;

  color: var(--text-white-color);

  font-size: 30px;

  border: 1px solid transparent;

  border-radius: 100%;

  background-color: rgba(0, 0, 0, .6);

  height: 70px;

  width: 70px;

  line-height: 2.4;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.about-home-main-block .btn-video-play:hover {

  opacity: 0.8;

}



/*===== Requirements  =====*/

.requirements ul li {

  font-size: 13px;

}

.requirements ul {

  list-style-type: disc;

  padding-left: 15px;

}



/*===== Description Block  =====*/

.description-block ul {

  list-style-type: disc;

  padding-left: 15px;

  margin-top: 20px;

}

.description-block ul li {

  padding: 5px;

}



/*===== About Course  =====*/

.about-course ul li {

  padding: 8px;

}



/*===== Featured Review Block  =====*/

.featured-review-block {

  padding: 40px;

  border-radius: 6px;

  background-color: var(--background-grey-bg-color);

}

.featured-review img {

  border-radius: 100%;

}

.review-img-name {

  font-size: 16px;

}

.review-img-name span {

  font-weight: 500;

}

.featured-review-img-dtl ul li {

  display: inline-block;

}

.featured-review-block a {

  color: var(--text-dark-grey-color) !important;

  font-size: 13px;

}

.featured-review-block .review {

  color: var(--text-dark-grey-color);

  font-size: 13px;

}



/*===== Students Bought Block  =====*/

.course-bought-block {

  padding: 18px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.course-bought-img {

  position: relative;

}

.course-bought-img-dtl {

  position: absolute;

  bottom: 0;

  background-color: rgba(255, 255, 255, 0.9);

  padding: 2px 38.5px;

}



.course-bought-block .course-name {

  font-weight: 500;

}

.course-bought-block .course-update {

  font-size: 12px;

  color: var(--text-dark-grey-color);

}

.course-bought-block .course-rating ul li {

  display: inline-block;

}

.course-bought-block .course-rating i {

  color: #F4C150;

}

.course-bought-block .course-user ul li {

  display: inline-block;

}

.course-bought-block .course-user i {

  -webkit-text-stroke: 2px rgb(0 0 0 / 10%);

  color: transparent;

}

.course-bought-block .course-rate ul li {

  display: inline-block;

  margin-right: 8px;

  font-size: 14px;

  font-weight: 500;

}

.course-bought-block .course-rate i {

  -webkit-text-stroke: 1px #0073A9;

  color: transparent;

  font-size: 20px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.course-bought-block .course-rate .heart-two i {

  -webkit-text-stroke: 1px #0073A9;

  color: #0073A9;

  font-size: 20px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.course-bought-block .course-rate i:hover {

  color: #0073A9;
  ;

}

.course-bought-block .course-currency ul li {

  margin-right: 8px;

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

}

.course-bought-block img {

  width: 100%;

  height: 120px;

  object-fit: cover;

  border-radius: 6px;

}

@media (max-width: 576px) {

  .course-bought-block {

    margin-bottom: 20px;

  }

  .course-bought-img-dtl {

    display: none;

  }

}



/*===== Course-Content Block  =====*/

.course-content-block .second-accordion {

  margin-bottom: 20px;

}

.course-content-block .second-accordion .card-header {

  padding: 0;

  background: transparent;

  border-bottom: 0;

}

.course-content-block .second-accordion .card-header button.btn {

  display: block;

  width: 100%;

  cursor: pointer;

  text-align: left;

  text-decoration: none;

  font-size: 15px;

  font-weight: 400;

  padding: 10px 10px 10px 40px;

  position: relative;

  margin-bottom: 5px;

  border-radius: 6px;

  background-color: var(--background-light-grey-bg-color);

  border: solid 1px #E8E9EB;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.course-content-block .second-accordion .card {

  border: 0;

  font-size: 17px;

}

.course-content-block .second-accordion .card-body {

  padding: 0;

  padding-bottom: 10px;

}

.course-content-block .second-accordion .card-header button.btn[aria-expanded="false"]:before {

  position: absolute;

  content: "\+";

  font-family: fontawesome;

  left: 15px;

  color: var(--text-blue-color);

  text-align: center;

  font-size: 20px;

  line-height: 23px;

}

.course-content-block .second-accordion .card-header button.btn[aria-expanded="true"]:before {

  position: absolute;

  content: "\-";

  font-family: fontawesome;

  left: 15px;

  color: var(--text-blue-color);

  text-align: center;

  font-size: 20px;

  line-height: 16px;

}

.course-content-block .table td,

.course-content-block .table th {

  font-size: 14px;

  cursor: pointer;

}

.course-content-block .table th i {

  opacity: 0.3;

  font-size: 15px;

}

.course-content-block .table tr {

  border: 1px solid #E8E9EB;

}

@media (max-width: 576px) {

  .faq-block .btn {

    white-space: initial;

  }

}



/*===== Bought Together Block  =====*/

.bought-together {

  background-color: var(--background-light-grey-bg-color);

  border: 1px solid #DEDFE0;

  padding: 30px 15px;

}

.together-img .view-img img {

  width: 100%;

}

.total ul li {

  display: inline-block;

  font-size: 20px;

}

.total-rate {

  color: var(--text-light-grey-color);

  font-size: 15px;

}

.total .btn-primary {

  padding: 15px 60px;

  border-radius: 2px;

}

.together-img .best-seller {

  left: 15px;

}

.view-img {

  position: relative;

  /* padding: 10px;*/

}

.together-img .heart {

  position: absolute;

  top: 10px;

  right: 10px;

  -webkit-text-stroke: 1px #FFF;

  color: var(--text-dark-grey-color);

  font-size: 20px;

}

.together-img .heart-two i {

  position: absolute;

  top: 15px;

  right: 20px;

  -webkit-text-stroke: 1px #FFF;

  color: #0073A9;
  ;

  font-size: 20px;

}

.together-img .heart:hover {

  color: #0073A9;
  ;

}

.course-combo i {

  position: absolute;

  top: 110px;

  right: -28px;

  font-size: 42px;

  padding: 5px 8px;

  color: var(--text-white-color);

  background-color: #E8E9EB;

  border: 1px solid #DEDFE0;

  border-radius: 100%;

}

.together-img-hover ul li {

  display: inline-block;

}

.together-img {

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.together-img-hover {

  padding: 10px;

  position: absolute;

  top: 0;

  opacity: 0;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.together-img:hover .together-img-hover {

  padding: 10px;

  position: absolute;

  top: 0;

  opacity: 1;

}

.dtl-hover {

  font-size: 13px;

  font-weight: 900;

}

.about-product-main-block .student-view-block {

  margin-bottom: 0;

}

@media (max-width: 767px) {

  .together-img .view-img img {

    width: 100%;

  }

  .together-img {

    margin-bottom: 20px;

  }

}

@media (max-width: 576px) {

  .course-combo i {

    display: none;

  }

}



/*===== About Instructor Block  =====*/

.about-instructor-block .instructor-img img {

  border-radius: 50%;

  width: 80px;

  height: 80px;

}

.about-instructor ul li {

  margin-bottom: 8px;

}

.about-instructor ul li i {

  margin-right: 10px;

}

.about-instructor ul li span {

  font-weight: 500;

}

.instructor-block a {

  font-size: 17px;

}

.instructor-post {

  font-weight: 500;

  font-size: 15 px;

}

.instructor-block p strong,

.instructor-block p span {

  font-size: 13px;

}



/*===== Student Feedback Block  =====*/

.rating-num {

  color: var(--text-black-color);

  font-size: 65px;

  font-weight: 400;

  text-align: center;

}

.rating-stars ul li {

  display: inline-block;

}

.student-feedback .rating-stars i {

  font-size: 22px;

  color: #F4C150;

}

.rating-users {

  color: var(--text-black-color);

  font-size: 15px;

  text-align: center;

}

.bar-block {

  margin-right: 10px;

  color: black;

  display: block;

  float: left;

  width: 70%;

  background-color: #F2F3F5;

  position: relative;

  margin-bottom: 10px;

  border-radius: 5px;

}

.bar {

  padding: 0;

  display: block;

}

.histo {

  float: right;

  width: 70%;

  font-size: 16px;

  margin-right: 60px;

  margin-top: 25px;

}

.bar-clr {

  background-color: #f79a1c;

}

.bar-radius {

  border-radius: 4px;

}

.histo-star {

  color: #F4C150;

}

.histo-rate {

  clear: both;

}

.bar-block {

  display: inline-block;

}

.histo-star {

  display: inline-block;

  vertical-align: middle;

}

.histo-percent {

  display: inline-block;

  vertical-align: top;

}

@media (max-width: 767px) {

  .student-feedback {

    height: 270px;

  }

  .histo {

    width: 100%;

    float: left;

    margin-bottom: 30px;

    margin-right: 0;

  }

  .bar-block {

    width: 60%;

  }

  .rating-num {

    font-size: 42px;

    font-weight: 500;

  }

}



/*===== Review Block  =====*/

.review-img {

  float: left;

  background-color: var(--text-dark-grey-color);

  /*padding: 15px 18px;*/

  border-radius: 100%;

  margin-right: 15px;

  width: 60px;

  height: 60px;

  text-align: center;

  padding-top: 20px;

  text-transform: uppercase;

}

.review-month {

  color: var(--text-dark-grey-color);

}

.review-rating ul li {

  display: inline-block;

  color: #F4C150;

}

.review-dtl hr {

  margin-bottom: 20px;

}

.btn-success {

  font-size: 15px;

  font-weight: 500;

  padding: 15px;

  background-color: transparent;

  color: var(--text-blue-color);

  border: 1px solid var(--text-blue-color);

  border-radius: 3px;

  text-transform: uppercase;

  -webkit-transition: none;

  -moz-transition: none;

  transition: none;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.btn-success:hover {

  color: #003440;

  border: 1px solid #003440;

  background-color: var(--background-white-bg-color);

}

.about-product-main-block .search-block .form-control {

  width: 280px;

  height: 44px;

  display: inline-block;

  float: left;

}

.about-product-main-block .form-btn .btn-primary {

  padding: 10px 20px;

  background: var(--background-blue-bg-color);

  border-radius: 1px;

}

.about-product-main-block .form-btn .btn-primary:hover {

  background-color: #003440;

  color: var(--text-white-color);

}

.about-product-main-block .search-block .form-btn .btn-primary i {

  font-size: 15px;

  color: var(--text-white-color);

}



/*===== more-courses Block  =====*/

.more-courses {

  background-color: var(--background-light-grey-bg-color);

  border: 1px solid #DEDFE0;

  padding: 30px 15px;

  border-radius: 6px;

}

.report-abuse a {

  color: var(--text-dark-grey-color);

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.report-abuse a:hover {

  color: var(--text-light-grey-color);

}



/*===== Footer Patners Block  =====*/

.footer-patners-block {

  padding: 20px;

}



/* ================================= */

/*===== Login-Page =====*/

/* ================================= */

.forgot-password a {

  font-size: 16px;

}

.signin-link .btn-info {

  width: 100%;

  text-align: left;

  background-color: #1A538A;

  font-size: 12px;

  border-radius: 3px
}

.signin-link .btn-info:hover {

  background-color: #164675;

}

.signin-link .btn-white {

  width: 100%;

  padding: 10px 15px;

  color: var(--text-black-color);

  text-align: left;

  font-size: 12px;

  border: 1px solid #DEDFE0;

  box-shadow: 0 2px 2px 0 rgba(41, 48, 59, 0.24), 0 0 2px 0 rgba(41, 48, 59, 0.12);

}

.signin-link .btn-white:hover {

  background-color: #F2F3F5;

}

.signin-link i {

  margin-right: 10px;

}



@media (max-width: 567px) {

  .signin-link .btn-white {

    padding: 12px 12px;

    font-size: 13px;

  }

  .signin-link i {

    margin-right: 10px;

  }



  .signin-link .btn-info {

    padding: 12px 12px;

    text-align: left;

    background-color: #1A538A;

    font-size: 13px;

  }

}







/* ================================= */

/*===== SignUp-Page =====*/

/* ================================= */

.signup-block-main-block {
  padding: 60px 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 15% !important;
}

.signup-form .form-control {

  padding: 10px 0 10px 45px;

  border-radius: 4px;

  border: 1px solid #CACBCC;

}

.signup-form .form-group {

  position: relative;

  text-align: -webkit-center;

}

.signup-form {

  padding: 20px 0 0;

}

.signup-form i {

  position: absolute;

  z-index: 1111;

  top: 17px;

  left: 20px;

  color: #CACBCC;

}

.form-check-label {

  font-size: 18px;

  margin-left: 10px;

}

.form-check .form-check-input {

  width: 20px;

  display: inline-block;

  float: left;

  height: 20px;

}

.form-check input[type='radio'] {

  -webkit-appearance: none;

  width: 16px;

  height: 16px;

  border-radius: 50%;

  outline: none;

  border: 1px solid #DDD;

}

.form-check input[type='radio']:before {

  content: '';

  display: block;

  width: 70%;

  height: 70%;

  margin: 15% auto;

  border-radius: 50%;

}

.form-check input[type="radio"]:checked:before {

  background: #F44A4A;

}

.form-check input[type="radio"]:checked {

  border-color: #DDD;

}

.signup-form .btn-primary {

  padding: 7px 0;

  width: 100%;

}

.signup-block {

  padding: 40px 50px;

  border: 1px solid #000;

}

.signup-form hr {

  border-top: 1px solid #DEDFE0;

}

.signin-link {

  font-size: 12px;

  margin-top: 4px;

}

.signin-link a {

  font-size: 12px;

}

.signup-heading {

  padding: 20px;

  border: 1px solid #000;

}



@media (max-width: 567px) {

  .signup-form .form-control {

    font-size: 13px;

  }

  .signup-block {

    padding: 40px 35px;

  }

}



/* ================================= */

/*===== AboutUs-Page =====*/

/* ================================= */

.nav-bar-main-block-one {

  padding: 10px 0;

}

.nav-bar-main-block-one hr {

  margin-top: 0;

  margin-bottom: 0;

}

.nav-bar-btn .btn-secondary {

  border-radius: 1px;

  color: #0C849D;

  border: 1px solid #0C849D;

  font-size: 15px;

  text-transform: none;

  padding: 13px 10px;

}

.nav-bar-btn .btn-secondary i {

  font-size: 10px;

  padding: 5px;

}

.nav-bar-main-block-one .Login-btn .btn-secondary {

  color: #0C849D;

  border: 1px solid #0C849D;

}

.nav-bar-main-block-one .Login-btn .btn-secondary:hover {

  color: #52C3D1;

}

.about-home-one-main-block {
  padding: 70px 0;
  /* padding: 130px 210px; */

  background-position: 50% 0;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

}

.about-home-one-heading {

  font-size: 45px;

  position: relative;

  color: var(--text-white-color) !important;

}

.about-blog-main-block {

  background: var(--linear-gradient-about-bg-color);

  padding: 20px 30px;

  font-weight: 500;

}

.about-blog-block a {

  color: var(--text-white-color);

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.about-blog-block span {

  color: #F5C252;

}

.about-blog-block a:hover {

  border-bottom: 1px solid #FFF;

}

.about-home-one-main-block .overlay-bg {

  /* background: linear-gradient(270deg, transparent -50%, #000 180%);

  padding: 140px 210px; */
  padding: 70px 0px;

  background-position: 50% 0;

  background-repeat: no-repeat;

  background-size: cover;

}

.nav-menu-bar-main-block {

  position: absolute;

  z-index: 99999;

  width: 100%;

}

.navigation-btn {

  text-align: right;

  padding-top: 25px;

}

.nav-menu-bar-main-block #cssmenu>ul>li a {

  padding: 40px 12px 10px;

  color: var(--text-white-color);

}

.about-blog-main-block .about-blog-block i {

  color: transparent;

  border: 2px solid #0073A9;

  border-radius: 100%;

  font-size: 5px;

  vertical-align: middle;

}

@media (min-width: 767px) and (max-width: 992px) {

  .about-home-one-main-block {

    padding: 130px 110px;

  }

  .nav-menu-bar-main-block #cssmenu>ul>li>a {

    font-size: 12px;

  }

}

@media (max-width: 567px) {

  .about-home-one-main-block {

    padding: 110px 30px 60px;

  }

  .about-home-one-heading {

    font-size: 50px;

  }

  .about-home-one-main-block .overlay-bg {

    padding: 140px 0;

  }

}



/*===== About-Transforming Block =====*/

.about-transforming-main-block {

  padding: 50px;

}

.about-transforming-heading-block {

  padding: 20px;

}

.about-transforming-heading-block p {

  font-size: 14px;

}

.about-transforming-img .overlay-bg {

  background-color: rgba(0, 0, 0, .1);

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  background: inherit;

  border-radius: 6px;

}

.about-transforming-img img {

  position: relative;

  width: 100%;

  height: 350px;

  object-fit: cover;

  background: inherit;

  border-radius: 6px 6px 0 0;

}

.about-transforming-img .about-transforming-icon {

  position: absolute;

  left: 0;

  right: 0;

  text-align: center;

  margin: 0 auto;

  z-index: 999999;

  bottom: 40%;

}

.about-transforming-img .about-transforming-icon i {

  color: var(--text-white-color);

  font-size: 30px;

  border-radius: 100%;

  border: 2px solid #FFF;

  padding: 25px 27px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.about-transforming-img:hover i {

  transform: scale(1.3);

}

.about-transforming-block {

  padding: 25px 20px;

  height: 100%;

  border-radius: 0 0 6px 6px;

}

.about-transforming-block p {

  font-size: 14px;

}

.about-transforming-nav .btn-link {

  border-radius: 100%;

  padding: 15px 20px;

  border: transparent;

  background-color: #EBEBEB;

  color: #979797;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.about-transforming-nav .btn-link:hover {

  background-color: #979797;

  color: var(--text-white-color);

}

.about-nav-heading {

  padding: 10px;

  font-weight: 500;

  text-align: center;

  color: #1A263A;

  background-color: #F4F4F4;

  background: inherit;

  border-radius: 0 0 6px 6px;

}

.nav-item:hover .about-nav-heading,

.nav-item:active .about-nav-heading {

  color: var(--text-white-color);

  background-color: #0085BF;

}

.about-transforming-main-block .nav-tabs,

.about-transforming-main-block .nav-tabs .nav-item.show .nav-link,

.about-transforming-main-block .nav-tabs .nav-link.active {

  border-bottom: none;

}

.about-transforming-main-block .nav-tabs .nav-item.show .nav-link,

.about-transforming-main-block .nav-tabs .nav-link {

  padding: 0;

  margin-right: 15px;

}

.about-transforming-main-block .nav-tabs .nav-item.show .nav-link:last-child,

.about-transforming-main-block .nav-tabs .nav-link:last-child {

  margin-right: 0;

}



.about-transforming-main-block .nav-tabs .nav-item.show .nav-link,

.about-transforming-main-block .nav-tabs .nav-link:hover {

  color: #0073A9;

}

.about-transforming-main-block .nav-tabs .nav-item.show .nav-link,

.about-transforming-main-block .nav-tabs .nav-link.active {

  background: #0085BF;

  color: var(--text-white-color) !important;

  border-bottom: inherit;

  border: inherit;

  border-radius: 0 0 6px 6px;

}

.about-transforming-main-block .nav-tabs .nav-link.active .about-nav-heading {

  color: var(--text-white-color);

}

.about-transforming-main-block li {

  margin-bottom: 10px;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  border-radius: 6px;

}



@media (min-width: 767px) and (max-width: 992px) {

  .about-transforming-img img {

    height: 100%;

  }

  .about-transforming-block {

    padding: 50px 20px;

  }

}

@media (max-width: 767px) {

  .about-transforming-main-block {

    padding: 10px;

  }

  .about-transforming-main-block .nav-item img {

    width: 100%;

  }

  .about-transforming-main-block .nav-item {

    margin-bottom: 30px;

  }

}



/*===== About-facts Block =====*/

.facts-main-block {

  background-color: #F4F4F4;

  padding: 80px 0 40px;

}

.facts-block-heading {

  font-size: 40px;

  font-weight: 400;



}

.facts-heading-sign {

  font-size: 50px;

  color: #232C3B;

  font-weight: 700;

  display: inline-block;

}

.facts-main-block p {

  font-size: 20px;

  font-weight: 0;

  font-size: 14px;

  margin-top: 15px;

}

.facts-heading {

  font-size: 34px;

  color: #232C3B;

  font-weight: 700;

  display: inline-block;

  padding: 6px 0 6px 0;

  margin-bottom: 8px;

}



/*===== about-team-block =====*/

.about-team-main-block {

  padding: 90px 0;

}

.about-team-block {

  background-color: #F4F4F4;

  padding: 138px 90px;

  height: 100%;

}

.about-team-heading {

  font-size: 28px;

}

.about-team-block .btn-primary {

  padding: 12px 35px;

}

.about-team-img {

  width: 100%;

}

@media (min-width: 767px) and (max-width: 992px) {

  .about-team-block {

    padding: 70px;

    height: 450px;

  }

}

@media (max-width: 767px) {

  .about-team-img {

    display: none;

  }

  .about-team-block {

    padding: 130px 30px;

  }

}



/*===== about-work-block =====*/

.about-work-main-block {

  background-color: var(--background-black-bg-color);

}

.about-work-block {

  background: var(--linear-gradient-about-blue-bg-color);

  padding: 80px 90px;

  height: 100%;

}

.about-work-heading {

  font-size: 28px;

  padding: 10px;

  color: #F5C252;

}

.about-work-block p {

  color: var(--text-white-color) !important;

  font-size: 13px;

}

.about-work-block p a:hover {

  color: #52C3D1;

}

.about-work-btn .btn-secondary {

  color: var(--text-white-color);

  padding: 10px 20px;

  font-size: 16px;

  background-color: transparent;

  border: 1px solid #FFF;

  border-radius: 1px;

  text-transform: none;

  font-weight: 500;

}

.about-work-btn .btn-secondary:hover {

  color: #232C3B;

  background-color: var(--background-white-bg-color);

  border: 1px solid transparent;

  border-radius: 1px;

}

.about-work-img img {

  width: 40px;

  height: 40px;

}

.about-work-main-block .video-device .bg_img {

  background-size: cover;

  width: 100%;

  height: 390px;

  background-position: 50% 50%;

  background-repeat: no-repeat;

}

.about-work-main-block .video-device .overlay-bg {

  opacity: 0.4;

}

.about-work-main-block .video-device {

  position: relative;

}

.about-work-main-block .video-preview {

  position: absolute;

  left: 0;

  right: 0;

  top: 40%;

  text-align: center;

  margin: 0 auto;

}

.about-work-main-block .video-preview i {

  color: var(--text-white-color);

  font-size: 25px;

  border-radius: 100%;

  border: 2px solid #FFF;

  padding: 20px 22px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.about-work-main-block .video-preview i:hover {

  transform: scale(1.3);

}

.about-work-main-block .video-preview p {

  color: var(--text-white-color);

  padding: 30px 210px;

  text-transform: uppercase;

}

@media (min-width: 767px) and (max-width: 992px) {

  .about-work-block {

    padding: 40px 20px;

  }

  .about-work-main-block .video-preview p {

    padding: 30px;

  }

}

@media (max-width: 567px) {

  .about-work-block {

    padding: 50px 20px;

  }

  .about-work-main-block .video-preview p {

    padding: 30px;

  }

}

/*===== about-blog-block =====*/

.about-learning-blog-main-block {

  background: var(--linear-gradient-about-bg-color);

  padding: 60px 0 0;

  position: relative;

}

.about-learning-blog-heading {

  font-size: 35px;

  font-weight: 400;

  color: var(--text-white-color) !important;

}

.about-learning-blog-dtl {

  border: 1px solid #FFF;

  padding: 20px 30px;

  height: 170px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

  border-radius: 5px;

}

.about-learning-blog-dtl:hover {

  background-color: rgba(255, 255, 255, 0.1);

  position: relative;

}

.about-learning-blog-dtl-heading {

  font-size: 20px;

  font-weight: 500;

  text-transform: uppercase;

  color: var(--text-white-color) !important;



}

.about-learning-blog-paragraph p {

  font-size: 13px;

  font-weight: 400;

  color: var(--text-white-color) !important;

}

.about-learning-blog-icon i {

  padding: 10px;

  font-size: 16px;

}

.about-social-list {

  margin-top: 90px;

  padding: 20px 0 10px 0;

  background-color: rgba(0, 0, 0, .1);

}

.about-social-list ul li {

  display: inline-block;

  font-size: 26px;

  margin-right: 10px;

  color: var(--text-white-color) !important;

}

.about-social-list ul li a {

  font-size: 26px;

  color: var(--text-white-color);

}



/* ================================= */

/*===== Category-Page =====*/

/* ================================= */

.categories-tab-main-block {

  background-color: var(--background-grey-bg-color);

  border-top: 1px solid #DEDFE0;

}

.categories-tab-dtl {

  padding: 10px 5px;

  text-align: center;

}

.categories-tab-block a {

  color: var(--text-dark-grey-color);

}

.categories-tab-block i {

  -webkit-text-stroke: 1px #686F7A;

  margin-right: 8px;

}

.categories-tab-dtl:hover {

  background-color: #E8E9EB;

}

.learning-courses-main-block-one {

  padding: 200px 0 40px;

}

.business-home-main-block {

  /* background: #0073A9;  */

  /* padding: 110px 0 100px; */

  position: relative;

  background-position: 50% 0;

  background-repeat: no-repeat;

  background-size: contain;

}

.business-home-slider-main-block {

  position: absolute;

  top: 25%;

  width: 100%;

  z-index: 99999;

}

.business-home-slider-block {

  padding: 20px;

  background-color: var(--background-white-bg-color);

  box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);

}

.business-home-slider-img {

  margin-right: 30px;

}

.business-home-slider-btn .btn-info {

  padding: 7px 15px;

  border-radius: 1px;

  font-size: 14px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.learning-courses-main-block-one .owl-carousel .owl-nav button.owl-next {

  margin-left: 98%;

}

.categories-popularity-dtl a i {

  -webkit-text-stroke: 1px #0073A9;

  color: var(--text-white-color);

  font-size: 20px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.categories-popularity-dtl a i:hover {

  -webkit-text-stroke: 1px #0073A9;

  color: #0073A9;
  ;

}

.course-bought-block .rating ul li {

  display: inline-block;

  color: var(--text-dark-grey-color);

  margin-bottom: 0;

  line-height: 1;

}

.course-bought-block .rating ul li i {

  color: #F4C150;

}

.categories-popularity-dtl ul li {

  display: inline-flex;

}

.best-seller-one {

  position: relative;

  top: 0;

  padding: 0 12px;

}

.categories-popularity-dtl p {

  font-size: 13px;

  color: var(--text-dark-grey-color);

}

.rate-r {

  font-weight: 500;

  font-size: 14px;

}

.categories-popularity-main-block .course-bought-block {

  cursor: pointer;

  padding: 20px;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  border-radius: 6px;

}

.testimonial-slider-main-block.owl-carousel .owl-item .instructors-img-block img {

  left: 0;

  right: 0;

  margin: 0 auto;

}

.instructors-dtl ul li {

  display: block;

}

.instructors-main-block .testimonial-block ul li+li {

  padding-top: 10px;

}

.instructors-main-block .testimonial-block {

  height: 310px;

  border: 1px solid #E8E9EB;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.categories-main-block-one {

  padding: 50px 0 50px 0;

  background-color: inherit !important;

}

/*.categories-main-block-one .categories-block {

  width: 180px;

  height: 70px;

  padding: 0 15px;

  align-items: center;

  display: inline-flex;

  color: var(--text-black-color);

}*/

.categories-popularity-main-block .pagination .page-item .page-link {

  border-radius: 100%;

  margin-right: 15px;

  color: var(--text-blue-color);

  background-color: transparent;

  border: 1px solid transparent;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease.a
}

.categories-popularity-main-block .pagination .page-item .page-link.page-active:hover {

  color: var(--text-white-color);

  background: var(--background-blue-bg-color);

  border: 1px solid var(--text-blue-color);

}

.categories-popularity-main-block .pagination .page-item .page-link.active {

  color: var(--text-white-color);

  background: var(--background-blue-bg-color);

  border: 1px solid var(--text-blue-color);

}

.categories-popularity-main-block .pagination .page-item .page-link i {

  border-radius: 100%;

  color: var(--text-light-grey-color);

  padding: 20px 23px;

  border: 1px solid #A1A7B3;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.categories-popularity-main-block .pagination .page-item .page-link i:hover {

  color: var(--text-blue-color);

  padding: 20px 23px;

  background-color: inherit;

  border: 1px solid var(--text-blue-color);

}

.categories-popularity-block {

  border: 1px solid #E8E9EB;

  padding: 15px;

}

.categories-popularity-img {

  float: left;

}

.categories-popularity-img-heading {

  font-size: 16px;

  font-weight: 500;

}

.categories-popularity-img-dtl {

  display: table;

  padding: 5px 10px 0;

}

.categories-popularity-img-dtl p {

  font-size: 14px;

}

.categories-popularity-img-dtl span {

  font-weight: 500;

}

.categories-popularity-block ul li {

  display: inline-block;

  margin-right: 10px;

}

.try-learning {

  font-weight: 500;

}

.popularity-Sort ul li {

  display: inline-block;

}

.popularity-Sort ul li ul li {

  display: block;

  padding: 5px 10px;

}

.popularity-Sort a {

  font-weight: 500;

  color: var(--text-black-color);

  font-size: 15px;

}

.popularity-Sort ul li ul li a {

  font-weight: 400;

}

.business-home-slider-block {

  margin-bottom: 50px;

}

.catalog-main-block {

  /*background-color: var(--background-grey-bg-color);*/

  padding: 10px 0;

  margin-bottom: 15px;

}

.catalog-heading {

  font-size: 18px;

}

.catalog-main-block ul li {

  display: inline-block;

  border: 1px solid #CACBCC;

  padding: 10px;

  background-color: var(--background-white-bg-color);

}

.catalog-main-block ul li ul li {

  border: none;

  padding: 0;

  font-weight: 400;

}

.catalog-main-block ul li a {

  color: var(--text-dark-grey-color);

  font-weight: 500;

}

.catalog-main-block ul li a:hover {

  color: var(--text-black-color);

}

.catalog-main-block ul li ul li i {

  color: #F4C150;

}

.catalog-main-block .dropdown-menu {

  width: 250%;

  padding: 10px;

}



@media (min-width: 1800px) and (max-width: 2300px) {

  .business-home-slider-main-block {

    top: 33%;

  }

}



@media (min-width: 3000px) and (max-width: 6000px) {

  .business-home-slider-main-block {

    top: 13%;

  }

}

@media (min-width: 992px) and (max-width: 1800px) {

  .business-home-slider-main-block {

    top: 44%;

  }

}

@media (max-width: 992px) {

  .categories-main-block-one .categories-block {

    width: 100%;

  }

  .business-home-slider-main-block {

    position: relative;

    top: -160px;

    margin-bottom: -145px;

  }

}

@media (max-width: 767px) {

  .learning-courses-main-block-one {

    padding: 490px 0 40px;

  }

  .business-home-slider-main-block .owl-carousel .owl-item img {

    width: 107%;

    margin-bottom: 20px;

  }

  .categories-popularity-main-block img {

    margin-bottom: 20px;

    width: 100%;

    height: 200px;

  }

  .categories-popularity-main-block .course-bought-block {

    padding: 20px;

  }

}

@media (max-width: 567px) {

  .learning-courses-main-block .owl-carousel .owl-nav button.owl-prev,

  .learning-courses-main-block .owl-carousel .owl-nav button.owl-next {

    display: none;

  }

}



/* ================================= */

/*===== Blog-Page =====*/

/* ================================= */

.blog-home-main-block {

  background-color: var(--text-light-grey-color);

  padding: 50px 20px;

  background-position: 50% 0;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  margin-bottom: 0;

}

.blog-home-main-block .overlay-bg {

  background: linear-gradient(270deg, transparent -50%, #000 180%);

  padding: 130px 10px 90px;

  position: absolute;

}

.blog-home-heading {

  font-size: 46px;

  position: relative;

  margin-bottom: 0;

  color: var(--text-white-color) !important;

}

.blog-main-block {

  padding: 40px 0 0;

}

.blog-main-block hr {

  margin-top: 50px;

}

.blog-slider-dtl {

  padding: 10px 30px;

}

.slider-date {

  color: #6D7A91;

}

.blog-slider-heading a {

  font-size: 24px;

}

.blog-slider-heading a:hover {

  color: #52C3D1;

}

.business-home-slider-btn .btn-link {

  background-color: #F4F4F4;

  border-color: transparent;

  color: #6D7A91;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.business-home-slider-btn .btn-link:hover {

  background-color: #0085BF;

  border-color: transparent;

  color: var(--text-white-color);

}

.blog-main-block button.owl-next,

.blog-main-block button.owl-prev,

.blog-main-block button.owl-dot {

  background-color: #CBCBCB;

  border: 1px solid #CBCBCB;

  width: 10px;

  height: 10px;

  left: 0;

  right: 0;

  margin: 0 auto;

  text-align: center;

  margin-left: 15px;

}

.blog-main-block .owl-dot:hover {

  background-color: #CBCBCB;

  border: 2px solid #117D97;

}

.blog-main-block .owl-dot.active {

  border: 1px solid #117D97;

  background-color: #117D97;

}

.blog-main-block .owl-dots {

  margin: 0 auto;

  left: 0;

  right: 0;

  text-align: center;

}

.page-item .page-link {

  color: #F44A4A;

  font-size: 17px;

  background-color: transparent;

  border: 1px solid #EDEEF0;

  border-radius: 0;

  padding: 10px 15px;

}

.page-item .page-link:last-child {

  border-radius: 0;

}

.page-item.active .page-link {

  color: var(--text-white-color);

  font-size: 17px;

  background-color: #0085BF;

  border: 1px solid #F44A4A;

  border-radius: 0;

  padding: 10px 15px;

}

.page-item .page-link:hover {

  color: var(--text-white-color);

  background-color: #0085BF;

  border: 1px solid #F44A4A;

}

.blog-list .list {

  font-weight: 500;

}

.blog-list ul li {

  margin-left: 90px;

}

.blog-list ul li a {

  font-size: 15px;

}

.blog-list ul li a:hover {

  color: #52C3D1;

}

.blog-main-block .page-item .page-link:focus {

  box-shadow: none;

}



/* ================================= */

/*===== Blog-dtl-Page =====*/

/* ================================= */

.blog-dtl-main-block {

  padding: 50px 0;

}

.blog-link a {

  color: #232C3B;

  font-size: 16px;

}

.blog-link a:hover {

  color: #FFF;

}

.blog-link i {

  margin-right: 10px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.blog-link:hover i {

  margin-right: 10px;

}

.blog-dtl-block-heading {

  font-size: 26px;

}

.blog-dtl-heading-dtl,

.blog-dtl-heading-dtl a {

  color: rgba(0, 0, 0, .5)
}

.blog-dtl-heading-dtl a:hover {

  color: #0073A9;
  ;

}

.blog-dtl-block a,

.blog-idea a {

  color: #0C849D;

  font-size: 20px;

}

.blog-dtl-block a:hover,

.blog-idea a:hover {

  color: #52C3D1;

}

.blog-dtl-block p,

.blog-dtl-block a {

  font-size: 19px;

}

.blog-dtl-block span {

  font-weight: 700;

}

.blog-dtl-block hr {

  border-bottom: 2px solid #F7F7F7;

}

.blog-link span {

  color: #666;

  font-weight: 500;

}

.blog-link-one i {

  margin-left: 20px;

  margin-right: 0;

}

.blog-link-one:hover i {

  margin-left: 10px;

  margin-right: 0;

}

@media (max-width: 767px) {

  .blog-dtl-img img {

    width: 100%;

  }

}



/* ================================= 

    /*===== Contact-us page =====*/

/* ================================= */

/* .contact-us-main-block {

  padding: 90px 0;

} */
.contactPage {
  text-align: center;
  padding: 50px;
}

.contact-two-heading {

  margin-bottom: 27px;

}

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

.contact-us ul {

  margin-bottom: 25px;

}

.contact-us-form .form-group-two {

  margin-bottom: 14px;

}

.course-detail-card .card .card-body .profile-heading {
  text-align: center;
}

.contact-us-main-block .comment textarea {

  width: 100%;

  border: 1px solid #E2E2E2;

  border-radius: 4px;

  background-color: var(--background-white-bg-color);

  padding: 24px 19px 0;

  font-size: 16px;

  color: #777;

}

.contact-us-main-block .form-group .form-control {

  padding: 5px 20px;

  margin-bottom: 22px;

}

.contact-form-btn .btn-primary {

  padding: 8px 25px;

}

.contact-us-main-block .contact-dtl ul {

  text-align: center;

  padding: 30px;

  height: 80%;

  border: 1px solid #FFF;

  border-radius: 6px;

  padding: 30px 0;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

}

.contact-us-main-block .contact-dtl ul li {

  font-size: 16px;

}

.contact-us-main-block .contact-dtl ul li i {

  font-size: 25px;

}

.contact-us-main-block .caps {

  text-transform: uppercase;

  font-weight: 500;

}



/* ================================= 

    /*===== Map =====*/

/* ================================= */

.map-location {

  width: 100%;

  height: 520px;

}



/* ================================= */

/*===== Courses-Page =====*/

/* ================================= */

.learning-courses-about-main-block {

  /*background-color: #F2F3F5;*/

  margin-bottom: 50px;

}

.learning-courses-home-main-block {

  background-color: var(--background-black-bg-color);

  padding: 40px 0;

}

.learning-courses-home-heading {

  color: var(--text-white-color) !important;

}

.learning-courses-home-heading a {

  color: black;

  font-size: 24px;

}

.learning-courses-home-block .progress {

  width: 90%;

  float: left;

  display: inline-block;

  height: 6px;

  background-color: var(--background-light-grey-bg-color);

}

.learning-courses-home-block i {

  color: var(--text-dark-grey-color);

  vertical-align: top;

}

.progress-block .progress-heading {

  font-weight: 500;

}

.learning-courses-home-heading a:hover {

  color: var(--text-blue-color);

}

.learning-courses-home-btn .btn-primary {

  padding: 15px;

  border-radius: 6px;

}

.learning-contact-block {

  padding: 30px 0;

}

.learning-contact-btn .btn-primary {

  padding: 15px 10px;

}

.learning-contact-search {

  float: left;

  display: inline-block;

  width: 82%;

}

.learning-contact-search .form-control {

  padding: 15px 20px;

}

.profile-block .search-block .form-control {

  padding: 11px;

}

.learning-contact-btn {

  /*height: 30%;*/

}

.profile-block .search-block .form-group {

  display: inline-block;

  float: left;

  width: 280px;

  height: 44px;

}

.profile-block .form-btn .btn-primary {

  padding: 15px 15px;

  background: var(--background-blue-bg-color);

  border-radius: 1px;

}

.profile-list ul li {

  display: inline-block;

  padding: 10px;

  color: var(--text-light-grey-color);

}

.profile-list ul li a {

  font-size: 16px;

  font-weight: 500;

}

.contact-search-block {

  padding: 20px;

  /*background-color: var(--background-white-bg-color);*/

}

.contact-dropdown {

  text-align: left;

  padding: 0;

}

.contact-dropdown .a {

  border: 1px solid #CACBCC;

  background-color: var(--background-white-bg-color);

}

.contact-checkbox ul li {

  display: inline-block;

}

.question-report {

  text-align: center;

}

.learning-courses-about-main-block .tab-pane {

  background-color: #F2F3F5;

  padding: 20px;

  border-radius: 10px;

}

.learning-announcement {

  padding: 40px 0;

}

.learning-announcement .card-body p {

  text-align: left;

  padding: 20px;

}

.learning-announcement-null {

  padding: 90px 0;

}

.learning-bookmark {

  padding: 40px 0;

}

.learning-bookmark-icon i {

  font-size: 40px;

}

.overview-block {

  padding: 30px 0;

}

.learning-questions-heading {

  font-weight: 600;
  /*

  background-color: #F2F3F5;*/

  padding: 15px;

  margin-bottom: 0;

  border-bottom: 1px solid #F4F4F4;

}

.learning-questions-img {

  float: left;

  background-color: rgb(104, 111, 122);

  text-transform: uppercase;

  color: var(--text-white-color);

  padding: 11px 15px;

  border-radius: 100%;



}

.learning-questions-img-two {

  float: left;

  background-color: rgb(104, 111, 122);

  text-transform: uppercase;

  color: var(--text-white-color);

  padding: 7px 10px;

  font-size: 10px;

  border-radius: 100%;

  margin-top: 10px;

  margin-left: 10px;

}

.learning-questions-dtl {

  padding: 12px 10px;

}

.learning-questions-dtl a {

  color: var(--text-light-grey-color);

}

.learning-questions-dtl-block {

  padding: 10px 0 10px 20px;

  border-bottom: 1px solid #F4F4F4;

}

.learning-questions-dtl-block:last-child {

  border-bottom: none;

}

.learning-questions-block {

  background-color: var(--background-white-bg-color);

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  border-radius: 6px;

}

.learning-questions-block:hover {

  opacity: 1;

}

.learning-questions-content {

  padding: 30px 50px;

}

.content-course-number-heading {

  font-weight: 600;

}

.content-img img {

  border-radius: 100%;

  float: left;

  margin-right: 20px;

  width: 82px;

  height: 82px;

}

.content-img-dtl {

  padding: 10px 0;

}

.profile a {

  font-weight: 500;

  font-size: 19px;

  color: var(--text-light-grey-color);

}

.content-course-number-one ul li {

  display: inline-block;

  background: #DEDFE0;

  padding: 8px 13px;

  border-radius: 5px;

  cursor: pointer;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.content-course-number-one ul li:hover {

  background: #505763;

}

.content-course-number-one ul li a {

  color: var(--text-white-color);

}

.profile-block {

  padding: 30px 0;

}

.profile-heading {

  font-size: 16px;

  font-weight: 500;

  /*white-space: nowrap;*/

}

.learning-courses-about-main-block .second-accordion {

  /*margin-bottom: 20px;*/

}

.learning-courses-about-main-block .second-accordion .card-header {

  padding: 0;

  background: transparent;

  border-bottom: 0;

}

.learning-courses-about-main-block .second-accordion .card-header button.btn {

  display: block;

  width: 100%;

  cursor: pointer;

  text-align: left;

  text-decoration: none;

  font-size: 15px;

  padding: 10px 5px;

  position: relative;

  border: solid 1px #E8E9EB;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.learning-courses-about-main-block .second-accordion .card {

  border: 0;

  font-size: 17px;

}

.learning-courses-about-main-block .second-accordion .card-body {

  padding: 0;

}



.learning-courses-about-main-block .second-accordion .card-body a {

  color: var(--text-dark-grey-color);

}

.learning-courses-about-main-block .second-accordion .card-body.active {

  background: var(--background-blue-bg-color);

}

.learning-courses-about-main-block .second-accordion .card-body.active a {

  color: var(--text-white-color);

}

.learning-courses-about-main-block .second-accordion .card-body.active:hover {

  background-color: #003845;

}

.learning-courses-about-main-block .nav-tabs {

  padding: 50px 0 0;

  margin-bottom: 40px;

  border-bottom: inherit;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.learning-courses-about-main-block .nav-tabs a {

  border: none;

  border-bottom: 5px solid transparent;

}

.learning-courses-about-main-block .nav-tabs .nav-item.show .nav-link,

.learning-courses-about-main-block .nav-tabs .nav-link {

  background-color: #F2F3F5;

  font-size: 15px;

  color: var(--text-light-grey-color);

  border-bottom: inherit !important;

  padding: 10px;

  margin-right: 10px;

  margin-bottom: 10px;

  border-radius: 5px;

  border-bottom: 5px solid transparent;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.learning-courses-about-main-block .nav-tabs .nav-item.show .nav-link,

.learning-courses-about-main-block .nav-tabs .nav-link:hover {

  color: var(--text-black-color);



}

.learning-courses-about-main-block .nav-tabs .nav-item.show .nav-link,

.learning-courses-about-main-block .nav-tabs .nav-link.active {

  background-color: #0085BF;

  color: #FFF;

  border-radius: 5px;

  margin-right: 10px;

  padding: 10px;

  /* border-bottom: 5px solid var(--text-blue-color);*/

}

.blog-slider-block {

  margin-bottom: 50px;

}

.section-dividation {

  font-size: 14px;

}

.class-size {

  font-size: 12px;

  color: var(--text-dark-grey-color);

}

.online-courses-block {

  background-color: var(--background-grey-bg-color);

  padding: 30px 0;

}

.contact-dropdown .dropdown-menu li {

  padding: 5px 40px;

}

.online-course-img img {

  width: 15%;

  height: 15%;

  float: left;

}

.online-course-dtl {

  padding: 30px;

}

.online-course-heading {

  font-weight: 600;

  margin-bottom: 10px;

}

.online-course-btn {

  padding: 40px 0;

}

.online-course-btn .btn-success {

  background-color: var(--background-white-bg-color);

  padding: 12px 10px;

}

.content-course-one ul {

  list-style-type: disc;

}

@media (min-width: 767px) and (max-width: 992px) {

  .learning-contact-search {

    text-align: center;

    width: 100%;

  }

  .learning-contact-block .learning-contact-btn {

    text-align: center;

  }

}

@media (max-width: 767px) {

  .contact-dropdown {

    margin-bottom: 50px;

  }

  .contact-checkbox {

    text-align: left !important;

  }

  .learning-contact-search {

    text-align: center;

    width: 100%;

  }

  .learning-contact-block .learning-contact-btn {

    text-align: center;

  }



  .learning-courses-about-main-block .nav-tabs .nav-item.show .nav-link,

  .learning-courses-about-main-block .nav-tabs .nav-link {

    font-size: 13px;

    width: 16%;

  }

}

@media (max-width: 576px) {

  .learning-courses-about-main-block .btn {

    white-space: initial;

  }

  .contact-checkbox {

    text-align: left !important;

  }

  .learning-questions-dtl-block ul li {

    display: none;

  }

  .learning-contact-block .learning-contact-btn {

    text-align: center;

  }

  .learning-courses-about-main-block .nav-tabs .nav-item.show .nav-link,

  .learning-courses-about-main-block .nav-tabs .nav-link {

    font-size: 13px;

  }

  .learning-contact-search {

    text-align: center;

    width: 100%;

  }

}



/* ================================= */

/*===== Filter-Page =====*/

/* ================================= */

.filter-home-main-block {

  background-color: var(--background-grey-bg-color);

}

.filter-home-main-block .catalog-heading {

  color: var(--text-light-grey-color);

}

.filter-list .form-group ul li {

  display: inline-block;

}

.filter-list .form-group ul li ul li i {

  color: #F4C150;

}

.filter-dropdown .language-select {

  border: 1px solid #CACBCC;

  background-color: var(--background-white-bg-color);

  padding: 10px 15px;

  border-radius: 6px;

}

.filter-dropdown ul li {

  display: inline-block;

}

.filter-dropdown .language-select .select {

  color: var(--text-dark-grey-color);

}

.filter-dropdown .dropdown-select {

  border-top: 2px solid #F4C150;

}

.filter-dropdown .dropdown-select-one {

  border-top: 2px solid #CC87B4;

}

.filter-btn {

  display: inline-block;

  margin-right: 10px;

}

.filter-btn-one .btn-info {

  background-color: var(--background-white-bg-color);

  border: 1px solid var(--text-blue-color);

  color: var(--text-blue-color)
}

.filter-btn-one .btn-info:hover {

  background-color: var(--background-white-bg-color);

  border: 1px solid #003440;

  color: #003440;

}

.filter-list span {

  font-weight: 500;

}

.filter-dropdown .dropdown-menu {

  width: 290px;

}

.filter-dropdown .dropdown-menu .form-check-input {

  margin: -10px 0 0 0;

}

.filter-dropdown .dropdown-menu-one {

  width: 190px;

  padding: 20px;

}

.filter-dropdown .dropdown-menu-one ul li {

  margin-bottom: 10px;

}

@media (max-width: 576px) {

  .filter-btn {

    float: left;

  }

}



/* ================================= */

/*===== Featured-Item =====*/

/* ================================= */

.featured-iteam-main-block {

  padding: 60px 0;

}

.iteam-main-block {

  margin-bottom: 30px;

}

.iteam-block {

  margin-bottom: 15px;

}

.iteam-tooltip {

  display: none;

}

.protip-skin-default--scheme-pro.protip-container {

  background: #1A1D32;

  border-radius: 0;

}

.protip-skin-default--size-normal {

  padding: 10px;

}

.iteam-tooltip img,

.protip-content img {

  width: 550px;

}

.iteam-tooltip-dtl {

  padding: 10px 0;

}

.iteam-tooltip-heading {

  color: var(--text-white-color);

}

.iteam-tooltip-authoor-dtl span {

  color: #F0F0F0;

  opacity: 0.9;

  font-size: 12px;

  margin-bottom: 30px;

}

.iteam-tooltip-category {

  margin-top: 22px;

}

.iteam-tooltip-category ul li {

  display: inline-block;

  color: #F0F0F0;

  opacity: 0.5;

  font-size: 12px;

}

.iteam-tooltip-price {

  text-align: right;

}

.iteam-tooltip-price span {

  color: var(--text-white-color);

  font-size: 46px;

  font-weight: 700;

}

.iteam-tooltip-price span.currency {

  font-size: 20px;

  vertical-align: top;

}



/* ================================= */

/*===== Mobile-Page =====*/

/* ================================= */

.mobile-main-block {

  padding: 50px;

  background-position: 50% 0;

  background-repeat: no-repeat;

  background-size: cover;

}

.mobile-heading {

  font-size: 48px;

}

.mobile-dtl-list {

  font-size: 22px;

}

.mobile-btn img {

  width: 25%;

}

.mobile-btn {

  display: inline-block;

  float: left;

}

.mobile-dtl-list ul {

  list-style-type: disc;

}



/* ================================= */

/*===== Help-Page =====*/

/* ================================= */

.nav-bar-main-block-one .footer-dropdown {

  padding: 0;

}

.nav-bar-main-block-one .footer-dropdown .a {

  border: 1px solid transparent;

}

.nav-bar-main-block-one .footer-dropdown .btn-primary {

  padding: 5px 10px;

  background-color: var(--background-white-bg-color);

  color: #0073A9;
  ;

  border: 1px solid #0073A9;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.nav-bar-main-block-one .footer-dropdown .btn-primary:hover {

  color: var(--text-white-color);

  background-color: #0085BF;

}

.help-main-block {

  background: #0073A9;

  padding: 90px 0;

}

.help-main-block .text {

  width: 100%;

}

.help-main-block .text:after {

  display: none;

}

.help-search {

  left: 0;

  right: 0;

  text-align: center;

  margin: 0 auto;

}

.help-search .form-control {

  border-radius: 30px;

  width: 100%;

  padding: 13px 0 13px 50px;

}

.form-inline .search-form {

  left: 0;

  right: 0;

  text-align: center;

  margin: 0 auto;

}

.help-search i {

  top: 10%;

  left: 6%;

  font-size: 22px;

  position: absolute;

  color: #DB4747;

}

.help-search .btn-primary {

  padding: 0;

  color: transparent;

  background-color: transparent;

}

.help-search .btn-primary:hover {

  padding: 0;

  color: transparent;

  background-color: transparent;

}

.help-tab-main-block {

  padding: 50px 0;

}

.help-tab-main-block .nav-tabs {

  border-bottom: 1px solid transparent;

}

.help-tab-main-block .nav-tabs .nav-link.active,
.help-tab-main-block .nav-tabs .nav-link:hover {
  background: #11253E;
  color: #fff;
}

.help-tab-main-block .nav-tabs .nav-link {
  padding: 10px 20px;
  border-radius: 10px !important;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid #11253E;
}

.headFaqClass .nav.nav-tabs .nav-item {}

.headFaqClass .nav.nav-tabs {
  gap: 20px;
}

.help-tab-heading {

  font-weight: 300;

  font-size: 24px;
  text-transform: capitalize;
  color: #11253E;

}

.help-tab {
  font-size: 16px;
  color: #4A4A4A;
  cursor: pointer;
  margin-bottom: 0;
  text-align: center;
  border: 1px solid #11253E;
  border-radius: 10px;

}

.help-tab-one-block {

  padding: 15px;

}

.help-contact {

  background: #F79A1C;
  padding: 30px;
  height: 210px;
  color: var(--text-white-color) !important;
  border-radius: 20px;

}


.help-contact ul li {

  font-size: 16px;

  color: var(--text-white-color) !important;

}

.help-contact span {

  font-size: 24px;

}

.help-tab-one {

  height: 210px;
  background: #F79A1C;
  padding: 30px;
  height: 210px;
  color: var(--text-white-color) !important;
  border-radius: 20px;

}



.help-tab-one ul li {
  display: block;
  font-size: 15px;
  color: #ffffff;

}

.help-tab-one ul li span {

  font-size: 22px;
  color: #fff;
}

.help-tab-dtl-block {

  background-color: #E6F2F5;

  padding: 25px 30px;

}

.help-tab-icon {

  padding: 20px;

}

.help-tab-icon i {

  font-size: 60px;

  color: var(--text-dark-grey-color);

  border: 1px solid #FFF;

  background-color: var(--background-white-bg-color);

  border-radius: 100%;

  padding: 50px 53px;

}

.help-tab-block-dtl {

  padding: 30px 10px;

}

.help-tab-block-dtl-heading {

  font-size: 20px;

  color: var(--text-black-color);

}

.help-tab-block-dtl p {

  font-size: 18px;

  color: var(--text-dark-grey-color);

}

.help-tab-block-dtl a {

  font-size: 16px;

}

@media (max-width: 992px) {

  .help-search i {

    left: 5%;

  }

}

@media (max-width: 576px) {

  .help-search i {

    top: 13%;

    left: 9%;

  }

  .nav-bar-btn {

    text-align: center;

  }

  .nav-bar-main-block-one .footer-dropdown {

    text-align: center;

    margin-bottom: 30px;

  }

  .help-tab-main-block .nav-tabs .nav-link {

    width: 50%;

    margin-right: 0;

  }

  .help-tab-heading {

    font-size: 20px;

  }

}



/* ================================= */

/*===== Terms-page =====*/

/* ================================= */

.terms-main-block {

  padding: 10px 0;

}

.terms-details-list {

  margin-bottom: 50px;

}

.terms-details-list .active {

  background: var(--background-blue-bg-color);

}

.terms-details-list .active a {

  color: var(--text-white-color);

}

.terms-details-list ul li {

  border: 1px solid #EAEAEA;

  padding: 10px 17px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.terms-details-list ul li:hover {

  color: #555;

  background-color: #F5F5F5;

}

.terms-details-list ul li a {

  color: #555;

  font-size: 15px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.terms-details-list ul li:hover a {

  color: #555;

}

.term-heading {

  font-size: 25px;

}

.term-block p {

  font-size: 15px;

}

.term-block span {

  font-weight: 500;

}

.term-block .content-heading {

  font-size: 18px;

}

.term-block ul {

  list-style-type: disc;

  margin-left: 40px;

}

.term-block ul li a {

  font-size: 16px;

}

.sky-blue {

  background-color: #e6f2f5;

  padding: 20px;

}



/* ================================= */

/*===== Teach-Online-Page =====*/

/* ================================= */

.home-btn .btn-primary {

  padding: 15px 55px;

  font-style: 500;

  border-radius: 1px;

}

.online-testimonial-main-block {

  padding: 40px 0 60px;

}

.online-testimonial-block ul li {

  font-size: 16px;

}

.online-testimonial-block ul li span {

  font-size: 18px;

}

.facts-main-block-one .facts-block {

  margin-bottom: 40px;

}

.facts-main-block-one {

  padding: 50px;

}

.facts-main-block-one .facts-heading,

.facts-main-block-one .facts-heading-sign {

  font-weight: 100;

}

.facts-main-block-one .facts-dtl {

  font-size: 18px;

  padding: 0 50px;

}

.success-envision-main-block {

  padding: 40px 0 60px;

}

.success-envision-main-block [class^="flaticon-"]:before,

.success-envision-main-block [class*=" flaticon-"]:before,

.success-envision-main-block [class^="flaticon-"]:after,

.success-envision-main-block [class*=" flaticon-"]:after {

  font-family: Flaticon;

  font-size: 55px;

  font-style: normal;

  margin-left: 10px;

}

.success-envision-main-block i {

  font-size: 55px;

  padding: 25px;

  border: 1px solid #FFF;

}

.success-envision-main-block i:hover {

  padding: 25px;

  border: 1px solid rgba(41, 48, 59, .2);

  background-color: rgba(41, 48, 59, .2);

  border-radius: 50%;

}

.success-envision-main-block .text {

  position: relative;

  height: 100px;

  width: 360px;

  margin: 0 auto;

}

.success-envision-main-block .text:after {

  content: "";

  position: absolute;

  top: 60%;

  width: 150px;

  height: 1px;

  color: rgba(41, 48, 59, .25);

  background: var(--background-black-bg-color);

}

.success-envision-main-block .text:after {

  right: 0;

}

.nav-detail {

  font-size: 18px;

  font-weight: 500;

  color: var(--text-light-grey-color);

}

.success-envision-main-block .nav-tabs {

  border-bottom: 1px solid transparent;

}

.success-envision-main-block .nav-tabs .nav-link.active,

.success-envision-main-block .nav-tabs .nav-link {

  border: 1px solid transparent;

}

.success-envision-dtl p {

  font-size: 17px;

  color: var(--text-dark-grey-color);

}

.success-envision-dtl span {

  font-weight: 500;

  color: var(--text-light-grey-color);

  font-size: 19px;

}

.online-blog-main-block {

  padding: 0 0 60px;

}

.online-blog-main-block .section p {

  font-size: 20px;

}

.online-blog-block {

  padding: 30px;

  border: 1px solid #DEDFE0;

  border-radius: 0 0 4px 4px;

}

.online-blog-block p {

  font-size: 18px;

}

.online-blog-img img {

  border-radius: 100%;

  width: 100%;

}

.success-envision-dtl-img img {

  width: 100%;

}

.online-blog-dtl {

  font-weight: 500;

}

.online-blog-img-dtl p {

  font-size: 14px;

}

.online-help-main-block {

  padding: 30px 0 150px;

  background-position: 50% 0;

  background-repeat: no-repeat;

  background-size: cover;

  height: 450px;

}

.online-help-main-block .section-heading {

  margin-bottom: 110px;

}

.online-help-main-block p {

  font-size: 20px;

}

.instructor-main-block {

  padding: 80px 0 10px;

  height: initial;

}

.instructor-main-block p {

  font-size: 18px;

}

.instructor-main-block .btn-primary {

  padding: 15px 70px;

  font-weight: 500;

  border-radius: 1px;

  margin-bottom: 80px;

}

@media (max-width: 992px) {

  .success-envision-main-block .text {

    width: 240px;

    margin-bottom: 90px;

  }

  .success-envision-main-block .text:after {

    display: none;

  }

}

@media (max-width: 767px) {

  .col-five {

    width: 30%;

  }

  .success-envision-main-block .text {

    width: 160px;

  }

  .online-blog-block {

    height: 370px;

  }

}

@media (max-width: 576px) {

  .online-help-main-block .section-heading {

    margin-bottom: 40px;

  }

  .col-five {

    width: 50%;

  }

  .facts-main-block-one .facts-block {

    margin-bottom: 10px;

  }

  .facts-main-block-one .facts-block h1 {

    margin-bottom: 0;

  }

  .success-envision-main-block .text {

    width: 100px;

  }

}



/* ================================= */

/*===== Affiliate-Page =====*/

/* ================================= */

.affiliate-main-block {

  padding: 60px 30px 40px;

  background: #505763;

  border-bottom: 4px solid #FF7373;

}

.affiliate-dtl {

  font-size: 27px;

}

.affiliate-btn .btn-primary {

  text-transform: uppercase;

  font-weight: 500;

  padding: 15px 10px;

}

.affiliate-dtl-main-block {

  padding: 40px 0;

}

.affiliate-dtl-img {

  float: left;

  margin-right: 10px;

}

.affiliate-dtl-img i {

  font-size: 40px;

}

.discover-heading {

  font-size: 20px;

  font-weight: 500;

  color: var(--text-dark-grey-color);

}

.discover-heading-one {

  color: #FF7373;

}

.discover-dtl p {

  font-size: 16px;

}

.affiliate-program-heading {

  font-size: 19px;

  font-weight: 500;

  color: var(--text-dark-grey-color);

  text-transform: uppercase;

}

.affiliate-dtl-main-block .bdr-right {

  border-right: 1px solid #EDECE6;

  height: 100%;

}

.affiliate-dtl-main-block .bdr-left {

  border-left: 1px solid #EDECE6;

  height: 100%;

}

.affiliate-program-heading span {

  color: #FA8638;

}

.affiliate-program ul li {

  font-size: 17px;

  margin-bottom: 10px;

  padding: 0 20px 0 0;

}

.affiliate-program-one {

  padding: 90px 30px;

}

.affiliate-program-two ul li {

  display: inline-block;

  padding: 10px;

}

.resource-link a {

  font-size: 16px;

}

.affiliate-program-one p,

.affiliate-program-one a {

  color: var(--text-dark-grey-color);

  font-size: 18px;

}

.affiliate-program-one a {

  font-weight: 500;

}

.affiliate-program-one a:hover {

  color: #222;

}

.affiliate-faq-main-block {

  padding: 50px;

}

.affiliate-faq-main-block .affiliate-faq-heading {

  color: var(--text-dark-grey-color);

  font-weight: 700;

  font-size: 20px;

}

.affiliate-faq-main-block p {

  color: var(--text-dark-grey-color);

  font-size: 15px;

}

.affiliate-heading {

  text-transform: uppercase;

  color: var(--text-dark-grey-color);

  text-align: center;

  margin-bottom: 70px;

}

.affiliate-steps-heading {

  color: #FF7373;

  font-size: 18px;

}

.affiliate-steps-block .affiliate-border {

  border-left: solid 4px #FF7373;

  padding-left: 20px;

}

.affiliate-steps-block .affiliate-border:before {

  counter-increment: section;

  content: counter(section);

  position: absolute;

  left: -18px;

  border-radius: 100%;

  height: 30px;

  width: 30px;

  border: 5px solid #FF7373;

  background-color: var(--background-white-bg-color);

  color: #FF7373;

  font-size: 15px;

  font-weight: bold;

  text-align: center;

}

@media (max-width: 576px) {

  .affiliate-dtl-main-block .bdr-right,

  .affiliate-dtl-main-block .bdr-left {

    display: none;

  }

}



/* ================================= */

/*===== Careers-page =====*/

/* ================================= */

.careers-main-block {

  background: var(--linear-gradient-career-bg-color);

  padding: 50px 0 400px;

  position: relative;

}

.careers-block {

  padding: 50px 0;

}

.careers-heading {

  font-size: 62px;

}

.careers-block p {

  font-size: 20px;

  padding: 0 150px;

}

.careers-btn .btn-primary {

  padding: 8px 25px;

  border-radius: 6px;

  font-size: 17px;
  /*

  margin-bottom: 90px;*/

}

.careers-video-main-block {

  position: absolute;

  top: 600px;

  left: 0;

  right: 0;

  margin: 0 auto;

  text-align: center;

}

.careers-video img {

  border-radius: 12px;

}

.careers-video .careers-video-icon {

  z-index: 99999;

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  margin: 0 auto;

  text-align: center;

}

.careers-video .careers-video-icon i {

  color: var(--text-white-color);

  font-size: 30px;

  border: 2px solid #FFF;

  border-radius: 100%;

  padding: 28px 30px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.careers-video .careers-video-icon:hover i {

  transform: scale(1.2);

}

.careers-info-main-block {

  padding: 200px 0 0;

}

.careers-info-block {

  padding: 40px 40px 30px 40px;

}

.careers-info-img img {

  border-radius: 100%;

  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .2);

}

.careers-info-block p {

  font-size: 15px;

}

.careers-block-one {

  border-bottom: 1px solid #EDECE6;

}

.careers-learn-main-block {

  padding: 90px 0;

  background-position: 50% 0;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

}

.careers-learn-block {

  background-color: var(--background-white-bg-color);

  border-radius: 10px;

}

.careers-learn-video {

  padding: 0 50px 0 0;

}

.careers-learn-video img {

  border-radius: 20px;

}

.careers-learn-video .overlay-bg {

  left: inherit;

  width: 352px;

  height: 191px;

  border-radius: 20px;

  background: rgba(0, 0, 0, 0.2);

}

.careers-learn-video .careers-learn-icon {

  z-index: 99999;

  position: absolute;

  top: 30%;

  left: -10%;

  right: 0;

  margin: 0 auto;

  text-align: center;

}

.careers-learn-video .careers-learn-icon i {

  color: var(--text-white-color);

  font-size: 30px;

  border: 2px solid #FFF;

  border-radius: 100%;

  padding: 28px 30px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.careers-learn-video .careers-learn-icon:hover i {

  transform: scale(1.2);

}

.careers-learn-video-one {

  padding: 40px 20px;

}

.careers-learn-heading {

  font-size: 36px;

}

.careers-learn-video-one a {

  color: #0073A9;
  ;

  font-size: 20px;

}

.learning-learn-img-block img {

  height: 410px;

  width: 100%;

}

.height img {

  height: 610px;

}

.height-one img {

  height: 210px;

}

.careers-benefits-main-block {

  padding: 80px 0 60px;

  background-color: #F7F7F7;

}

.careers-benefits-heading {

  font-size: 42px;

}

.careers-benefits-main-block p {

  font-size: 22px;

}

.careers-benefits-icon {

  float: left;

  display: table;

  padding: 5px 15px 50px 0;

}

.careers-benefits-icon i {

  color: #32CD32;

  border-radius: 100%;

  border: 3px solid #32CD32;

  padding: 12px;

  font-size: 22px;

}

.careers-benefits-dtl-heading {

  font-size: 22px;

}

.careers-benefits-dtl-block {

  height: 80px;

}

.careers-benefits-dtl p {

  font-size: 15px;

  color: #6D7A91;

}

.join-team-main-block {

  padding: 90px;

}

.join-team-block p {

  font-size: 20px;

}

.join-team-dropdown {

  text-align: left;

}

.join-team-dropdown a {

  font-size: 16px
}

.join-team-dropdown .dropdown-menu li {

  padding: 5px 25px;

  width: 228px;

}

.join-team-main-block .faq-block {

  padding: 60px 60px 10px 60px;

  background-color: var(--background-white-bg-color);

}

.join-team-main-block .faq-dtl .second-accordion {

  margin-bottom: 80px;

}

.join-team-main-block .faq-block hr {

  display: none;

}

.join-team-main-block .faq-block h3 {

  margin-bottom: 5px;

}

.join-team-main-block .faq-dtl .second-accordion .card-header {

  background: transparent;

  border: 1px solid rgba(0, 0, 0, .1);

}

.join-team-main-block .card-header .btn {

  padding: 0;

  font-size: 17px;

  font-weight: 500;

}

.join-team-main-block .faq-dtl .second-accordion .card-header button.btn {

  display: block;

  width: 100%;

  cursor: pointer;

  text-align: left;

  text-decoration: none;

  color: #232323;

  font-size: 32px;

  font-weight: 700;

  position: relative;

  text-transform: none;

  padding: 25px 0 0;

  border: 1px solid transparent;

  border-top: 1px solid #D8D8D8;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.join-team-main-block .faq-dtl .second-accordion .card {

  border: 0;

  padding: 5px;

  margin-bottom: 10px;

}

.join-team-main-block .faq-dtl .second-accordion .card-header button.btn[aria-expanded="false"]:after {

  position: absolute;

  font-family: fontawesome;

  right: 37px;

  color: #777;

  width: 30px;

  text-align: center;

  height: 30px;

  line-height: 28px;

  border-radius: 100%;

  font-size: 20px;

  font-weight: 700;

}

.join-team-main-block .faq-dtl .second-accordion .card-header button.btn[aria-expanded="true"]:after {

  font-family: fontawesome;

  right: 37px;

  position: absolute;

  color: #777;

  width: 30px;

  text-align: center;

  font-size: 30px;

  height: 30px;

  line-height: 20px;

}

.join-team-main-block .faq-dtl .second-accordion .card-header button.btn[aria-expanded="true"]:hover:after {

  color: #F96921;

}

.join-team-main-block .faq-dtl .second-accordion .card-header button.btn[aria-expanded="false"] i {

  -webkit-transform: rotate(-180deg);

  -moz-transform: rotate(-180deg);

  -ms-transform: rotate(-180deg);

  -o-transform: rotate(-180deg);

  transform: rotate(-180deg);

}

.join-team-main-block .faq-dtl .second-accordion .card-header button.btn i {

  position: absolute;

  right: 20px;

}

.join-team-main-block .faq-main-block .btn {

  white-space: initial;

}

.join-team-main-block .career-faq-link a {

  font-size: 17px;

  font-weight: 500;

}

.join-team-main-block .career-faq-link a:hover {

  color: #6AC1D0;

}

.join-team-main-block .career-faq-place a {

  font-size: 17px;

  color: #232323;

}

@media (max-width: 767px) {

  .nav-bar-btn {

    text-align: center;

  }

  .join-team-main-block .faq-block {

    padding: 0;

  }

  .join-team-main-block .faq-dtl .second-accordion .card-header button.btn {

    font-size: 20px;

  }

}

@media (max-width: 576px) {

  .careers-block p {

    padding: 0;

  }

  .careers-main-block {

    padding: 130px 0 73px;

  }

  .careers-info-main-block {

    padding: 40px 10px;

  }

  .careers-learn-main-block {

    padding: 10px;

  }

  .careers-learn-video .bdr-right {

    border-right: hidden;

  }

  .join-team-main-block {

    padding: 0;

  }

  .career-faq-place {

    text-align: left;

  }

  .join-team-main-block .faq-block {

    padding: 60px 40px 10px 60px;

  }

}































/* ================================= */

/*===== Popup =====*/

/* ================================= */

/*.popup_wrapper, .overlay {

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  overflow: hidden;

}*/

.about-home-includes-list .popup_wrapper,

.about-home-includes-list .popup_wrapper .overlay {

  position: fixed;

  top: 0;

  bottom: 0;

  /*left: 0;     

  right: 0;*/

  overflow: hidden;

}

.popup_wrapper {

  display: flex;

  margin-bottom: 80px;

  justify-content: center;

  align-items: center;

  text-align: center;

  visibility: hidden;

  transition: opacity 500ms;

  opacity: 0;

}

.overlay {

  z-index: 0;

  background: rgba(0, 0, 0, .618);

}

.show {

  visibility: visible;

  opacity: 1;

}

/*.popup {

  position: relative;

  z-index: 1;

  width: 320px;

  height: 160px;

  flex: 0 1 auto;

  overflow: hidden;

  background-color: var(--background-white-bg-color);

  border-radius: 16px;

  transition: all .02s ease-in-out;

}*/

.about-home-includes-list .popup {

  position: relative;

  z-index: 1;

  width: 320px;
  /*

  height: 160px; */

  flex: 0 1 auto;
  /*

  overflow: hidden;*/

  background-color: var(--background-white-bg-color);

  border-radius: 16px;

  transition: all .02s ease-in-out;

}



.popup .close {

  position: absolute;

  top: 10px;

  right: 10px;

  display: inline-block;

  font-size: 24px;

  font-weight: bolder;

  color: #aaa;

  text-decoration: none;

}

.close:hover {

  color: #444;

}





.about-home-includes-list .popup .close {

  position: absolute;

  top: 10px;

  right: 10px;

  display: inline-block;

  font-size: 24px;
  full section comment font-weight: bolder;

  color: #aaa;

  text-decoration: none;

}

.about-home-includes-list .close:hover {

  color: #444;

}

.popup .title p {

  padding-left: 12px;

  font-size: 24px;

  line-height: 44px;

  text-align: left;

  background: #EEE;

  border-bottom: 1px solid #555;

}

.popup h1 {

  margin: 16px auto;

}

.hide_sb {

  height: 100%;

  overflow: hidden;

}

.coupon-search .form-inline .form-control {

  height: 100%;

  position: relative;

}

.coupon-search .form-control {

  border: 1px solid #CACBCC;

  color: var(--text-black-color);

  background-color: var(--background-white-bg-color);

  height: 44px;

  border-radius: 1px;

}

.coupon-search .btn-primary {

  padding: 4px 10px;

  border-radius: 1px;

}







/*course detail page review input*/

.review-table .table thead th {

  vertical-align: bottom;

  border-bottom: none;

  font-weight: 500;

  font-size: 15px;

  color: #003845;

  padding-left: 3px;

}

.review-table .table td,

.review-table .table th {

  padding: .75rem;

  vertical-align: top;

  border-top: none;

  font-weight: 500;

  color: #003845;

}

.blog-main-block .owl-carousel .owl-item img {

  display: block;

  width: 100%;

  height: 200px;

  margin-right: 50px;

  border-radius: 6px;

}


div#blog-slider .owl-nav {
  position: absolute;
  width: 100%;
  top: 40%;
  transform: translateY(-50%);
}

div#blog-slider .blog-slider-dtl {
  padding: 10px 0;
}

.about-home-btn .btn-secondary {

  padding: 8px 0;

  width: 100%;

  border-radius: 6px;

  font-weight: 500;

  font-size: 15px;

  background: var(--background-blue-bg-color);

  color: var(--text-white-color);

}

.about-home-btn .btn-secondary:hover {

  background: white !important;
  color: #11253e !important;
}

.learning-courses-home-video .video-item {

  text-align: center;

  border: 5px solid #FFF;

  border-radius: 6px;

}

.learning-courses-home-video .video-device .bg_img {

  background-size: cover;

  width: 100%;

  background-position: 50% 50%;

  background-repeat: no-repeat;

}

.learning-courses-home-video .video-device {

  position: relative;

}

.learning-courses-home-video .video-item .video-preview,

.learning-courses-home-video .video-item .video-preview iframe {

  width: 100%;

  height: 200px;

}

.learning-courses-home-video .video-preview {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 30;

  width: 100%;

}

.learning-courses-home-video .btn-video-play i {

  margin: 0 auto;

  position: relative;

  top: 85%;

  left: 10%;

  transform: translate(-50%, -50%);

  z-index: 30;

  color: var(--text-white-color);

  font-size: 30px;

  border: 1px solid transparent;

  border-radius: 100%;

  background-color: rgba(0, 0, 0, .6);

  padding: 20px 25px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.learning-courses-home-video .btn-video-play:hover {

  opacity: 0.8;

}

.learning-questions-dtl ul li a {

  color: var(--text-blue-color);

  font-size: 11px;

}

.learning-answer-block {

  margin-left: 40px;

  margin-bottom: 10px;

}

.learning-answer-img {

  font-size: 12px;

  float: left;

  background-color: rgb(104, 111, 122);

  text-transform: uppercase;

  color: var(--text-white-color);

  padding: 7px;

  border-radius: 100%;

}

.learning-answer-dtl {

  padding: 0px 10px;

  vertical-align: middle;

}

.learning-answer-dtl ul li a {

  color: var(--text-blue-color);

  font-size: 11px;

}





/* ================================= */

/*======= Wishlist Page=====*/

/* ================================= */

.wishlist-home-main-block {

  background: #0073A9;

  padding: 110px 0 100px;

  position: relative;

  background-position: 50% 0;

  background-repeat: no-repeat;

  background-size: cover;

}

.wishlist-home-heading {

  position: relative;

  color: #002c48 !important;

}

.wishlist-icon {

  position: absolute;

  text-align: center;

  font-size: 10px;

  font-weight: 500;

  top: 12px;

  bottom: 0;

  left: 0;

  background-color: transparent;

  width: 80px;

  height: 15px;

  z-index: 9;

  border-radius: 0 10px 10px 0;

  color: var(--text-white-color);

  -webkit-text-stroke: 1px #0073A9;

}

.cart-btn .btn-primary {

  font-size: 18px;

  font-weight: 500;

  top: 12px;

  background-color: inherit;

  color: var(--text-white-color);

  border: inherit;

  padding: 2px 40px;

}

.wishlist-btn .btn-primary {

  font-size: 18px;

  font-weight: 500;

  top: 12px;

  background-color: inherit;

  color: var(--text-white-color);

  border: inherit;

  padding: 2px 40px;

}



/*wishlist icon*/

.wishlisht-btn {

  background-color: transparent;

  border: none;

  color: var(--text-white-color);

}

.about-icon-two {

  color: var(--text-white-color);

}

.about-icon-two i {

  color: var(--text-white-color);

}

.heart-two i {

  color: #0073A9;
  ;

}

.nav-wishlist i {

  font-size: 20px;

  color: transparent;

  -webkit-text-stroke: 1px #0073A9;

  border: 1px solid transparent;

  padding: 16px 13px 10px;

  border-radius: 100%;

  display: inline-flex;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.nav-wishlist i:hover {

  background: rgba(20, 23, 28, 0.05);

  border: 1px solid rgba(20, 23, 28, 0.05);

}



@media (max-width: 992px) {

  .wishlist-action {

    margin-bottom: 30px;

  }

  .review-table .table thead th {

    font-size: 13px;

  }

}





/* ================================= */

/*======== Cart Page=====*/

/* ================================= */

.cart-main-block {

  padding: 60px 0;

}

.cart-add-block {

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  margin-bottom: 30px;

  border-radius: 6px;

  background-color: #FFF;

  padding: 18px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.cart-heading {

  font-size: 18px;

  font-weight: 400;

  margin-bottom: 18px;

  color: #29303b;

}

.cart-img {

  position: relative;

}

.cart-img img {

  width: 100%;

  height: 120px;

  object-fit: cover;

  border-radius: 6px;

}

.cart-add-block .cart-course-name {

  font-weight: 500;

}

.cart-add-block .cart-course-update {

  font-size: 13px;

  color: var(--text-dark-grey-color);

}

.cartRemove {
  box-shadow: none;
}

.cart-add-block .cart-actions a {

  font-size: 13px;

  color: var(--text-blue-color);

  font-weight: 400;

}

.cart-add-block .cart-actions a:hover {

  color: var(--text-black-color);

}

.cart-add-block .cart-actions i {

  color: #F4C150;

}

.cart-add-block .cart-course-amount {

  text-align: right;

}

.cart-add-block .cart-course-amount ul li {

  font-size: 14px;

  font-weight: 500;

  color: #29303b;

  line-height: 1;

}

.cart-add-block .cart-course-amount ul li s {

  font-size: 10px;

  font-weight: 400;

  color: #686f7a;

}

.cart-add-block .cart-course-amount ul li s i {

  font-size: 15px;

  font-weight: 400;

  color: var(--text-dark-grey-color);

}

.cart-add-block .cart-course-amount i {

  color: var(--text-black-color);

}

.cart-price {

  font-size: 36px;

  font-weight: 500;

  color: #29303b;

}

.cart-original-price {

  font-size: 15px;

  color: var(--text-dark-grey-color);

}

.cart-original-price s {

  font-size: 15px;

  color: #686f7a;

}

.checkout-btn .btn-primary {

  width: 100%;

  color: var(--text-white-color);

  background-color: #0085BF;

  border: 1px solid transparent;

  padding: 15px 0;

  margin-top: 10px;

  font-weight: 500;

  border-radius: 2px;

}

.cart-remove-btn {

  border: none;

  background-color: transparent;

  font-size: 13px;

  color: var(--text-blue-color);

  font-weight: 400;

  padding: 0;

  cursor: pointer;

}

.cart-remove-btn:hover {

  color: var(--text-black-color);

}

.cart-wishlisht-btn {

  background-color: transparent;

  border: none;

  font-size: 13px;

  color: var(--text-blue-color);

  font-weight: 400;

  padding: 0;

  cursor: pointer;

  text-align: left;

}

.coupon-apply input {

  height: 34px;

  padding: 0 10px;

  font-size: 13px;

  width: 100%;

  margin-bottom: 10px;

}

.coupon-apply button {

  height: 34px;

  padding: 0 10px;

  font-size: 13px;

  float: right;

  width: 100%;

  border-radius: 0 2px 2px 0;

}

.coupon-apply input:focus {

  outline: none;

}



.cart-price-detail span {

  float: right;

}

.cart-price-detail span {
  /* float: right; */
  position: absolute;
  right: 65px;
  top: 20px;
  font-weight: 500;
}

.cart-price-detail span a {

  font-size: 12px;

  color: var(--text-blue-color);

}

.cart-price-detail ul li {

  font-size: 14px;

  margin-bottom: 12px;

  color: var(--text-dark-grey-color);

  font-weight: 400;

}

.cart-price-detail ul li a {

  color: var(--text-blue-color);

}

.cart-price-detail ul li.active a {

  color: var(--text-blue-color);

  font-weight: 500;

}

.cart-total-two a b {

  color: var(--text-black-color);

  font-weight: 500;

  font-size: 22px;

}

.cart-total-two span {

  color: var(--text-black-color);

  font-weight: 500;

  font-size: 22px;

}



.cart-coupon i {

  color: #0073A9;
  ;

  font-size: 22px;

  margin-left: -10px;

  margin-top: 10px;

}

.cart-coupon .btn-link {

  padding: 0;

  border: none;

}

.tooltip-inner {

  border: 1px solid #DEDFE0;

  background-color: var(--background-white-bg-color) !important;

  color: var(--text-dark-grey-color);

}

.coupon-heading {

  color: var(--text-dark-grey-color);

  font-weight: 500;

}





@media (max-width: 576px) {

  .cart-main-block {

    padding: 60px 0 0;

  }

  .cart-add-block {

    margin-bottom: 20px;

  }

}



/* ================================= */

/*======== Checkout Page=====*/

/* ================================= */

.checkout-main-block {

  padding: 60px 0;

}

.checkout-pricelist ul li {

  display: inline-block;

}

.checkout-total {

  font-weight: 500;

}

.checkout-price {

  margin-left: 10px;

  color: var(--text-dark-grey-color);

  font-size: 18px;

}

.checkout-percent {

  margin-left: 10px;

  color: var(--text-dark-grey-color);

}

.checkout-course-img {

  margin-bottom: 10px;

}

.checkout-course-user {

  color: var(--text-dark-grey-color);

  font-size: 11px;

}

.checkout-course-title {

  color: var(--text-light-grey-color);

  font-size: 13px;

  font-weight: 500;

}

.checkout-course-price {

  font-size: 15px;

  color: #686f7a;

}

.payment-gateways .btn-link {

  border: none;

}

.payment-proceed-btn .btn-primary {

  padding: 10px 80px;

  font-weight: 500;

}

.panel-title label {

  margin-bottom: 0;

  cursor: pointer;

}



/*stripe payment form*/

.creditCardForm {

  max-width: 700px;

  background-color: var(--background-white-bg-color);

  overflow: hidden;

  color: #4C4E56;

}

.creditCardForm label {

  width: 100%;

  margin-bottom: 10px;

  font-size: 14px;

}

.creditCardForm .heading h1 {

  text-align: center;

  font-family: 'Open Sans', sans-serif;

  color: #4C4E56;

}

.creditCardForm .payment {

  float: left;

  font-size: 18px;

  position: relative;

}

.creditCardForm .payment .form-group {

  float: left;

  margin-bottom: 15px;

}

.creditCardForm .payment .form-control {

  line-height: 33px;

  height: auto;

  padding: 0 16px;

  border-radius: 6px;

}

.creditCardForm .owner {

  width: 63%;

  margin-right: 10px;

}

.creditCardForm .CVV {

  width: 35%;

}

.creditCardForm #card-number-field {

  width: 100%;

}

.creditCardForm #expiration-date {

  width: 49%;

}

.creditCardForm #credit_cards {

  width: 50%;

  margin-top: 25px;

  text-align: right;

}

.creditCardForm #pay-now {

  width: 100%;

  margin-top: 25px;

}

.creditCardForm .payment .btn {

  width: 100%;

  margin-top: 3px;

  font-size: 16px;

  background-color: #0085BF;

  color: white;

}

.creditCardForm .payment select {

  padding: 5px;

  margin-right: 15px;

  border-radius: 6px;

  font-size: 13px;

  border: 1px solid #ced4da;

}

.transparent {

  opacity: 0.2;

}

@media(max-width: 650px) {

  .creditCardForm .owner,

  .creditCardForm .CVV,

  .creditCardForm #expiration-date,

  .creditCardForm #credit_cards {

    width: 100%;

  }

  .creditCardForm #credit_cards {

    text-align: left;

  }

  .creditCardForm {

    padding: 0;

  }

}

/*stripe payment form end*/





/*rating*/

.star-ratings-css {

  unicode-bidi: bidi-override;

  color: #C5C5C5;

  font-size: 25px;

  height: 25px;

  width: 100px;

  margin: 0 auto;

  position: relative;

  padding: 0;

  text-shadow: 0px 1px 0 #A2A2A2;

}

.star-ratings-css-top {

  color: #E7711B;

  padding: 0;

  position: absolute;

  z-index: 1;

  display: block;

  top: 0;

  left: 0;

  overflow: hidden;

}

.star-ratings-css-bottom {

  padding: 0;

  display: block;

  z-index: 0;

}

.star-ratings-sprite {

  background: url("../images/rating/star-rating.png") repeat-x;

  font-size: 0;

  height: 12px;

  line-height: 0;

  overflow: hidden;

  text-indent: -999em;

  width: 70px;

  clear: both;

}

.star-ratings-center {

  margin: 0 auto;

  margin-bottom: 10px;

}

.star-ratings-sprite-rating {

  background: url("../images/rating/star-rating.png") repeat-x;

  background-position: 0 100%;

  float: left;

  height: 14px;

  display: block;

}

/*rating end*/



.helpful {

  display: inline-block;

}





/* ============================== */

/*======== NavBar  ========*/

/* ============================== */

.logotext {

  font-size: 21px;

  padding: 8px 0;

}

.nav-wishlist {

  position: relative;

}

.shopping-cart {

  position: relative;

}

.red-menu-badge {

  font-size: 10px;

  min-width: 15px;

  min-height: 15px;

  line-height: 15px;

}

.red-bg-success {

  background: #0085BF;

}

.red-menu-badge {

  position: absolute;

  padding: 0 5px;

  line-height: 1.70;

  width: 16px;

  height: 16px;

  font-weight: 500;

  color: white;

  border-radius: 100%;

  font-size: 10px;

  background: #0073A9;

  box-shadow: 0.5px 0.2px 1px rgba(0, 0, 0, 0.5);

  display: inline-block;

  text-align: center;

  left: 26px;

  top: 5px;

  z-index: 1;

}

.user-text {

  text-align: center;

  margin-left: 20px;

}

#notification_li {

  position: relative
}

#notificationContainer {

  background-color: var(--background-white-bg-color);

  border: 1px solid rgba(100, 100, 100, .4);

  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);

  overflow: visible;

  position: absolute;

  top: 50px;

  width: 300px;

  z-index: 999999999;

  display: none; // Enable this after jquery implementation 

}

#notificationContainerr {

  background-color: var(--background-white-bg-color);

  border: 1px solid rgba(100, 100, 100, .4);

  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);

  overflow: visible;

  position: absolute;

  top: 50px;

  width: 300px;

  z-index: 999999999;

  right: 50px;

  display: none;

}

#notificationContainerr:before {

  content: '';

  display: block;

  position: absolute;

  width: 0;

  height: 0;

  color: transparent;

  border: 10px solid black;

  border-color: transparent transparent white;

  margin-top: -20px;

  margin-left: 188px;

}

#notificationContainer:before {

  content: '';

  display: block;

  position: absolute;

  width: 0;

  height: 0;

  color: transparent;

  border: 10px solid black;

  border-color: transparent transparent white;

  margin-top: -20px;

  margin-left: 14px;

}

#notificationTitle {

  padding: 14px 10px;

  font-size: 13px;

  background-color: var(--background-white-bg-color);

  z-index: 1000;

  border-radius: 5px 5px 0 0;

  border-bottom: 1px solid #DDD;

}

#notificationsBody ul li {

  padding: 12px;

  border-bottom: 1px solid #DDD;

}

#notificationFooter {

  background-color: #E9EAED;

  text-align: center;

  font-weight: 500;

  padding: 8px;

  font-size: 15px;

  border-radius: 0 0 6px 6px;

  border-top: 1px solid #DDD;

}

.notification-image {

  display: inline-block;

  padding: 0;

  vertical-align: text-bottom;

  margin-right: 5px;

}

.notifications ul {

  max-height: 190px;

  overflow-y: auto;

  overflow-x: hidden;

}

.notification-data {

  display: inline-block;

  /*float: right;*/

}

.user-detailss {

  color: var(--text-light-grey-color);

  font-size: 13px;

}



.heart-category i {

  -webkit-text-stroke: 1px #0073A9;

  color: var(--text-white-color);

}



/*user dropdown*/

.my-container {
  display: flex;
  justify-content: flex-end;
  align-content: center;
  align-items: normal;
  height: 100%;
  width: 42px;
  padding: 5px 0;
}

.my-dropdown {

  display: flex;

  justify-content: center;

  align-content: center;

  align-items: center;

  border-radius: 30px;

  background-color: var(--background-grey-bg-color);

  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%);

  width: 40px;

}

.dropdown__item {

  align-self: center;

  margin-left: .5em !important;
  /*damn you bootstrap!*/

}

.my-dropdown>.name {

  overflow: hidden;

  width: 0%;

  transition: width 300ms ease-out;

}

.my-dropdown>.name-shown {

  width: 60%;

}

.circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: inline-block;
  object-fit: cover;
}

div#cookieWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%) !important;
}

div#cookieWrapper .btn {
  background: #fff !important;
  border: none !important;
  color: #000;
  padding: 10px 15px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 12px;
}



.dropdown-menu-right:before {

  content: "";

  position: absolute;

  width: 0;

  height: 0;

  margin-left: -0.5em;

  right: 0px;

  box-sizing: border-box;

  border: 7px solid black;

  border-color: transparent transparent #FFF #FFF;

  transform-origin: 0 0;

  transform: rotate(135deg);

  box-shadow: -3px 3px 3px -3px rgba(214, 214, 214, 0.78);

}

.dropdown-menu-right {

  display: none;

  position: absolute;

  border-radius: 6px;

  box-shadow: 0px 0px 8px rgba(214, 214, 214, 0.78);

  list-style: none;

  padding: 0;

  margin: 0;

  top: 100px;

  right: 0;

  width: 300px;

  border: none;

  z-index: 999999999999;

}

.dropdown-menu-right .U-open {

  display: block;

}

.dropdown-menu-right li {

  padding: 0px;

  line-height: 40px;

  border-bottom: 1px solid rgba(215, 215, 215, 0.17)
}

.dropdown ul li {

  padding-right: 20px;

  font-size: 13px;

  text-decoration: none;

  border-left: 3px solid transparent;

  color: var(--text-black-color);

  font-weight: 400;

  background-color: var(--background-white-bg-color);

  z-index: 1111111;

  -webkit-transition: all .25s ease;

  -moz-transition: all .25s ease;

  -ms-transition: all .25s ease;

  -o-transition: all .25s ease;

  transition: all .25s ease;

}

.dropdown ul li a {

  color: var(--text-black-color);

}

.dropdown ul li i {

  -webkit-text-stroke: 0.5px;

  font-size: 15px;

  color: #0073A9;

  margin-left: 23px;

  margin-right: 10px;

}

.dropdown ul a li:hover {

  background-color: #E6E6E6;

  border-left: 3px solid #97c340;

}

.btn-default:hover {

  color: #333;

  background-color: #E6E6E6;

  border-color: #DEDFE0;

}

.btn.focus,
.btn:focus {

  outline: 0;

  box-shadow: none;

}



@media (max-width: 767px) {

  .my-container {

    justify-content: center;

  }

}



/* ====================================== */

/*======== Purchase History  ========*/

/* ===================================== */

.purchase-main-block {

  padding: 60px 0;

}

.purchase-history-heading {

  font-weight: 500;

  font-size: 18px;

}

.purchase-history-items {

  background-color: var(--background-white-bg-color);

  padding: 15px;

}

.purchase-history-course-img a {

  display: inline-block;

  float: left;

  margin-right: 10px;

}

.purchase-history-course-title {

  font-weight: 500;

  font-size: 16px;

}

.purchase-text {

  font-size: 12px;

}

.invoice-btn .btn-secondary {

  padding: 4px 10px;

  font-size: 12px;

  color: var(--text-blue-color);

  border: 1px solid var(--text-blue-color);

  display: inline-block;

}

.purchase-table tbody tr {

  background-color: var(--background-white-bg-color);

  margin-bottom: 10px;

}

.purchase-table thead th:first-child {

  text-align: left;

}

.purchase-table tbody td:first-child {

  text-align: left;

}

.purchase-table thead th {

  text-align: right;

}

.purchase-table tbody td {

  text-align: right;

}



/*invoice page*/

.view-order {

  padding: 30px 20px;

  background-color: #ECF0F5;

  border-radius: 6px;

  margin-bottom: 20px;

}

.order-invoice {

  margin-bottom: 10px;

  font-size: 18px;

}

.user-ordered {

  padding: 30px 20px;

}

.purchase-date {

  font-size: 15px;

}

.page-header {

  padding: 20px;

}

.order-table .table-striped tbody tr:nth-of-type(odd) {

  background-color: #ECF0F5;

}

.print-btn .btn-primary {

  padding: 12px 30px;

  display: inline-block;

  float: left;

  margin-right: 10px;

}

.print-btn .btn-secondary {

  padding: 12px 30px;

  display: inline-block;

}

.nav-menu-bar-main-block {

  position: absolute;

  z-index: 99999;

  width: 100%;

}



/* ====================================== */

/*======== User Profile  ========*/

/* ===================================== */



.dashboard-author-block {

  padding: 40px 0 44px 0;

  background-color: var(--background-white-bg-color);

  margin-bottom: 25px;

  border-radius: 6px;

}

.dashboard-author-block .author-image {

  margin-bottom: 15px;

}

.dashboard-author-block .author-image img {

  border-radius: 100%;

}

.dashboard-author-block .author-name {

  font-size: 20px;

  font-weight: 400;

  color: var(--text-black-color);

  width: 100%;
  line-break: anywhere;
  font-size: 15px;
  padding: 0 20px;

}

.dashboard-items {

  padding: 28px 0 42px;

  border-radius: 6px;

  background-color: var(--background-white-bg-color);

}

.dashboard-items ul li {

  padding: 15px 0 15px 15px;

  border-left: 3px solid #FFF;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.dashboard-items ul li a {

  color: #716E6E;

  font-weight: normal;

}

.dashboard-items ul li:hover {

  color: #0073A9;

  background-color: #F6F7FC;

  border-left: 3px solid #0073A9;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.dashboard-items ul li:hover a {

  color: #0073A9;

}

.dashboard-items ul li.active {

  color: #0073A9;

  background-color: #F6F7FC;

  border-left: 3px solid #0073A9;

}

.dashboard-items ul li.active a {

  color: #0073A9;

}

.dashboard-items ul li i {

  font-size: 20px;

  margin-right: 16px;

  opacity: 0.5;

}

.dashboard-items ul li:hover i {

  color: #0073A9;

  opacity: 1;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.dashboard-items ul li i.active {

  color: var(--text-blue-color);

  opacity: 1;

}

.profile-item-block {

  padding: 40px 0;

  background-color: #F6F7FC;

}

.profile-info-block {

  padding: 30px;

  background-color: var(--background-white-bg-color);

  margin-bottom: 41px;

  border-radius: 6px;

}

.profile-info-block .profile-heading {

  font-size: 20px;

  color: var(--text-black-color);

  padding-bottom: 20px;

  /*border-bottom: 1px solid #E8E8E8;*/

  margin-bottom: 20px;

}

.profile-info-block .profile-block .form-group label {

  font-size: 16px;

  color: var(--text-black-color);

  margin-bottom: 15px;

}

.profile-info-block .profile-block .form-group .form-control {

  font-family: 'Montserrat', sans-serif;

  color: var(--text-blue-color);

  font-size: 14px;

  border: solid 1px #D5D5D5;

  margin-bottom: 28px;

}

.profile-info-block label {

  font-size: 14px;

}

.profile-info-block .form-control,

.profile-info-block select.form-control:not([size]):not([multiple]) {

  border-radius: 6px;

  font-size: 13px;

  padding: 8px 0 8px 16px;

}

.profile-info-block .form-group .profile-info-block select.form-control:not([size]):not([multiple]) {

  height: 63px;

}

.profile-info-block .profile-two-block .form-group label {

  font-size: 16px;

  color: var(--text-black-color);

  margin-bottom: 15px;

}

.profile-info-block .profile-two-block .form-group .form-control {

  font-family: 'Montserrat', sans-serif;

  color: var(--text-black-color);

  font-size: 14px;

  border: solid 1px #D5D5D5;

  margin-bottom: 40px;

  padding: 23px 0 103px 30px;

  margin-bottom: 0;

}

.social-profile-block {

  padding: 30px;

  background-color: var(--background-white-bg-color);

  margin-bottom: 62px;

  border-radius: 6px;

}

.social-profile-heading {

  font-size: 20px;

  font-weight: 500;

  color: var(--text-black-color);

  padding-bottom: 20px;

  border-bottom: 1px solid #E8E8E8;

  margin-bottom: 20px;

}

.social-profile-block .social-block .form-group label {

  font-size: 14px;

  color: var(--text-black-color);

  margin-bottom: 15px;

}

.social-profile-block .social-block .form-group .form-control {

  font-family: 'Montserrat', sans-serif;

  color: #717983;

  font-size: 13px;

  border: solid 1px #D5D5D5;

  margin-bottom: 28px;

}

.social-profile-block .form-control,

.social-profile-block select.form-control:not([size]):not([multiple]) {

  border-radius: 6px;

  padding: 8px 0 8px 16px;

}

.social-profile-block .form-group .social-profile-block select.form-control:not([size]):not([multiple]) {

  height: 63px;

}

.social-profile-block .form-group {

  margin-bottom: 0;

}

.profile-item-block .profile-update-icon i {

  width: 40px;

  height: 40px;

  font-size: 20px;

  text-align: center;

  border-radius: 50%;

  color: var(--text-white-color);

  line-height: 1.8;

}

.profile-info-block .profile-block .form-group .form-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */

  color: #717983;

  opacity: 1;
  /* Firefox */

}



.profile-info-block .form-group select.form-control:not([size]):not([multiple]) {

  height: 40px;

}

.profile-info-block .select2-container .select2-selection--single {

  padding: 8px 16px;

  font-size: 14px;

  height: inherit ! important;

  border-radius: 6px ! important;

  border: solid 1px #D5D5D5 ! important;

}

.select2-container--default .select2-selection--single .select2-selection__rendered {

  line-height: 1.5 !important;

  font-size: 1rem;

  font-weight: 400;

  color: #495057 !important;

  padding: 0 !important;

}

.select2-container--default .select2-selection--single .select2-selection__arrow b {

  left: 0 !important;

  top: 30% !important;

}

.mce-panel {

  border-radius: 6px;

  box-shadow: inherit !important;

}

.mce-top-part::before {

  box-shadow: inherit !important;

}

.mce-stack-layout-item {

  border-radius: 0 0 6px 6px;

}

.profile-info-block .select2-container--default .select2-selection--single .select2-selection__arrow {

  height: 63px;

}

@media (max-width: 576px) {

  .profile-item-block {

    padding: 100px 0 90px;

    background-color: #F6F7FC;

  }

}





.avatar-preview {

  width: 192px;

  height: 192px;

  position: relative;

  border-radius: 100%;

}

.avatar-preview-img {

  width: 100%;

  height: 100%;

  border-radius: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}

.avatar-upload {

  position: relative;

  max-width: 205px;

  margin: 20px auto 50px;

}

.avatar-edit {

  position: absolute;

  right: 12px;

  z-index: 999;

  top: 10px;

}

.avatar-edit input {

  display: none;

}

.avatar-edit label {

  display: inline-block;

  width: 40px;

  height: 40px;

  margin-bottom: 0;

  border-radius: 100%;

  background-color: var(--background-white-bg-color);

  border: 1px solid transparent;

  cursor: pointer;

  font-weight: normal;

  transition: all .2s ease-in-out;

  box-shadow: 0px 0 8px rgb(0 0 0 / 10%);

}

.avatar-edit i {

  color: #757575;

  position: absolute;

  top: 9px;

  left: 0;

  right: 0;

  text-align: center;

  margin: auto;

  font-size: 20px;

}

.profile-block .card-body table {

  margin-bottom: 0;

}

.dropdown-user-circle {

  width: 45px;

  height: 45px;

  border-radius: 100%;

  margin-right: 5px;

  vertical-align: bottom;

}

.user-detailss {

  display: inline-block;
  width: 100%;
  line-break: anywhere;
  font-size: 15px;
  /* padding: 0 20px; */

}

ul {

  margin-bottom: 0;

}

.nav-search form {

  margin-bottom: 0;

}

/*.view-img img {

  min-height: 150px;

  max-height: 150px;

  object-fit: cover;

  width: 100%;

}*/

.view-img a img {

  min-height: 200px;

  max-height: 150px;

  object-fit: cover;

  border-radius: 6px 6px 0 0;

  width: 100%;

}

.view-img img {

  min-height: 200px;

  max-height: 150px;

  object-fit: cover;

  width: 100%;

}

.panel-setting-main-block {

  background-color: var(--background-white-bg-color);

  border: 1px solid #CCC;

  border-radius: 4px;

}

.panel-setting {

  padding: 30px 41px;

  border-bottom: 1px solid #CCC;

}

.question-text {

  padding: 15px;

}

.box-footer .btn-primary {

  padding: 12px 30px;

  border-radius: 6px;

}

.search-main-block {

  padding: 50px 0;

  color: var(--text-black-color);

}

.search-block-no-result {

  background-color: var(--background-light-grey-bg-color);

}

.content-course-number-one ul {

  margin-bottom: 20px;

}

.remove-coupon .btn-primary {

  background-color: transparent;

  color: var(--text-blue-color);

  font-size: 20px;

  text-align: left;

  padding: 0;

  display: inline-block;

  float: left;

  margin-right: 10px;

}

.coupon-code {

  display: inline-block;

  font-weight: 500;

  margin-top: 6px;

}

.rate s {

  color: var(--text-dark-grey-color);

  font-size: 10px;

}





/* ================================ */

/*===== Pro Tip =====*/

/* ================================ */

.protip-skin-default--scheme-pro.protip-container {

  height: auto !important;

  background-color: var(--background-white-bg-color) !important;

  box-shadow: 0 4px 16px rgba(20, 23, 28, .25) !important;

  padding: 15px !important;

  -webkit-border-radius: 2px !important;

  -moz-border-radius: 2px !important;

  border-radius: 2px !important;

}

.protip-content {

  border-radius: 2px !important;

  border: none;

}

.protip-skin-default--scheme-pro[data-pt-position="right-top"] .protip-arrow,

.protip-skin-default--scheme-pro[data-pt-position="bottom-right"] .protip-arrow,

.protip-skin-default--scheme-pro[data-pt-position="right"] .protip-arrow {

  border-right-color: var(--text-white-color) !important;

}

.protip-skin-default--scheme-pro[data-pt-position="left-top"] .protip-arrow,

.protip-skin-default--scheme-pro[data-pt-position="bottom-left"] .protip-arrow,

.protip-skin-default--scheme-pro[data-pt-position="left"] .protip-arrow {

  border-left-color: var(--text-white-color) !important;

}

.prime-description-block {

  display: none;

}

.movie-rating {

  color: #CCC;

  margin: 2px 0 1px;

  font-size: 12px;

  display: inline-block;

  font-weight: 700;

}

.protip-content .description-heading,

.prime-description-block .description-heading {

  font-size: 15px;

  font-weight: 600;

  margin-bottom: 5px;

  color: var(--text-black-color);

  margin-bottom: 15px;

}

.protip-content .description-heading {

  text-transform: capitalize;

}

.protip-content .description-list,

.prime-description-block .description-list {

  margin-bottom: 15px;

  color: var(--text-black-color);

}

.protip-content .description-list li:last-child,

.prime-description-block .description-list li:last-child {

  margin-right: 0;

}

.protip-content .description-list li,

.prime-description-block .description-list li {

  display: inline-block !important;

  float: left;

  color: var(--text-dark-grey-color);

  font-size: 12px;

  margin-right: 13px;

  font-weight: 500;

}

.protip-content .main-des,

.prime-description-block .main-des {

  margin-bottom: 15px;

}

/*.view-dtl .rate {

  position: absolute;

  top: 40%;

  right: 5px;

}*/

/*.view-dtl .rate ul {

  background: #0073A9;

  padding: 0 6px;

  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);

}

.view-dtl .rate ul li i {

  margin-right: 3px;

}*/

/*.tab-content .view-dtl .rate {

  top: 44%;

  right: 10px;

}*/

.img-wishlist {

  position: absolute;

  top: 0;

  right: 0;

}

.img-wishlist .protip-wishlist ul li {

  padding: 6px 0 2px;

}

.immi-slider-block {

  margin-right: 5px;

}

.protip-content .main-des p,

.prime-description-block .main-des p {

  font-size: 12px;

  letter-spacing: 0.2px;

  margin: 0;

  line-height: 1.2;

  color: var(--text-black-color);

}

.protip-content .product-main-des p,

.prime-description-block .product-main-des p {

  font-size: 13px;

  font-weight: 500;

  margin: 0;

  line-height: 1.2;

  margin-bottom: 20px;

  color: var(--text-black-color);

}

.protip-content .main-des a,

.prime-description-block .main-des a {

  margin-top: 3px;

  font-size: 12px;

}

.protip-content .des-btn-block .btn-default,

.des-btn-block .btn-default {

  display: block;

  margin-bottom: 5px;

  font-size: 13px;

  background-color: #515151;

  font-weight: 500;

  width: 100%;

  text-align: left;

}

.des-btn-block.des-in-list .btn-default {

  width: auto;

  display: inline-block;

}

.des-btn-block.des-in-list a {

  display: inline-block;

}

.des-btn-block.des-in-list a.btn-play {

  margin-right: 20px !important;

}

.des-btn-block.des-in-list a.btn-default {

  padding: 11px 19px;

  width: auto !important;

  margin: 5px 3px 0;

  font-size: 14px;

}

.btn-sm-play,

.des-in-list.des-btn-block a.btn-play {

  margin: 10px 0;

  font-size: 14px;

}

.btn-sm-play,

.des-in-list.des-btn-block a.btn-default {

  width: 20%;

  text-align: center;

  font-size: 14px;

  cursor: pointer;

}

a.btn-sm-play,

.des-in-list.des-btn-block a.btn-play,

.protip-content .des-btn-block a.btn-play {

  background-color: transparent;

  text-align: left;

  margin-bottom: 10px;

}

.btn-sm-play:hover,

.des-in-list.des-btn-block a.btn-play:hover,

.protip-content .des-btn-block a.btn-play:hover {

  background-color: transparent;

}

.btn-sm-play .play-btn-icon,

.des-in-list.des-btn-block .btn-play .play-btn-icon,

.protip-content .des-btn-block .btn-play .play-btn-icon {

  width: 46px;

  height: 46px;

  font-size: 14px;

}

.des-in-list.des-btn-block .btn-play .play-text,

.protip-content .des-btn-block .btn-play .play-text {

  font-size: 16px;

}

.video-player {

  z-index: -9;

  visibility: hidden;

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background-color: #000;

}

.video-js.movies-js {

  width: 100%;

  height: 100%;

}

.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {

  width: 5em !important;

  left: 50% !important;

}

.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item {

  margin: 0 !important;

  border-radius: 0 !important;

  border-bottom: 1px solid #000 !important;

  font-size: 13px !important;

}

.vjs-load-progress,

.vjs-progress-holder.vjs-slider.vjs-slider-horizontal,

.vjs-play-progress.vjs-slider-bar {

  border-radius: 4px !important;

}

.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item:hover,

.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected {

  background-color: #48A3C6 !important;

  color: var(--text-white-color) !important;

}

.preview-player-block {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin: 70px 0;

}

.video-js.episodes-js,

.playlist-container {

  position: relative;

  min-width: 300px;

  min-height: 150px;

  height: 100%;

}

.video-js.episodes-js {

  height: 550px;

  flex: 3 1 70%;

}



.protip-img {

  margin-bottom: 10px;

}

.about-home-btn form {

  margin-bottom: 0;

}



.protip-btn .btn-primary {

  padding: 10px 0;

  width: 100%;

  border-radius: 6px;

  font-weight: 200;

  font-size: 15px;

}

.protip-btn .btn-secondary {

  padding: 10px 0;

  width: 100%;

  border-radius: 6px;

  font-weight: 200;

  font-size: 15px;

  background: var(--background-blue-bg-color);

  color: var(--text-white-color);

}

.protip-btn .btn-secondary:hover {

  background-color: #003845;

  border: 1px solid #003845;

  color: var(--text-white-color);

}



.protip-wishlist ul li {

  /*display: inline-block;*/

  padding: 10px 10px 20px 5px;

}

.protip-wishlist ul li a {

  color: var(--text-white-color);

  font-size: 16px;

}

.protip-wishlist ul li i {

  font-size: 25px;

  vertical-align: bottom;

}

.protip-one i {

  -webkit-text-stroke: 1px #0073A9;

  color: var(--text-black-color);

}

.protip-one i:hover {

  color: #0073A9;

  background-color: transparent;

}



.protip-wishlist ul li {

  /*display: inline-block;*/

  padding: 10px 0;

}

.protip-wishlist ul li a {

  color: #0073A9;

  font-size: 16px;

}

.protip-wishlist ul li i {

  font-size: 18px;

  vertical-align: bottom;

  border: 1px solid #0073A9;

  padding: 5px;

  border-radius: 50px;

  background-color: #0073A9;

}

.protip-wishlist span:hover {

  color: #CACBCC;

}

.protip-wish-btn i {

  /*-webkit-text-stroke: 2px #0073A9;*/

  color: #FFF;

  cursor: pointer;

}

.protip-wish-btn i:hover {

  color: #0073A9;

}

.immi-slider-block .protip-wish-btn i {

  opacity: 0;

}

.immi-slider-block:hover .protip-wish-btn i {

  opacity: 1;

}

.genre-slide-image .protip-wish-btn i {

  opacity: 0;

}

.genre-slide-image:hover .protip-wish-btn i {

  opacity: 1
}

.protip-wish-btn-two {

  color: #0073A9;
  ;

  cursor: pointer;

}

.protip-wish-btn-two i {

  color: #0073A9;
  ;

}



input.razorpay-payment-button {

  color: var(--text-white-color);

  background-color: #0085BF;

  padding: 10px 80px;

  font-weight: 500;

  font-size: 15px;

  border: 1px solid transparent;

  border-radius: 5px;

}



.no-result-block {

  padding: 50px 0;

  color: var(--text-black-color);

  background-color: var(--background-light-grey-bg-color);

}

.no-result-courses {

  font-size: 16px;

}

.no-result-courses a {

  font-size: 16px;

}



.cart-no-result {

  -webkit-box-shadow: 0 0 2px #DEDFE0;

  justify-content: center;

  display: flex;

  flex-direction: column;

  align-items: center;

  height: 300px;

  margin-bottom: 30px;

  padding: 10px;

  text-align: center;

}

.cart-no-result i {

  margin-bottom: 20px;

  font-size: 120px;

  color: #e8e9eb;

}





.purchase-history-course-img {

  width: 100px;

}

/*.view-heading {

  height: 45px;

}*/

.notification-image img {

  width: 50px;

  height: 40px;

}

.unread-notification {

  background-color: #E8E9EB;

}

.update-password label {

  font-size: 16px;

}

.update-password input {

  width: 18px;

  height: 18px;

  vertical-align: middle;

}

.payment-gateways .panel-title img {

  height: 25px;

  width: 80px;

  margin-left: 15px;

}

.answer-block {

  border-bottom: 1px solid #ced4da;

  padding: 8px;

}

.student-feedback .student-feedback-heading {

  margin-bottom: 0;

}

.review-dtl .review-rating {

  margin-bottom: 10px;

}

.helpful form {

  margin-top: 10px;

}

.more-courses .student-view-block {

  margin-bottom: 20px;

}

.instructor-main-block .home-dtl,

.instructor-main-block .home-btn {

  text-align: right;

}

.instructor-main-block .modal {

  text-align: left;

}

.yes-submitted {

  color: #00A65A;

}

.no-rating {

  vertical-align: top;

}

.view-block .heart-two {

  margin-top: -15px;

}

.featured-review-block .review-img-name {

  margin-bottom: 5px;

}

.featured-review-block .featured-review-img-dtl .pull-left {

  /*margin-bottom: 5px;*/

}

.card-body .class-type {

  width: 28%;

}

.card-body .class-name {

  width: 600px;

}

.card-body .class-size {

  width: 150px;

}

.business-home-slider-img img {

  width: 480px;

  height: 240px;

}

.rating .pull-left p {

  margin-bottom: 0;

}

.categories-popularity-dtl .rating {

  margin-bottom: 0;

}

.update-password .box1 {

  font-size: 20px;

}

.faq-detail-main-block {

  padding: 40px 30px;

  background-color: #F6F7FC;

}

.privacy-policy-block {

  padding: 40px 30px;

  background-color: #F6F7FC;

}



/*player css*/

.player-course-chapter {

  background-color: #999999;
  padding: 0px;
  margin: 0px;

}

.player-course-chapter-list {

  position: relative;
  left: 1000px;
  top: 5000px;
  color: var(--text-white-color)FFF;

}

/* end player css*/



.alert-success {

  text-align: center;
  z-index: 1;
  margin-top: 5px;

}

.alert-danger {

  text-align: center;
  z-index: 1;
  margin-top: 5px;

}

.class-icon {

  width: 50px;

}

.google a.btn.btn-white {

  background-color: #DB4A39;

  color: var(--text-white-color);

  box-shadow: none;

}

.cart-course-detail {

  margin-left: 15px;

}

.list-group-item b {

  font-weight: 600;

  font-size: 14px;

}

.available-coupon ul li {

  font-size: 12px;

  margin-bottom: 10px;

  border: 1px dashed var(--text-blue-color);

  padding: 7px;

  text-align: center;

}

.class-nav-block {

  padding: 15px 10px 10px;

  background-color: #11253e;

  color: var(--text-white-color);

}

.class-nav-heading {
  font-size: 20px;
  margin-bottom: 10px;
  padding: 5px;

  color: #f79a1c;
  font-weight: 500;
  text-align: center;
}

.class-button {

  margin-top: 7px;

  text-align: right;

  justify-content: flex-end;

}

.class-button ul li {

  display: inline-block;

  margin-bottom: 10px
}

.class-button ul li a {

  border: 1px solid #fff;

  padding: 10px 15px;

  color: #fff;

  border-radius: 6px;

}

.class-button ul li a:hover {
  border: 1px solid #11253e;
  padding: 10px 15px;
  color: #11253e;
  background: white;
}


.class-logo {

  display: inline-block;

  float: left;

  width: 30px;

  height: 30px;

  margin-right: 10px;

  padding: 10px 0;

}

.learning-contact-block .section {

  display: inline-block;

  float: left;

  margin-right: 10px;

}

.author-tag {

  display: inline-block;

  margin-left: 10px;

  background-color: #999;

  color: var(--text-white-color);

  padding: 4px 4px 3px;

  border-radius: 3px;

  font-size: 9px;

  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 0.2px;

}

.announsment-text {

  padding: 15px;

}

@media (max-width: 567px) {

  .class-nav-block .class-nav-heading {

    margin-bottom: 20px;

  }

  .class-button {

    text-align: left;

  }

  .class-nav-block .class-button ul li {

    margin-bottom: 30px
  }

}



/* ============================== */

/*===== Course Quiz  =====*/

/* ============================== */

.quiz-main-block {

  padding: 40px 0;

}

.quiz-main-block .card {

  position: relative;

  margin: .5rem 0 1rem 0;

  background-color: var(--background-white-bg-color);

  box-shadow: 0 0 6px 2px rgba(20, 23, 28, 0.1);

  -webkit-transition: -webkit-box-shadow .25s;

  transition: -webkit-box-shadow .25s;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  border-radius: 30px;
  border: 1px solid #125886;
  overflow: hidden;

}

.quiz-main-block .card .card-content {

  padding: 14px;

  border-radius: 0 0 2px 2px;

  background-color: var(--background-white-bg-color);
  min-height: 240px;

}

.practiceCard {
  display: flex;
  border-top: none !important;
  gap: 10px;
  /* padding: 10px; */
}

.btn-block+.btn-block {
  margin-top: 0 !important;
}

.dark-text {

  color: var(--text-light-grey-color);

}

.quiz-main-block .card .card-content .card-title {

  display: block;

  line-height: 32px;

  margin-bottom: -15px;

  font-size: 22px;

}

.quiz-main-block .card .card-content .card-title {
  color: #1871ac;
  font-weight: 600;
}

.quiz-main-block .card .card-content p {

  margin: 0;

  color: var(--text-light-grey-color);

  font-size: 14px;
  margin-top: 10px;


}

.quiz-main-block .card .card-action:last-child {

  border-radius: 0 0 2px 2px;

}

.quiz-main-block .card .card-action {

  position: relative;

  border-top: 1px solid rgba(160, 160, 160, 0.4);

}

button#markReview:active {
  color: #ffffff;
}

.desEdit {
  text-align: left;
  font-size: 16px;
  font-weight: 400;
}

.headEdit {
  text-transform: capitalize;
}

.practiceBtn {
  background: #11527c;
  padding: 10px !important;
}

.quiz-main-block .card .card-action a {

  color: var(--text-light-grey-color);
  color: white;
  font-weight: 600;

}

.topic-detail {

  margin-top: 13px;

  list-style-type: none;

  -webkit-padding-start: 0;

}

.topic-detail li {

  margin-bottom: 6px;

  position: relative;

  margin-right: -15px;

}

.topic-detail li .fa {

  position: absolute;

  right: 0;

  top: 3.5px;

  color: #424242;

}

.result-table {

  margin: 40px 0;

}

.question-block-tabs {

  padding: 20px 0;

}

.question-block-tabs .tab-content {

  padding: 20px 0;

}

.main-block-heading {

  font-size: 40px;

  text-transform: uppercase;

}

.quiz-main-block-two {

  padding: 50px 150px;

  background-color: var(--background-grey-bg-color);

}

.btn_block {

  margin-top: 50px;

  text-align: center;

  margin-left: -15px;

}

.btn_block .btn {

  padding: 10px 50px;

  font-size: 18px;

  font-weight: 600;

  letter-spacing: 1px;

}

#question_block {

  padding: 10px 0 30px;

}

.question {

  margin-bottom: 15px;

}

.myQuestion {

  display: none;

}

.myQuestion.active {

  display: block;

}

.myQuestion blockquote {

  margin: 20px 0 32px;

}

.myQuestion form {

  margin-left: 5px;

}

.myQuestion input {

  margin-bottom: 15px;

}

.myQuestion span:nth-child(odd) {

  color: black;

}

.myQuestion span {

  font-size: 16px;

  margin-left: 5px;

}

.myQuestion .btn-block {

  margin: 25px 20px 0 10px;

  font-weight: 600;

  font-size: 17px;

  letter-spacing: 2px;

  padding: 4px 0;

}

.myQuestion .code {

  background-color: #f1f1f1;

  padding: 12px;

}

#clock span {

  margin-top: 4px;

  color: var(--text-white-color);

  font-size: 22px;

  letter-spacing: 3px;

  font-weight: 600;

}

.quiz-main-block-two .jumbotron {

  background-color: var(--background-white-bg-color);

  box-shadow: 0 2px 8px 2px rgba(20, 23, 28, 0.2);

}

.quiz-main-block-two .jumbotron label {

  display: block;

  margin-bottom: 10px;

}

.quiz-main-block-two input[type="radio"] {

  margin-right: 10px;

}

.finish-main-block {

  padding: 40px 0;

  background-color: #F2F3F5;

}

.finish-main-block table {

  background-color: var(--background-white-bg-color);

}

.learning-business-two {

  margin-left: -20px
}



.learning-quiz-null {

  padding: 90px 300px;

}

@media (max-width: 992px) {

  .quiz-main-block-two {

    padding: 50px 0;

  }

  .learning-quiz-null {

    padding: 90px 50px;

  }

  .small-screen-dashboard li i {

    margin-right: 10px;

  }

}



#cboxTitle {

  display: none !important;

}

.download-logo {

  margin-top: 50px;

  width: 100px;

}

.quiz-nav-bar-block {

  background: var(--background-black-bg-color);

  color: var(--text-white-color);

  padding: 20px 0;

}

.quiz-nav-bar-block .heading {

  color: var(--text-white-color);

  margin-bottom: 0;

}



.course-cirtificate {

  padding: 60px 0;

  background-color: var(--background-grey-bg-color);

}

.recipient-block {

  background-color: var(--background-white-bg-color);

  padding: 10px;

  margin-bottom: 20px;

}

.img-circle {

  border-radius: 100%;

}

.download-btn .btn-secondary {

  color: var(--text-blue-color);

  border: 1px solid var(--text-blue-color);

  width: 100%;

}

.download-btn .btn-secondary:hover {

  color: #003845;

  border: 1px solid #003845;

}



.cirtificate-border-one {

  font-family: "Times New Roman", Times, serif;

  border: 15px groove var(--text-blue-color);

  padding: 10px;

  /* background-color: var(--background-white-bg-color); */



}

.cirtificate-border-two {

  border: 5px double var(--text-blue-color);

  padding: 10px;

}

.cirtificate-heading {

  font-size: 50px;

  font-weight: bold;

  font-style: italic;

  margin-bottom: 20px;

}

.cirtificate-detail {

  margin-bottom: 20px;

  font-size: 30px;

}

.cirtificate-instructor {

  font-family: 'Great Vibes', cursive;

  font-size: 20px;

  /*border: 1px solid #000;*/

  margin: 0 auto;

  text-align: center;

}

.cirtificate-logo img {

  width: 150px;

}



.protip-whatlearn ul li {

  margin-bottom: 10px;

  margin-left: 20px;

  color: var(--text-dark-grey-color);

  font-size: 13px;

}

.protip-whatlearn i {

  margin-right: 20px;

  color: var(--text-dark-grey-color);

  font-size: 10px;

  display: inline-block;

  width: 1em;

  margin-left: -1.5em;

  margin-right: .5em;

  text-indent: .5em;

  text-align: right;

  direction: rtl;

}



.course-duration {

  color: var(--text-dark-grey-color);

  font-size: 14px;

}

.device-btn {

  display: inline-block;

}

.device-btn .btn-primary {

  padding: 15px 25px;

}

.rating p {

  margin-bottom: 0;

}

.finish-btn .btn-secondary {

  padding: 20px 25px;

  font-size: 15px;

}

.live-class {

  color: #0073A9;
  ;

  font-size: 14px;

  display: inline-block;

}

.meeting-owner {

  text-transform: lowercase;
  ;

}

.amazon-button .btn-info {

  color: #000;

  background-color: #FF9900;

  border: 1px solid #FF9900;

}

.amazon-button .btn-info:hover {

  color: #000;

  background-color: #FF9900;

  border: 1px solid #FF9900;

}



.course-check-table .table td,

.course-check-table .table th {

  padding: none;

  vertical-align: top;

  border-top: none;

}



.progress-block .progessCount strong {}

.progress-block .progessCount span {}

.progress-block .progessCount {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 30%;
}

.progress-block .bar-block {

  margin-right: 10px;

  color: black;

  display: block;

  float: unset;

  /*width: 100%;*/

  background-color: #F2F3F5;

  position: unset;

  margin-bottom: 0;

  border-radius: 5px;

}

.progress-block .bar {

  padding: 2px;

  display: block;

  height: 10px;

}

.progress-block .histo-rate {

  clear: both;

  display: flex;
  align-items: center;

  width: 95%;

}

.profile-block .table {

  margin-bottom: 0 !important;

}

.course-check-table .table td,

.course-check-table .table th {

  padding: 12px 12px 12px 5px;

  vertical-align: top;

  border-top: none;

}

.mycourse-progress .progress {

  height: 6px;

}

.mark-read-button .btn-primary {

  padding: 10px;

}

.assignment-main-block {

  padding: 40px 0;

}





.assignment-main-block .wrapper {

  text-align: -webkit-center;

}

.assignment-main-block .wrapper .file-upload {

  height: 100px;

  width: 100px;

  border-radius: 100px;

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  border: 4px solid #FFFFFF;

  overflow: hidden;

  background-image: linear-gradient(to bottom, #0085BF 50%, #FFFFFF 50%);

  background-size: 100% 200%;

  transition: all 1s;

  color: var(--text-white-color);

  font-size: 100px;

}

.assignment-main-block .wrapper input[type='file'] {

  height: 100px;

  width: 100px;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  cursor: pointer;

}

.assignment-main-block .wrapper :hover {

  background-position: 0 -100%;

  color: #2590EB;

}

.assignment-main-block .wrapper i {

  font-size: 30px;

}

.assign-tab-one ul li {

  display: block;

  font-size: 13px;

  color: #4A4A4A;

}

.assignment-tab-block .categories-block i {

  margin-right: 5px;

  font-size: 14px;

}



/* ============================== */

/*===== instructor-profile  =====*/

/* ============================== */

.instructor-profile .instructor-block {

  font-weight: 600;

}

.instructor-profile .instructor-small-heading {

  font-size: 14px;

  color: #73726C;

  text-transform: uppercase;

  font-weight: 900;

}

.instructor-profile .instructor-block h1 {

  font-weight: 800;

  color: #3C3B37;

  font-family: 'roboto', sans-serif;

  margin-bottom: 0;

}

.instructor-profile .instructor-block .sub-heading {

  font-size: 16px;

  color: #3C3B37;

  padding: 8px 0;

}

.instructor-profile .instructor-business-block {

  margin-top: 24px;

  display: flex;

}

.instructor-profile .instructor-student {

  margin-right: 24px;

}

.instructor-profile .total-students {

  color: #73726C;

  margin-bottom: 8px;

  font-size: 14px;

}

.instructor-profile .total-number {

  font-size: 20px;

}

.instructor-profile .about-instructor .heading {

  padding: 48px 0 16px;

  font-size: 19px;

  font-weight: 700;

}

.instructor-profile .about-instructor-dtl {

  font-size: 16px;

  color: #3C3B37;

}

.instructor-profile .instructor-img {

  margin-bottom: 30px;

  text-align: center;

}

.instructor-profile .instructor-img img {

  border-radius: 50%;

  width: 250px;

  height: 250px;

}

.instructor-profile .instructor-link ul {

  /*display: flex;

    flex-direction: column;

    width: 200px;

    margin: 0 auto;*/

  text-align: center;

}

.instructor-profile .instructor-link ul li {

  text-align: center;

  border: 1px solid #DCDACB;

  border-radius: 100%;

  padding: 11px 0;

  display: inline-block;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

  width: 50px;

  height: 50px;

}

.instructor-profile .instructor-link ul li:hover {

  border: 1px solid #C3C0A6;

}

.instructor-profile .instructor-link ul li i {

  margin-right: 10px;

}

.instructor-profile .moretext {

  display: none;

}

.instructor-profile .about-instructor {

  margin-bottom: 20px;

}

.instructor-profile .about-instructor p {

  font-weight: 400;

  font-size: 16px;

}

.instructor-profile .instructor-main-block .section {

  margin-bottom: 30px;

}

.instructor-profile .moretext ul li {

  font-weight: 400;

}

.instructor-profile .instructor-block .moreless-button {

  font-size: 14px;

}

.instructor-profile .article {

  overflow: visible;

  max-height: none !important;

  /*-webkit-mask-image: linear-gradient(#fff, #fff, rgba(255,255,255,0));*/

}

@media (min-width: 576px) and (max-width: 767px) {

  .container {

    max-width: 96%;

  }

}







/* ============================== */

/*===== Responsive  =====*/

/* ============================== */

@media (min-width: 992px) and (max-width: 1199px) {

  .nav-search .form-control {

    width: 174px;

  }

  .nav-search form {

    margin-left: 20px;

  }

  .nav-bar-main-block .logo a img {

    width: 85px;

    padding: 10px 0;

  }

}

@media (min-width: 576px) and (max-width: 767px) {

  .learning-courses-home-video .btn-video-play i {

    top: 107%;

    left: 6%;

  }

}

@media (min-width: 476px) and (max-width: 576px) {

  nav {

    margin-left: -10px;

  }

  .nav-tabs {

    width: 542px;

  }

  .learning-courses-about-main-block .nav-tabs .nav-item.show .nav-link,

  .learning-courses-about-main-block .nav-tabs .nav-link {

    width: 16%;

  }

}

@media (max-width: 450px) {

  .learning-courses-about-main-block .nav-tabs .nav-item.show .nav-link,

  .learning-courses-about-main-block .nav-tabs .nav-link {

    width: 40%;

  }

  .profile-heading-two {

    font-size: 11px;

  }

  .progress-block .histo-rate {

    width: 88%;

  }

}



.instructor-profile .student-view-block {

  margin-bottom: 20px;

}

.instructor-profile .about-instructor ul li i {

  margin-right: 0;

}

.linkedin-button .btn-info {

  color: var(--text-white-color);

  background-color: #0E76A8;

  border: 1px solid #0E76A8;

}

.linkedin-button .btn-info:hover {

  color: var(--text-white-color);

  background-color: #084461;

  border: 1px solid #084461;

}

.twitter-button .btn-info {

  color: var(--text-white-color);

  background-color: #1bb2e9;

  border: 1px solid #1bb2e9;

}

.twitter-button .btn-info:hover {

  color: var(--text-white-color);

  background-color: #1B8EB8;

  border: 1px solid #1B8EB8;

}

.certificate-button .btn-secondary {

  padding: 8px;

  border-radius: 6px;

  background-color: transparent;

  color: #95979a;

  border: 1px solid #95979a;

}

.certificate-button .btn-secondary:hover {

  border-radius: 0;

  color: var(--text-white-color);

  border: 1px solid #FFF;

}

.btn-secondary:not(:disabled):not(.disabled).active,

.btn-secondary:not(:disabled):not(.disabled):active,

.show>.btn-secondary.dropdown-toggle {

  color: #95979a;

  background-color: #262424;

  border-color: #95979a;

  border-radius: 0;

}

.btn-secondary:not(:disabled):not(.disabled).active:focus,

.btn-secondary:not(:disabled):not(.disabled):active:focus,

.show>.btn-secondary.dropdown-toggle:focus {

  box-shadow: none;

}

.certificate-button .dropdown-menu {

  padding: 0 0;

}

.certificate-button .about-home-btn .btn-secondary {

  font-size: 14px;

  border: 1px solid var(--text-blue-color);

}

.certificate-button .about-home-btn .btn-secondary {

  font-size: 14px;

  border: 1px solid #003845;

}





/* ============================== */

/*===== Promo Bar  =====*/

/* ============================== */

#promo-outer {

  width: 100%;

  height: auto;

  background: var(--background-blue-bg-color);

  box-shadow: 0 5px 10px gray(#505050, 15%);

  display: block;

}

#promo-inner {

  color: var(--text-white-color);

  text-align: center;

  line-height: 25px;

  padding: 10px 5px 15px;

}

#promo-inner a {

  color: var(--text-white-color);

  text-align: center;

  text-decoration: underline;

}

#close {

  float: right;

  padding-right: 20px;

  color: var(--text-white-color);

  font-weight: bolder;

  cursor: pointer;

}

#promo-tab {

  background: gray;

  color: #505050;

  padding: 10px 20px;

  text-align: center;

  font-weight: bolder;

  position: fixed;

  top: 0;

  right: 10px;

  border: 1px solid darken(gray, 10%);

  border-bottom-right-radius: 5px;

  border-bottom-left-radius: 5px;

  cursor: pointer;

}



.koh-faqs-page-title {

  font-size: 30px;

  color: #04202E;

  font-weight: 700;

}

.koh-faq-question-span {

  font-size: 14px !important;

  color: var(--text-blue-color) !important;

  display: inline-block;

}

.koh-faq-answer {

  color: var(--text-black-color);

  font-weight: 400;

  display: none;

}

.koh-tab-content .icon {

  font-size: 10px;

  padding-right: 5px;

}

.koh-tab-content .fa {

  font-size: 14px;

  color: var(--text-blue-color) !important;

  margin-left: 7px;

  vertical-align: top;

}

.koh-tab-content .fa.active {

  transform: rotateZ(180deg);

  vertical-align: text-bottom;

}



.koh-faq-answer {

  background-color: transparent !important;

}





.nav-bar-main-block .logo .img-fluid {
  max-width: 100%;
  height: 100%;
  object-fit: scale-down;
  width: auto;
}

.nav-wishlist .fa-search {

  color: #0073A9;
  ;

  -webkit-text-stroke: 1px transparent;

  padding: 13px 13px 12px;

}

.Login-btn .nav-wishlist {

  margin-right: 30px;

}



/*-------------------------------*/

/*       search         */

/*-------------------------------*/

#find {

  position: fixed;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 1);

  z-index: 999999;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  -ms-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

  -webkit-transform: translate(0px, -100%) scale(0, 0);

  -moz-transform: translate(0px, -100%) scale(0, 0);

  -o-transform: translate(0px, -100%) scale(0, 0);

  -ms-transform: translate(0px, -100%) scale(0, 0);

  transform: translate(0px, -100%) scale(0, 0);

  opacity: 0;

}

#find.open {

  -webkit-transform: translate(0px, 0px) scale(1, 1);

  -moz-transform: translate(0px, 0px) scale(1, 1);

  -o-transform: translate(0px, 0px) scale(1, 1);

  -ms-transform: translate(0px, 0px) scale(1, 1);

  transform: translate(0px, 0px) scale(1, 1);

  opacity: 1;

}

#find input[type="find"] {

  position: absolute;

  top: 50%;

  left: 28%;

  width: 100%;

  color: rgb(255, 255, 255);

  background: rgba(0, 0, 0, 0);

  font-size: 20px;

  font-weight: 300;

  border: 0px;

  margin: 0px auto;

  outline: none;

  width: 600px;

  text-align: center;

}

#find .btn {

  position: absolute;

  top: 60%;

  left: 0%;

  right: 0;

  margin: 0 auto;

  color: #444;

  background: #F2F2F2;

}

#find .close {

  position: fixed;

  top: 15px;

  right: 45px;

  color: var(--text-white-color);

  opacity: 0.7;

  padding: 10px 1px;

  font-size: 40px;

  z-index: 99999;

  font-weight: 400;

  -webkit-transform: translate(0px, 0px) scale(1, 1);

  -moz-transform: translate(0px, 0px) scale(1, 1);

  -o-transform: translate(0px, 0px) scale(1, 1);

  -ms-transform: translate(0px, 0px) scale(1, 1);

  transform: translate(0px, 0px) scale(1, 1);

}

.appointment-main-block {

  padding: 40px 0;

}

.appointment-main-block ul li a {

  font-size: 13px;

  color: var(--text-blue-color);

  font-weight: 400;

}



.categories-dtl {

  position: absolute;

  bottom: 40px;

  left: 40px;

}

.categories-heading a {

  margin-right: 10px;

}

.categories-subheading a {

  font-weight: 800;

  font-size: 20px;

}

.programmer {

  font-size: 15px;

  font-weight: 600;

}

/*-------------------------------*/

/*     side navigation humburger   */

/*-------------------------------*/

/*-------------------------------*/

.sidenav {

  height: 100%;

  width: 0;

  position: fixed;

  z-index: 9999999;

  top: 0;

  left: 0;

  background-color: var(--background-white-bg-color);

  overflow-x: hidden;

  transition: 0.5s;

  padding-top: 13px;

  box-shadow: 0 2px 8px 2px rgba(20, 23, 28, 0.2);

}

.sidenav a {

  padding: 8px 8px 5px 20px;

  text-decoration: none;

  font-size: 16px;

  display: block;

  transition: 0.3s;

}

.sidenav a:hover {

  color: var(--text-blue-color);

}

.sidenav .closebtn {

  position: absolute;

  top: 0;

  right: 25px;

  font-size: 36px;

}

@media screen and (max-height: 450px) {

  .sidenav {
    padding-top: 15px;
  }

  .sidenav a {
    font-size: 18px;
  }

}

@media (min-width: 993px) {

  .fullscreen-search-block {

    display: none;

  }

}

@media (max-width: 992px) {



  #find input[type="find"] {

    text-align: center;

    left: 0;

    right: 0;

    width: 100%;

  }

  .hamburger {

    left: 20px;

    margin-right: 20px;

  }

  .shopping-cart {

    float: right;

    right: 10px;

    display: inline-flex;

  }

  .nav-search.nav-wishlist {

    right: -8px;

    top: -5px;

    float: right;

    display: inline-flex;

  }

  .nav-wishlist {

    right: 12px;

    top: -6px;

    float: right;

    display: inline-flex;

  }

  #notification_li span {

    left: 21px;

    top: 11px;

  }

  #notificationContainer {

    top: 41px;

    left: -147px;

  }

  #notificationContainerr {

    top: 41px;

    left: -147px;

    width: 290px;

  }

  #notificationContainerr:before {

    border-color: transparent transparent var(--text-black-color);

    margin-left: 141px;

  }



  /* ...................    */

  .fullscreen-search-block .btn-secondary,

  .fullscreen-search-block .btn-primary {

    text-align: left;

    background: transparent;

    border: 1px solid transparent;

    color: var(--text-blue-color);

  }

  .fullscreen-search-block .btn-secondary:hover,

  .fullscreen-search-block .btn-primary:hover {

    color: #003845;

    background: transparent;

    border: 1px solid transparent;

  }

  .sub-cat {

    padding: 5px 20px;

    font-size: 12px;

  }

  .learning-business {

    margin-bottom: 0;

  }

  .learning-business a {

    text-align: left;

  }

  .notification-after {

    left: 109px;

  }

  .my-container {

    justify-content: left;

  }

  .learning-business .btn-link {

    padding: 8px 18px 5px;

  }

  .shopping-cart i {

    padding: 6px 9px 7px 16px;

  }

  .my-dropdown {

    width: auto;

    margin-left: 15px;

  }

  #notificationTitle {

    padding: 14px 0 14px 15px;

  }

  #notificationFooter {

    text-align: left;

    background: transparent;

    padding: 0 22px;

    border-top: 0;

  }

  .dropdown-menu-right {

    width: 240px;

  }

  .sidenav .login-block {

    margin-bottom: 10px;

    padding-bottom: 3px;

    border-bottom: 1px solid #DEDFE0;

  }

  .fullscreen-search-block .logo {

    text-align: center;

    display: inline-flex;

    vertical-align: bottom;

  }

  .fullscreen-search-block .nav-bar-main-block .logo .img-fluid {

    height: 30px;

    margin-top: -10px;

  }

  /*.nav-bar-main-block .wrapper .panel-title a[aria-expanded="false"]:after {

    position: absolute;

    content: "\f107";

    font-family: fontawesome;

    right: 15px;

    color: var(--text-blue-color);

    text-align: center;

    font-size: 20px;

    line-height: 23px;

  }

  .nav-bar-main-block .wrapper .panel-title a[aria-expanded="true"]:after {

    position: absolute;

    content: "\f106";

    font-family: fontawesome;

    right: 15px;

    color: var(--text-blue-color);

    text-align: center;

    font-size: 20px;

    line-height: 16px;

  }*/

  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev {

    display: none;

  }

  /* ...................    */

  .smallscreen-search-block {

    display: none;

  }

}

@media (min-width: 767px) and (max-width: 992px) {

  .width-30 {

    width: 16%;

  }

}

@media (max-width: 576px) {

  .width-30 {

    width: 30%;

  }

}

.wrapper {

  width: 100%;

  margin-bottom: 10px;

  padding-bottom: 3px;

}

.nav-bar-main-block .panel-heading {

  padding: 0;

  border: 0;

}

.nav-bar-main-block .panel-title>a,

.nav-bar-main-block .panel-title>a:active {

  display: block;

  padding: 8px 20px;

  color: var(--text-black-color);

  font-size: 13px;

  font-weight: 500;

  text-transform: uppercase;

  text-align: left;

}

.nav-bar-main-block .panel-title {

  margin-bottom: 5px;

}

.course-cirtificate .rate,

.about-instructor .rate,

.about-product-main-block .student-view-block .rate {

  right: 22px;

}

.about-instructor .rate ul li {

  margin-bottom: 0;

}



/*start css toggle products section products grid-view*/

.view {

  /*text-align: right;*/

  padding: 5px;

  margin-bottom: 20px;

}

.view i {

  cursor: pointer;

  font-size: 22px;

}

.view i.selected {

  color: var(--text-blue-color);

}

.prod {

  margin: 20px auto;

  overflow: hidden;

}

.prod.grid-view .item {

  border: 1px solid #FFF;

  border-radius: 6px;

  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%);

  margin-bottom: 20px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.prod.grid-view .item h3 {

  color: #615E5E;

  margin: 0;

}

.prod.grid-view .item .date {

  color: #888;

  font-size: 12px;

  padding: 2px 0;

  display: block
}

.prod.grid-view p {

  color: #333;

}



.prod .best-seller-one {

  position: relative;

  top: -180px;

}



/*start css toggle products section products list-view*/

.prod.list-view .item {

  background-color: var(--background-white-bg-color);

  position: relative;

  overflow: hidden;

  min-height: 100px;

  margin: 5px 5px 20px 5px;

  box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);

}

.prod.list-view .item h3 {

  color: #615E5E;

  margin: 0;

  position: absolute;

  left: 220px;

}

.prod.list-view .item .date {

  color: #888;

  font-size: 12px;

  padding: 2px 0;

  position: absolute;

  left: 220px;

  bottom: 70px;

}

.prod.list-view .item img {

  background-color: var(--background-white-bg-color);

  width: 200px;

  height: 150px;

}

.prod.list-view p {

  color: #333;

  padding: 10px 0;

  margin: 0;

  left: 220px;

  top: 40px;

}

.prod.list-view .view-heading {

  color: #333;

  position: absolute;

  padding: 10px 0;

  margin: 0;

  left: 220px;

  top: 10px;

}

.prod.list-view .categories-popularity-dtl {

  color: #333;

  position: absolute;

  padding: 10px 0;

  margin: 0;

  left: 220px;

  top: 30px;

}

.prod.list-view .rate-grid {

  position: absolute;

  padding: 10px 0;

  margin: 0;

  left: 220px;

  top: 100px;

}

.prod.list-view .rate-grid ul {

  display: inline-block;

}



@media (max-width: 576px) {

  .prod.grid-view .item {

    width: 100%;

  }

}



@media (min-width: 567px) and (max-width: 992px) {

  .prod.grid-view .item {

    width: 47%;

  }

}



.sidebar-nav-icon ul a li {

  color: var(--text-dark-grey-color);

}

.sidebar-nav-icon ul a li i {

  margin-right: 8px;

}

.chapter-total-time {

  text-align: right;

  font-size: 13px;

}



.about-home-product .nav-search .form-control {

  padding: 13px 0 13px 21px;

  color: var(--text-black-color);

  border-radius: 0;

  border: none;

  background-color: var(--background-grey-bg-color);

  display: inline-block;

  float: left;

  width: 715px;

}



.about-home-product .nav-search {

  margin-bottom: 20px;

}



@media (max-width: 576px) {

  .about-home-product .nav-search .form-control {

    width: 200px;

  }

  .instructor-main-block {

    padding: 30px 0;

  }

}



@media (min-width: 567px) and (max-width: 992px) {

  .about-home-product .nav-search .form-control {

    width: 350px;

  }

  .instructor-main-block {

    padding: 30px 0;

  }

}



.review-table .table tr {

  border: none;

}

.money-back-days {

  font-size: 12px;

  font-weight: 400;

  margin-bottom: 10px;

}

/* ====================================== */

/*======== Refund History  ========*/

/* ===================================== */

.refund-main-block {

  padding: 60px 0;

}

.profile-block .second-accordion .card-header button.btn {

  padding: 0 5px !important;

}





.ip-block-main-block {

  padding: 70px 0;

}

.progress-block .bar-clr {

  background-color: #0085BF;

}

.assignment-delete-block form {

  margin-bottom: 0;

  display: inline-block;

}

.assignment-tab-block table {

  width: 100%;

}

.assignment-tab-block .categories-block {

  padding: 10px 10px 10px;

}



.assign-remove-btn {

  border: none;

  background-color: transparent;

  font-size: 13px;

  color: var(--text-blue-color);

  font-weight: 400;

  padding: 0;

  cursor: pointer;

}

.assign-remove-btn i {

  font-size: 5px;

}

.assignment-tab-block i.fas.fa-trash-alt {

  font-size: 14px;

  color: #14171C;

}

.about-home-dtl-training .nav-search .btn-primary {

  background: var(--background-blue-bg-color);

  color: var(--text-white-color);

}

/* ====================================== */

/*======== Style changes  ========*/

/* ===================================== */

#find input[type="find"] {

  left: 0;

  right: 0;

}

#find .btn {

  background: #0085BF;

  border: 1px solid #0073A9;

  color: var(--text-white-color);

  padding: 15px 30px;

}

.categories-tab-dtl:hover {

  background: #FA8638;

}

#find .btn:hover {

  background: #FA8638;

  border: 1px solid #FA8638;

}

.categories-tab-block i {

  -webkit-text-stroke: 1px var(--text-white-color);

}

.categories-tab-block a {

  color: var(--text-white-color);

}

.view-button .btn-secondary {

  padding: 2px 10px;

}

.categories-tab-main-block {

  background: #0073A9
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {

  border-radius: 100%;

  font-size: 16px;

  width: 40px;

  height: 40px;

  line-height: 30px;

}

.student-main-block .owl-carousel .owl-nav button.owl-prev,
.student-main-block .owl-carousel .owl-nav button.owl-next {

  top: 40%;

}

.owl-carousel .owl-nav button.owl-next {

  margin-left: 101%;

}

.owl-carousel .owl-nav button.owl-prev {

  margin-left: -50px;

}

.learning-work-icon {
  background-color: #fff;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-main-block {

  position: relative;

  background: #161616 !important;

}

.footer-main-block hr {

  border-top: 1px solid #fff;

}

.copyright-social a,

.logo-footer ul li,

.footer-link a,

.widget {

  color: var(--text-white-color);

}

.copyright-social a:hover,

.footer-link a:hover {

  opacity: 0.7;

}

.together-img .heart {

  opacity: 0;

  -webkit-text-stroke: 2px #0073A9;

}

.together-img .heart i {

  color: transparent;

  font-size: 25px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.together-img .heart:hover i {

  color: #0073A9;
  ;

}

.together-img:hover .heart {

  opacity: 1;

}



.testimonial-main-block {

  background-color: var(--background-white-bg-color);

}

.testimonial-block {

  background-color: #FFF;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  border: 2px solid transparent;

  border-radius: 6px;

  margin-top: 70px;

  margin-bottom: 20px;

  margin-left: 20px;

  margin-right: 20px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.testimonial-block p {

  font-size: 12px;

  margin-bottom: 5px;

  text-align: left;

  color: var(--text-dark-grey-color);

}

.product-learn-dtl [class^="flaticon-"]:before,

.product-learn-dtl [class*=" flaticon-"]:before,

.product-learn-dtl [class^="flaticon-"]:after,

.product-learn-dtl [class*=" flaticon-"]:after {

  font-size: 16px;

  margin-left: 0;

  margin-right: -5px;

}

.blog-slider-block {

  padding: 20px;

  border-radius: 10px;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  background-color: #FFF;

  margin: 10px 20px 30px 20px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.blog-slider-block:hover {

  box-shadow: 0 4px 20px #DEDFE0;

}

.footer-logo img {
  margin-bottom: 0;
  object-fit: contain;
  width: 35%;
}

p.foottextquote {
  font-size: 16px;
  padding-left: 15px;
  margin-top: 5px;

}

.footer-dropdown .a {

  color: var(--text-white-color);

  border: none;

}

.blog-main-block .owl-carousel .owl-nav button.owl-prev {

  margin-left: 0 !important;

}

.blog-main-block .owl-carousel .owl-nav button.owl-next {

  margin-left: 96.8% !important;

}











.about-transforming-main-block .nav-tabs {

  display: none;

}

.about-transforming-main-block .tab-img {

  width: 100%;

  height: 120px;

  object-fit: cover;



}

@media (min-width: 768px) {

  .about-transforming-main-block .nav-tabs {

    display: flex;

    flex-flow: column nowrap;

  }

  .about-transforming-main-block .nav-tabs {

    border-bottom: none;

    border-right: inherit;

    display: flex;

  }

  .about-transforming-main-block .nav-tabs {

    margin: 0 15px;

  }

  .about-transforming-main-block .nav-tabs .nav-item+.nav-item {

    margin-top: 0.25rem;

  }

  .about-transforming-main-block .nav-tabs .nav-link {

    transition: border-color 0.125s ease-in;

    white-space: nowrap;

  }

  .about-transforming-main-block .nav-tabs .nav-link:hover {

    background-color: #f7f7f7;

    border-color: transparent;

  }

  .about-transforming-main-block .nav-tabs .nav-link.active {

    border-bottom-color: #ddd;

    border-right-color: inherit;

    border-radius: 6px;

    margin-right: -1px;

  }

  .about-transforming-main-block .card {

    border: none;

  }

  .about-transforming-main-block .card .card-header {

    display: none;

  }

  .about-transforming-main-block .card .collapse {

    display: block;

  }

}



@media (max-width: 767px) {

  .about-transforming-main-block .tab-pane {

    display: block !important;

    opacity: 1;

  }

}



.student-main-block .owl-carousel .owl-nav.disabled {

  display: block;

}





.search-main-block #accordion .card-header:after {

  font-family: 'FontAwesome';

  content: " \f0d8";
  /*f068*/

  float: right;

}

.search-main-block #accordion .card-header.collapsed:after {

  content: " \f0d7";
  /*f067*/

}





.categories-tags {

  background-color: var(--background-white-bg-color);

  margin-bottom: 20px;

}

.categories-tags-heading {

  color: #251AFF;

  font-size: 22px;

  border: 1px solid #E8E8E8;

  padding: 16px 0 16px 34px;

  font-weight: 500;

}

.categories-content {

  padding: 39px 38px 19px 35px;

}

.categories-tags-content {

  display: inline-block;

  float: left;

}

.categories-tags-content ul li {

  font-size: 14px;

  margin-bottom: 30px;

  color: #7A7A7A;

  font-weight: 400;

}

.categories-tags-content ul li a {

  color: #7A7A7A;

}

.categories-tags-content ul li.active a {

  color: var(--text-black-color);

  font-weight: 500;

}

.categories-tags-count {

  text-align: right;

}

.categories-tags-count ul li {

  margin-bottom: 30px;

  font-size: 14px;

  color: #7A7A7A;

}

.categories-tags-count ul li a {

  color: #7A7A7A;

  font-weight: 400;

}

.categories-tags-count ul li.active a {

  color: var(--text-black-color);

}

.categories-tags-count ul li.active {

  color: var(--text-black-color);

}



.search-main-block input[type=checkbox] {

  width: 16px;

  height: 16px;

  background-color: var(--background-white-bg-color);

  border: #7f83a2 1px solid;

}

.search-main-block input[type="checkbox"] {

  visibility: hidden;

}

.search-main-block label {

  cursor: pointer;

}

.search-main-block input[type="checkbox"]+label:before {

  border: solid 1px #d7d7d7;

  content: "\00a0";

  display: inline-block;

  font: 16px/1em sans-serif;

  height: 16px;

  margin: 0 .25em 0 0;

  padding: 0;

  width: 16px;

  margin-right: 15px;

}

.search-main-block input[type="checkbox"]:checked+label:before {

  background: #0000ff;

  color: #0000ff;

  content: "\2713";

  text-align: center;

}

.search-main-block input[type="checkbox"]:checked+label:after {

  font-weight: bold;

}

.search-main-block input[type="checkbox"]:focus+label::before {

  outline: rgb(59, 153, 252) auto 5px;

}

.search-main-block .form-check-inline .form-check-input {

  position: static;

  margin-top: 0;

  margin-right: auto;

  margin-left: -20px;

}

.image-container {

  width: 100%;

  overflow: hidden;

  position: relative;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.image-overlay {

  opacity: 0;

  position: absolute;

  color: var(--text-white-color);

  background: rgba(0, 0, 0, 0.4);

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  padding: 0;

  border-radius: 6px;

  text-align: center;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

  font-size: 14px;

}

.image-overlay span {

  position: absolute;

  top: 40%;

  left: 0;

  right: 0;

}

.categories-img-count {

  font-size: 13px;

  color: #fff;

  height: 100%;

  left: 0%;

  text-align: center;

  position: absolute;

  transition: bottom 0.5s ease;

  width: 100%;

  bottom: -50px;

  opacity: 0;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.image-overlay {

  opacity: 1;

}

.image-overlay i {

  margin-right: 10px;

}

.image-container a img {

  min-height: 150px;

  max-height: 150px;

  object-fit: cover;

  width: 100%;

  border-radius: 6px;

}

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



  #rc-imageselect,
  .g-recaptcha {

    transform: scale(0.77);

    -webkit-transform: scale(0.77);

    transform-origin: 0 0;

    -webkit-transform-origin: 0 0;
  }

}

button.omise-checkout-button {

  color: var(--text-white-color);

  background-color: #0085BF;

  padding: 10px 80px;

  font-weight: 500;

  font-size: 15px;

  border: 1px solid transparent;

  border-radius: 5px;

}

.about-home-main-block .row {

  width: 100%;

  margin-left: 0px
}

.refund-policy-block .btn-secondary {

  padding: 0;

  background-color: transparent;

  color: var(--text-dark-grey-color);

  font-size: 15px;

  border: 1px solid transparent;

}

.one-topic-detail {

  width: 200px;

}

.two-topic-detail {

  text-align: right;

  margin-right: 10px;

}

.user-bank-block {

  padding: 0px 0;

}

/*.user-bank-button {

  padding: 20px 0px 20px 20px;

}*/

.user-bank-button .btn-primary {

  padding: 7px 25px;

}

.category-filters .card {

  margin-bottom: 10px;

  border: none;

}

.category-filters .card-title {

  font-weight: 500;

  font-size: 15px;

}

.categories-content-one .form-check-label {

  font-size: 15px;

}

.category-filters .card-header {

  background-color: var(--background-light-grey-bg-color);

}

.confiramtion-logo {

  width: 150px;

  left: 0;

  right: 0;

  margin: 0 auto;

}

.confirmation-title {

  text-transform: uppercase;

  margin-bottom: 0;

  font-size: 35px;

  color: #339959;

}

.confirmation-block {

  background-color: aliceblue;



  padding: 50px 0;

  text-align: center;

}

.confiramtion-border {

  border: 2px solid #686F7A;

  padding: 50px 0;

}

.confirmation-block i {

  font-size: 50px;

  margin-bottom: 10px;

  color: #339959;

}

.wrapper-two .panel-title a[aria-expanded="false"]:after {

  position: absolute;

  content: "\f107";

  font-family: fontawesome;

  right: 15px;

  color: var(--text-dark-grey-color);

  text-align: center;

  font-size: 18px;

  line-height: 30px;

}

.wrapper-two .panel-title a[aria-expanded="true"]:after {

  position: absolute;

  content: "\f106";

  font-family: fontawesome;

  right: 15px;

  color: var(--text-dark-grey-color);

  text-align: center;

  font-size: 18px;

  line-height: 30px;

}

.wrapper-two a {

  font-weight: 400 !important;

  font-size: 15px !important;

  color: var(--text-dark-grey-color) !important;

}

.wrapper-two .sub-cat {

  font-weight: 400 !important;

  font-size: 12px !important;

  color: var(--text-dark-grey-color) !important;

  padding: 5px 20px;

}

.subcate-collapse {

  margin-left: 15px;

}

.subcate-collapse i {

  font-size: 14px;

}

.subcate-collapse .sub-cate {

  font-size: 14px;

}

.limit-dropdown .dropdown-menu {

  min-width: 3rem !important;

  width: 20%;

}

.learning-work-block {

  color: var(--text-white-color);

}

.home-dtl {

  color: var(--text-white-color);
  display: none;

}

.business-home-main-block h1 {

  color: #002c48 !important;

  position: relative;

}

.learning-courses {

  color: #000 !important;

}

.refund-policy-block .btn-secondary {

  padding: 0;

  background-color: transparent;

  color: var(--text-dark-grey-color);

  font-size: 15px;

  border: 1px solid transparent;

}



.learning-contact-block .btn {

  display: inline-block;

  font-weight: 400;

  text-align: center;

  white-space: unset !important;

}



.view-block .star-ratings-sprite {

  height: 17px !important;

}



.owl-carousel .owl-stage-outer {
  width: 100%;
}



.quiz-tabs .nav-tabs {

  border-bottom: none !important;

}

.g-recaptcha {

  display: inline-block;

}



.nopadding {

  padding-left: 0 !important;

  padding-right: 0 !important;

}



.search {

  position: relative;

  float: left;

  width: 50px;

  height: 0;

  z-index: 100;

}

.search-input-wrap {

  position: absolute;

  height: 60px;

  width: 0;

  -webkit-transition: width 200ms;

  -moz-transition: width 200ms;

  transition: width 200ms;

}

.search.search-open .search-input-wrap {

  transition: all 0.4s ease-out;

}

input[type="submit"].search-submit {

  width: 60px;

  height: 60px;

  display: block;

  position: absolute;

  line-height: 60px;

  text-align: center;

  cursor: pointer;

}

.icon {

  cursor: pointer;

  float: left;

  padding: 0 5px 15px;

  border: 1px solid transparent;

}

.fa.fa-search {

  font-size: 20px;

  color: #0073A9;

  padding: 14px 15px 12px;

  border: 1px solid transparent;

  z-index: 90;

}

.search.search-open .icon {

  background: #F9F9F9;

  border: 1px solid rgba(20, 23, 28, 0.05);

  padding: 0 5px 15px;

}

.search.search-open .fa.fa-search {

  padding: 14px 15px 12px;

  color: #0073A9;

  pointer-events: none;

  z-index: 1;

}

input[type="submit"].search-submit {

  background: transparent;

  color: transparent;

  box-shadow: none;

  border: none;

  padding: 0;

  border-radius: 0;

  outline: none;

  z-index: -1;

}

.search.search-open input[type="submit"].search-submit {

  z-index: 90;

}

input[type="text"].search-input {

  border: none;

  outline: none;

  opacity: 0;

  font: 18px;

  background: #F9F9F9;

  height: 50px;

  margin: 0;

  border-left: 2px solid #0073A9;

  width: 0px;

}

.search.search-open input[type="text"].search-input {

  opacity: 1;

  width: 277px;

  font: 18px;

  background: #F9F9F9;

  height: 50px;

  margin: 0;

  padding: 2px 15px;

  margin-left: -277px;

  outline: none;

}



.aamar-pay-btn .btn-primary {

  padding: 10px 80px;

}



.plan-enroll-btn .btn-primary {

  width: 100%;

  padding: 5px 10px;

}















#bar-fixed.stickIt {

  position: fixed;

  top: 5px;

  width: 370px;

  z-index: 999;

}

.instructor-block-ratings ul li {

  display: inline-block;

  margin-bottom: 20px;

}

.instructor-block-ratings ul li i {

  color: #0073A9;

}

.instructor-block p {

  margin-bottom: 0;

}

.about-instructor-block .instructor-img img {

  margin-bottom: 10px;

}

.instructor-img ul li {

  text-align: center;

}

.instructor-img ul li span {

  font-weight: 600;

}

.home-btn {

  padding: 5px 10px;

  font-size: 13px;

}

.home-search .search {

  width: 100%;

  position: relative;

  display: flex;
  display: none;

}

.home-search .searchTerm {

  width: 50%;

  border: 2px solid #97c340;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  border-right: none;

  padding: 5px 20px;

  height: 45px;

  border-radius: 30px;

  outline: none;

  color: #9DBFAF;

  position: relative;

}

.home-search .searchTerm:focus {

  color: #00B4CC;

}

.home-search .searchButton {

  width: 10%;

  height: 45px;

  border: 1px solid #0073A9;

  background: #0085BF;

  text-align: center;

  border-radius: 30px;

  cursor: pointer;

  font-size: 14px;

  color: #FFF;

  position: absolute;

  left: 40%;

}

.home-search .searchButton i {

  padding: 12px 6px 12px;

  color: #FFF;

}

@media (max-width: 767px) {

  .nav-bar-main-block-one {

    padding: 20px 0;

  }

  .nav-bar-main-block-one .logo {

    margin-left: 0 !important;

  }

  .nav-bar-main-block-one .logo .img-fluid {

    margin-top: 0 !important;

  }

  .logo {

    margin-bottom: 0 !important;

    text-align: right !important;

  }

  .nav-bar-btn .btn-secondary {

    margin: 0;

    padding: 7px 0;

    font-size: 12px;

  }

  .nav-bar-main-block .logo .img-fluid {

    max-width: 100px;

    margin-top: -15px;

  }

  .Login-btn .btn-primary {

    padding: 8px 20px;

    font-size: 12px;

  }

  .Login-btn .btn-secondary {

    padding: 8px 20px;

    font-size: 12px;

  }

  .Login-btn {

    margin-bottom: 0 !important;

  }

  .nav-bar-btn {

    margin-bottom: 0 !important;

  }

  .signup-block-main-block {

    padding: 40px 0 150px;

  }

  .signup-form i {

    top: 14px;

  }

  #bar-fixed.stickIt {

    position: relative;

    width: inherit;

  }

  .home-search .searchTerm {

    width: 100%;

  }

  .home-main-block {

    background-repeat: no-repeat;

    background-size: 100% 100%;

  }

  .learning-work-icon i {

    margin-left: 0;

  }

  .learning-courses .nav-link.active {

    padding: 10px;

  }

  .learning-courses .nav-link {

    padding: 10px;

  }

  .view-dtl .rate {

    right: 15px;

  }

  .categories-heading {

    margin-bottom: 40px;

  }

  .footer-logo {

    text-align: center;

  }

  .footer-logo img {

    margin-bottom: 15px;

  }

  .footer-dropdown {

    text-align: center;

  }

  .about-home-icon ul li {

    padding: 15px 0;

  }

  .business-home-slider-img {

    margin-right: 0;

  }

  .business-home-slider-main-block .owl-carousel .owl-item .img-fluid {

    height: auto;

    width: 100%;

  }

  .categories-popularity-main-block.category-filters .text-right {

    text-align: left !important;

    margin-bottom: 20px;

  }

  .categories-popularity-main-block.category-filters {

    padding: 30px 0;

  }

  .featured-review-img-dtl {

    padding: 0;

  }

  .review-img-block {

    margin-bottom: 20px;

  }

  .blog-block-img {

    margin-right: 0;

    margin-bottom: 20px;

  }

  .about-learning-blog-dtl {

    padding: 15px;

  }

  .contact-us-main-block img {

    margin-bottom: 20px;

  }

  .careers-heading {

    font-size: 42px;

  }

  .careers-main-block {

    padding: 0 0 200px;

  }

  .careers-video-main-block {

    top: 100%;

  }

  .careers-learn-video {

    padding: 0;

  }

  .careers-learn-block {

    padding: 20px;

  }

  .careers-learn-video-one {

    padding: 40px 0;

  }

  .careers-learn-heading {

    font-size: 34px;

    text-align: center;

  }

  .careers-benefits-heading {

    font-size: 40px;

  }

  .careers-benefits-dtl-block {

    height: inherit;

  }

  .join-team-main-block {

    padding: 90px 0;

  }

  .join-team-main-block .faq-block {

    padding: 0;

  }

  .help-search i {

    top: 10%;

  }

  .help-tab {

    height: inherit;

  }

  .help-main-block .btn-primary {

    height: inherit;

  }

  .image-container {

    margin-bottom: 20px;


  }

  #about-bar-fixed {

    display: none;

  }

  #about-bar-fixed.stickIt {

    display: none !important;

  }

}







@media (min-width: 767px) and (max-width: 992px) {

  .signup-block-main-block {

    padding: 60px 0 120px;

  }

}



.faq-block .second-accordion .card-body .btn-light {

  color: #FFF !important;

}

#about-bar-fixed {

  display: none;

}

#about-bar-fixed.stickIt {

  display: block;

  position: fixed;

  top: 70px;

  left: 0;

  z-index: 99;

  background-color: rgba(41, 48, 59, .95);

  padding: 10px 0;

  width: 100%;

}

#about-bar-fixed.stickIt .about-home-heading {

  font-size: 24px;

  margin-bottom: 5px;

}

#about-bar-fixed ul li {

  display: inline-block;

  margin-right: 10px;

  color: #FFF;

}

.about-home-includes-list {

  margin-bottom: 0 !important;

}





@media (min-width: 767px) and (max-width: 992px) {

  #bar-fixed.stickIt {

    position: relative;

    width: inherit;

  }

}



@media (min-width: 992px) and (max-width: 1200px) {

  #bar-fixed.stickIt {

    width: 310px;

  }

}



.modal {

  z-index: 1050 !important;

}



.meeting-icon {

  opacity: 0;

  position: absolute;

  text-align: center;

  font-size: 10px;

  top: 6px;

  bottom: 0;

  left: 0;

  /*background-color: #F4C150;*/

  width: 40px;

  height: 15px;

  z-index: 9;

  border-radius: 0 10px 10px 0;

  text-transform: capitalize;

  left: 6px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.genre-slide-image:hover .meeting-icon {

  opacity: 1;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}



.vacation-days {

  font-size: 12px;

  font-weight: 400;

  margin-bottom: 10px;

}



.vacation-days .btn.btn-secondary {

  padding: 0;

  background-color: transparent !important;

  border: none;

  color: #FFF !important;

}



.vacation-days i {

  margin-top: 0;

}





.growth-main-block {

  padding: 100px 0;

}

.engagement-bar {

  padding: 20px 20px 0;

  background-color: var(--background-black-bg-color);

  height: 320px;

}

.growth-block {

  background-color: var(--text-light-grey-color);

  height: 320px;

}



@media (min-width: 992px) and (max-width: 1200px) {

  .engagement-bar {

    height: 370px;

  }

  .growth-block {

    height: 370px;

  }

}

.engagement-heading {

  color: #FFF;

  margin-bottom: 0;

}

.wrapper-heading {

  color: var(--text-light-grey-color);

}

.progress-heading {

  color: var(--text-light-grey-color);

  text-transform: uppercase;

  font-size: 13px;

}

.profile-block .profile-block-img {

  width: 150px;

  height: 150px;

  border-radius: 50%;

  margin-top: -20%;

}

.profile-block-heading {

  border-bottom: 1px solid rgba(255, 255, 255, 0.8);

  padding: 30px 0 20px;

  margin: 0 80px 20px;

  font-size: 22px;

}

.profile-block ul li {

  color: #FFF;

  font-size: 13px;

  margin-bottom: 10px;

}

.profile-block ul li img {

  margin-right: 10px;

}

.profile-dtl-block {

  padding: 100px 0 99px;

}

.profile-dtl-block-heading {

  color: #FFF;

  font-size: 18px;

  font-weight: 400;

  margin-bottom: 5px;

}

.profile-dtl-block img {

  margin-bottom: 20px;

}

.profile-dtl-block p {

  color: #FFF;

  font-size: 13px;

}







.wrapper {

  display: -ms-flexbox;

  display: box;

  display: flex;

  -o-box-align: center;

  align-items: center;

  -o-box-pack: center;

  justify-content: center;

  -o-box-orient: vertical;

  flex-direction: column;

}

.wrapper .progress {

  margin-bottom: 0;

}

.wrapper .progress:after {

  content: "";

  width: 100%;

  height: 100%;

  border-radius: 50%;

  position: absolute;

  top: 0;

  left: 0;

}

.green .progress {

  position: relative;

  border-radius: 50%;

}

.green .progress {

  width: 100px;

  height: 100px;

  border: 4px solid #EEE;

  background: none;

}



.green .progress {

  transition: all 1s ease;

}

.green .progress .inner {

  position: absolute;

  overflow: hidden;

  z-index: 2;

  border-radius: 50%;

}

.green .progress .inner {

  width: 115px;

  height: 115px;

}

.green .progress .inner {

  transition: all 1s ease;

}

.green .progress .inner .water {

  position: absolute;

  z-index: 1;

  width: 200%;

  height: 200%;

  left: -50%;

  border-radius: 40%;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-name: spin;

  animation-name: spin;

}



.green .progress .inner .water {

  background: rgba(83, 252, 83, 0.5);

  top: 45% !important;

}

.green .progress .inner .water {

  transition: all 1s ease;

}

.green .progress .inner .water {

  -webkit-animation-duration: 10s;

  animation-duration: 10s;

}

.green .progress .inner .glare {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 5;

  width: 0;

  height: 0;

  transform: rotate(45deg);

  border-radius: 50%;

}

.green .progress .inner .glare {

  background-color: rgba(255, 255, 255, 0.15);

}

.green .progress .inner .glare {

  transition: all 1s ease;

}

.green .progress .inner .percent {

  position: absolute;

  top: 0;

  left: -8px;

  width: 100%;

  height: 100%;

  text-align: center;

}

.green .progress .inner .percent {

  line-height: 95px;

  font-size: 22px;

  font-weight: 500;

}

.green .progress .inner .percent {

  color: #EEE;

}

.green .progress .inner .percent {

  transition: all 1s ease;

}

.wrapper-heading {

  font-size: 16px;

}

@-webkit-keyframes spin {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(360deg);

  }

}

@keyframes spin {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(360deg);

  }

}







.leader-progress-bar .progress {

  width: 70px;

  height: 70px;

  line-height: 150px;

  background: none;

  margin: 0 auto;

  box-shadow: none;

  position: relative;

}

.leader-progress-bar .progress:after {

  content: "";

  width: 100%;

  height: 100%;

  border-radius: 50%;

  border: 4px solid #eee;

  position: absolute;

  top: 0;

  left: 0;

}

.leader-progress-bar .progress>span {

  width: 50%;

  height: 100%;

  overflow: hidden;

  position: absolute;

  top: 0;

  z-index: 1;

}

.leader-progress-bar .progress .progress-left {

  left: 0;

}

.leader-progress-bar .progress .progress-bar {

  width: 100%;

  height: 100%;

  background: none;

  border-width: 4px;

  border-style: solid;

  position: absolute;

  top: 0;

  border-color: #ffb43e;

}

.leader-progress-bar .progress .progress-left .progress-bar {

  left: 100%;

  border-top-right-radius: 75px;

  border-bottom-right-radius: 75px;

  border-left: 0;

  -webkit-transform-origin: center left;

  transform-origin: center left;

}

.leader-progress-bar .progress .progress-right {

  right: 0;

}

.leader-progress-bar .progress .progress-right .progress-bar {

  left: -100%;

  border-top-left-radius: 75px;

  border-bottom-left-radius: 75px;

  border-right: 0;

  -webkit-transform-origin: center right;

  transform-origin: center right;

}

.leader-progress-bar .progress .progress-value {

  display: flex;

  border-radius: 50%;

  margin: -2px auto 0;

  font-size: 16px;

  color: #EEE;

  text-align: center;

  line-height: 20px;

  align-items: center;

  justify-content: center;

  height: 100%;

  font-weight: 300;

}

.leader-progress-bar .progress .progress-value div {

  margin-top: 10px;

}

.leader-progress-bar .progress .progress-value span {

  font-size: 12px;

  text-transform: uppercase;

}



@keyframes loading-1 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(36);

    transform: rotate(36deg);

  }

}

@keyframes loading-2 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(72);

    transform: rotate(72deg);

  }

}

@keyframes loading-3 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(108);

    transform: rotate(108deg);

  }

}

@keyframes loading-4 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(144);

    transform: rotate(144deg);

  }

}

@keyframes loading-5 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(180);

    transform: rotate(180deg);

  }

}

.leader-progress-bar .progress {

  margin-bottom: 1em;

}



.profile-dtl-block i {

  margin-bottom: 20px;

  font-size: 45px;

  color: #FFF;

}



.growth-main-block .container-fluid {

  padding-right: 0 !important;

  padding-left: 0 !important;

}







.progress[data-percentage="10"] .progress-right .progress-bar {

  animation: loading-1 1.5s linear forwards;

}

.progress[data-percentage="10"] .progress-left .progress-bar {

  animation: 0;

}

.progress[data-percentage="20"] .progress-right .progress-bar {

  animation: loading-2 1.5s linear forwards;

}

.progress[data-percentage="20"] .progress-left .progress-bar {

  animation: 0;

}

.progress[data-percentage="30"] .progress-right .progress-bar {

  animation: loading-3 1.5s linear forwards;

}

.progress[data-percentage="30"] .progress-left .progress-bar {

  animation: 0;

}

.progress[data-percentage="40"] .progress-right .progress-bar {

  animation: loading-4 1.5s linear forwards;

}

.progress[data-percentage="40"] .progress-left .progress-bar {

  animation: 0;

}

.progress[data-percentage="50"] .progress-right .progress-bar {

  animation: loading-5 1.5s linear forwards;

}

.progress[data-percentage="50"] .progress-left .progress-bar {

  animation: 0;

}

.progress[data-percentage="60"] .progress-right .progress-bar {

  animation: loading-5 1.5s linear forwards;

}

.progress[data-percentage="60"] .progress-left .progress-bar {

  animation: loading-1 1.5s linear forwards 1.5s;

}

.progress[data-percentage="70"] .progress-right .progress-bar {

  animation: loading-5 1.5s linear forwards;

}

.progress[data-percentage="70"] .progress-left .progress-bar {

  animation: loading-2 1.5s linear forwards 1.5s;

}

.progress[data-percentage="80"] .progress-right .progress-bar {

  animation: loading-5 1.5s linear forwards;

}

.progress[data-percentage="80"] .progress-left .progress-bar {

  animation: loading-3 1.5s linear forwards 1.5s;

}

.progress[data-percentage="90"] .progress-right .progress-bar {

  animation: loading-5 1.5s linear forwards;

}

.progress[data-percentage="90"] .progress-left .progress-bar {

  animation: loading-4 1.5s linear forwards 1.5s;

}

.progress[data-percentage="100"] .progress-right .progress-bar {

  animation: loading-5 1.5s linear forwards;

}

.progress[data-percentage="100"] .progress-left .progress-bar {

  animation: loading-5 1.5s linear forwards 1.5s;

}











.view-dtl .rate ul li {

  display: block;

  color: #29303B;

}

.view-dtl .rate .rate-r {

  font-size: 18px;

  margin-right: 10px;

  font-weight: 600;

}



.view-dtl .rate ul li strike {

  font-size: 10px;

  display: inline-block;

  color: #29303B;

}



/*.view-dtl .rate {

  position: absolute;

  right: 5px;

}*/



.view-dtl .rate ul li b {

  font-weight: 500;

  font-size: 14px;

}



.view-dtl .rate ul li:last-child b {

  font-weight: 500;

}



.tab-content .view-dtl .rate {

  /*top: 44%;*/

  right: 10px;

}









.about-content-sidebar {

  background-color: var(--background-white-bg-color);

  color: var(--text-light-grey-color);

  padding: 20px 0;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  border-radius: 6px;

}

.about-content-img {

  text-align: center;

}

.about-content-img img {

  width: 70px;

  height: 70px;

  margin-bottom: 15px;

  border-radius: 50px;

  object-fit: cover;

}

.about-content-heading {

  margin-bottom: 10px;

}

.about-content-img p {

  margin-bottom: 10px;

}

.ratings .star-ratings-sprite {

  display: inline-block;

  float: none;

  text-align: center;

  margin-right: 10px;

}

.star-rating {

  display: inline-block;

  background: #F44A4A;

  border: 1px solid #F44A4A;

  border-radius: 5px;

  font-size: 12px;

  color: #FFF;

  padding: 0 10px;

}

.about-content-sidebar .btn-primary {

  padding: 8px 10px;

  width: 100%;

  font-size: 12px;

}

.ratings {

  text-align: center;

  margin-bottom: 20px;

}

.about-reward-badges {

  text-align: center;

}

.about-reward-badges img {

  width: 40px;

  height: 40px;

  margin-right: 10px;

  margin-bottom: 25px;

}











.instructor-tabs {

  background-color: #FFF;

  /*box-shadow: 0 0 1px 1px rgb(20 23 28 / 10%), 0 3px 1px 0 rgb(20 23 28 / 10%);

  border: 1px solid #DEDFE0;*/

  border-radius: 5px;

}

.instructor-tabs .nav-tabs {

  /* padding: 20px 30px 0;*/

  border-bottom: none;

}

.instructor-tabs .nav-tabs .nav-item {

  margin-right: 15px;

}

.instructor-tabs .nav-tabs .nav-link {

  border: none;

  font-size: 15px;

  font-weight: 400;

  background-color: #F2F3F5;

  color: var(--text-dark-grey-color);

  border-radius: 5px;

}

.instructor-tabs .nav-tabs .nav-link.active {

  border: none;

  background-color: #0085BF;

  color: #FFF;

}

.instructor-tabs .nav-tabs .nav-link:hover {

  background-color: #0085BF;

  color: #FFF;

}

.instructor-tabs .tab-content {

  padding: 22px 0;

}

.instructor-tabs-content {

  margin-bottom: 40px;

  color: #29303B;

  font-size: 16px;

  font-weight: 400;

}

.tab-badges-block {

  background-color: #FFF;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  border: 1px solid #FFF;

  border-radius: 5px;

  padding: 40px 0;

  margin-bottom: 20px;

}

.tab-badges-block img {

  width: 50px;

  height: 50px;

  margin-bottom: 20px;

}

.tab-badges-heading {

  font-size: 14px;

  font-weight: 600;

  margin-bottom: 10px;

}

.tab-badges-block p {

  font-size: 12px;

  font-weight: 400;

  color: #73726C;

}

.instructor-tabs .tab-content .view-dtl .rate {

  right: 20px;

}

.instructor-content-block .ratings {

  text-align: left;

}

.instructor-content-block .about-reward-badges {

  text-align: left;

}

.about-content-sidebar.instructor-sidebar {

  padding: 20px 30px;

  margin-bottom: 50px;

}

.about-content-sidebar.instructor-sidebar .about-content-img img {

  width: 100%;

  height: 100%;

}

.instructor-content-block .about-content-heading {

  font-size: 24px;

}

.instructor-follower {

  margin-bottom: 20px;

}

.followers-status {

  display: inline-block;

}

.followers-value {

  display: block;

  color: #29303B;

  font-size: 18px;

}

.following-status {

  display: inline-block;

  border-left: 2px solid #DEDFE0;

  margin-left: 15px;

  padding-left: 10px;

}

.followers-heading {

  font-size: 12px;

  font-weight: 400;

}

.instructor-btn {

  text-align: right;

}

.instructor-btn .btn-primary {

  width: 65%;

  font-size: 14px;

  border-radius: 5px;

  padding: 5px 10px;

  margin-bottom: 0;

}

.instructor-btn .btn-secondary {

  width: 65%;

  font-size: 14px;

  border-radius: 5px;

  padding: 5px 10px;

  margin-bottom: 0;

}

.instructor-content-block .about-reward-badges img {

  margin-bottom: 0;

}

.instructor-student {

  margin-bottom: 40px;

}

.instructor-block .instructor-business-block {

  display: block;

}

@media (max-width: 767px) {

  .about-content-sidebar.instructor-sidebar {

    padding: 50px 0;

  }

  .about-content-sidebar.instructor-sidebar .about-content-img {

    padding: 50px 50px 0;

  }

  .instructor-content-block {

    margin-bottom: 40px;

    text-align: center;

  }

  .instructor-content-block .ratings {

    text-align: center;

  }

  .instructor-content-block .about-reward-badges {

    text-align: center;

  }

  .instructor-btn {

    text-align: center;

  }

  .instructor-tabs {

    margin-bottom: 50px;

  }

  .instructor-tabs .nav-tabs .nav-item a {

    font-size: 16px;

    padding: .5rem .5rem;

  }

  .instructor-block .instructor-small-heading {

    text-align: center;

  }

  .instructor-block h1 {

    text-align: center;

  }

  .instructor-block .sub-heading {

    text-align: center;

  }

  .instructor-business-block {

    text-align: center;

  }

}





.badge-button button {

  -webkit-appearance: button;

  border: none;

  background-color: transparent;

  color: white;

  cursor: pointer;

}



.badge-button form {

  margin-bottom: 0;

}



.cirtificate-serial {

  /* text-align: left!important; */

  font-size: 8px;

}



.protip-wishlist button {

  padding: 0 !important
}



/*.search-one .dropdown-menu {

  left: -278px !important;

  min-width: 18rem !important;

}*/



.img-wishlist .protip-wishlist ul li:hover i {

  color: #FFF;

}



.search .dropdown-menu {

  min-width: 21rem;

  right: 280px;

  left: inherit;

}



.search-list {

  padding: 0 0 0 15px;

  line-height: 35px;

  border-bottom: 1px solid rgba(215, 215, 215, 0.17);

  padding-right: 20px;

  font-size: 13px;

  text-decoration: none;

  color: var(--text-black-color);

  font-weight: 400;

}













#cssmenu ul ul li a:hover {

  border-left: 3px solid #0284A2;

}

#cssmenu ul ul li a {

  border-left: 3px solid transparent;

}

.protip-wishlist {

  margin-right: 20px;

  margin-top: 5px;

}

.owl-carousel .owl-item .view-user-img .user-img-one {

  width: 50px;

  height: 50px;

  object-fit: cover;

  border: 2px solid #FFF;

  border-radius: 6px;

  position: absolute;

  margin-left: 17px;

  right: 10%;

  bottom: 50%;

  box-shadow: 0 2px 8px 2px rgb(20 23 28 / 20%);

}

/*.owl-carousel .owl-item .view-user-img .user-img-two {

  width: 30px;

  border-radius: 100%;

  position: absolute;

  margin-left: 17px;

}*/

.owl-carousel .owl-item .view-user-img img:hover {

  z-index: 999;

}

.view-user-img {

  width: auto;

}

/*.advance-badge .bg-primary {

  position: absolute;

  color: #29303b;

  font-size: 12px;

  font-weight: 500;

  padding: 5px 15px;

  background-color: #F4C150 !important;

  top: 15px;

  left: 15px;

  border-radius: 6px;

}*/

.compare-badge .bg-primary {

  background-color: #FFF !important;

  padding: 4px 8px;

  font-size: 10px;

  border: 1px solid #0284a2 !important;

}

.view-dtl .rating ul li.rating-review {

  color: #000;

}

.view-dtl .rating ul li.reviews {

  font-size: 11px;

}

.sidenav {

  height: 100%;

  width: 0;

  position: fixed;

  top: 0;

  left: 0;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 0;
  background-color: transparent;
  display: flex;
}

.miansiddebarComponent {
  padding-top: 20px;
  background-color: var(--background-white-bg-color);
  height: 100%;
  width: 250px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);


}

.overlaySidebar {
  width: 100%;
  background: #00000029;
  height: 100%;
  position: absolute;
  z-index: -1;
}

.sidenav .wrapper-heading {

  margin-left: 20px;

}



.sidenav a {

  padding: 8px 8px 8px 32px;

  text-decoration: none;

  font-size: 16px;

  color: #818181;

  display: block;

  transition: 0.3s;

}



.sidenav .closebtn {

  position: absolute;

  top: 2px;

  left: 125px;

  font-size: 36px;

  margin-left: 50px;

  color: var(--text_white_color);

}









@media screen and (max-height: 450px) {

  .sidenav {
    padding-top: 15px;
  }

  .sidenav a {
    font-size: 18px;
  }

}


svg.feather {
  width: 18px;

  height: 18px;

  margin: 15px 10px 0;

  color: #0073A9;

}

.dropdown ul li svg.feather {

  margin: 0 10px 0 20px;

  vertical-align: middle;

}

.genre-slide-image .protip-wish-btn svg.feather {

  opacity: 0;

  border: 1px solid #FFF;

  background-color: #FFF;

  border-radius: 100%;

  padding: 5px;

  width: 28px;

  height: 28px;

  margin: 0 3px 0;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.genre-slide-image .protip-wish-btn svg.feather:hover {

  background-color: #0085BF;

  border: 1px solid #97c340;

  color: #FFF;

}

.genre-slide-image:hover .protip-wish-btn svg.feather {

  opacity: 1
}

.immi-slider-block .protip-wish-btn svg.feather {

  opacity: 0;

  border: 1px solid #FFF;

  background-color: #FFF;

  border-radius: 100%;

  padding: 5px;

  width: 28px;

  height: 28px;

  margin: 0 3px 0;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.immi-slider-block .protip-wish-btn svg.feather:hover {

  background-color: #0085BF;

  border: 1px solid #97c340;

  color: #FFF;

}

.immi-slider-block:hover .protip-wish-btn svg.feather {

  opacity: 1
}

.protip-skin-default--scheme-pro.protip-container {

  max-width: 370px !important;

  min-width: 250px !important;

}

.description-list svg.feather {

  display: inline-block;

  float: left;

  margin: 0 7px 0 0;

  width: 14px;

  height: 14px;

}

.class-des,

.time-des,

.lang-des {

  font-size: 12px;

  display: inline-block;

}

.prime-description-under-block .product-learn-dtl ul li {

  font-size: 12px;

  font-weight: 400;

  color: var(--text-dark-grey-color);

  margin-left: 0;

}

.prime-description-under-block .product-learn-dtl ul li svg.feather {

  margin: 0 7px 0 0;

  width: 14px;

  height: 14px;

  display: flex;

  float: left;

}

.des-btn-block .protip-wishlist ul li {

  padding: 0;

}

.des-btn-block .protip-wishlist ul li svg.feather {

  border: 1px solid #97c340;

  border-radius: 100%;

  padding: 1px 7px 0;

  width: 35px;

  height: 35px;

  margin: 0;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.des-btn-block .protip-wishlist ul li svg.feather:hover {

  background-color: #0085BF;

  border: 1px solid #97c340;

  color: #FFF;

}

.prime-description-under-block .product-learn-dtl ul li a {

  font-size: 12px;

  font-weight: 400;

  color: var(--text-dark-grey-color);

  margin-left: 0;

}

.prime-description-under-block .description-heading a {

  font-size: 15px;

  font-weight: 600;

  color: #29303b;

}

.footer-dropdown .dropdown-menu {

  left: -50px !important;

  top: 17px !important;

  min-width: 10.5rem;

}

.footer-dropdown-two .dropdown-menu {

  left: -45px !important;

  top: 0 !important;

  min-width: 10.5rem;

}

.category-filters .view-heading a {

  font-size: 15px;

  font-weight: 700;

}

.category-filters .view-heading {

  padding: 10px 0 8px;

}

.category-filters .best-seller-one {

  position: absolute;

  top: 10px;

  left: 15px;

  padding: 1px 12px;

  height: 18px;

}

.category-filters .categories-popularity-dtl ul li svg.feather {

  margin: 2px 5px 0 0;

  width: 14px;

  height: 14px;

}

.category-filters .categories-popularity-dtl ul {

  margin-bottom: 10px;

}

.category-filters .categories-popularity-dtl ul li {

  margin-right: 8px;

}

.category-filters .categories-popularity-dtl ul li:last-child {

  margin-right: 0;

}

.student-des,

.all-levels-des {

  font-size: 12px;

  display: inline-block;

}

.category-filters .one-rating {

  font-size: 13px;

}

.categories-popularity-main-block .course-bought-block {

  margin-bottom: 30px;

}

.genre-slide-image .best-seller {

  position: absolute;

  text-align: center;

  font-size: 10px;

  font-weight: 700;

  top: 26px;

  bottom: 0;

  left: 0;

  background-color: #F4C150;

  width: 80px;

  height: 18px;

  padding: 2px 0 0;

  z-index: 9;

  border-radius: 0 10px 10px 0;

  text-transform: capitalize;

}





.scroll-down {

  max-height: 300px;

  overflow-y: auto;

  overflow-x: hidden;

}



.flash-button .btn-primary {

  width: 100%;

  padding: 0;

}



.test {

  height: 100%;

  width: 100%;

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  position: relative;

  text-align: center;

}

.test .overlay-bg {

  position: absolute;

  height: 100%;

  width: 100%;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: rgba(244, 74, 74, 0.6);

}

.bg_image_deal {

  font-family: Arial;

  font-size: 2em;

}

.countdown-deal {

  position: relative;

  top: 40px;

  margin-bottom: 40px;

}

.bg_image_deal ul li {

  display: inline-block;

  font-size: 70px;

  margin-right: 20px;

  background-color: rgba(0, 0, 0, 0.5);

  padding: 5px 20px;

  border-radius: 10px;

  margin-bottom: 20px;

}

.bg_image_deal ul li .text-20 {

  font-size: 20px;

}



.wishlist-home-heading a {

  margin-bottom: 0;

  color: var(--text-white-color) !important;

  font-size: 30px;

}



.flash-home-main-block .container-fluid {

  padding-right: 0 !important;

  padding-left: 0 !important;

}



.flash-home-main-block .details {

  font-size: 12px !important;

}



.invoice-sign {

  text-align: right;

}

.invoice-sign img {

  width: 70px;

  height: 70px;

}









.user-name h6 {

  margin-bottom: 10px;

}

.view-footer {

  border-top: 1px solid #DEDFE0;

  margin-top: 15px;

  padding: 15px 0 5px;

  height: 50px;

}

.view-footer svg.feather {

  margin: 0 5px 0 0;

  vertical-align: middle;

}

.view-footer .count-user span {

  font-size: 12px;

}

.user-name span a {

  color: #0073A9;

}

.immi-slider-block {

  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%);

  border-radius: 6px;

}

.view-user-img .user-img-one {

  width: 50px;

  object-fit: cover;

  height: 50px;

  border: 2px solid #FFF;

  position: absolute;

  margin-left: 17px;

  right: 10%;

  bottom: 45%;

  border-radius: 6px;

  box-shadow: 0 2px 8px 2px rgb(20 23 28 / 20%);

}

/*.immi-slider-block .advance-badge .bg-primary {

  bottom: 51%;

}*/

.immi-slider-block .view-user-img {

  height: inherit;

}

.immi-slider-block .view-dtl {

  padding: 30px 20px 10px;

  border-radius: 0 0 6px 6px;

}

.home-search svg.feather {

  margin: 10px 5px 0;

  color: #FFF;

}

.footer-dropdown svg.feather {

  color: #FFF;

  margin: 0 10px 0 0;

  vertical-align: middle;

  width: 16px;

  height: 16px;

}

.about-product-main-block .product-learn-dtl ul li svg.feather {

  margin: 0 10px 0 0;

  vertical-align: middle;

  display: flex;

  float: left;

}

.about-product-main-block .product-learn-dtl ul li .learn-dtl {

  display: flex;

}

.about-home-share a svg.feather {

  margin: 0 5px 0 0;

  vertical-align: middle;

  color: var(--text-blue-color);

}

.course-bought-block .heart svg.feather {

  margin: 0;

}

.course-user ul li svg.feather {

  margin: 0;

  vertical-align: middle;

  color: #0073A9;

}

.report-abuse a svg.feather {

  margin: 0 5px 0 0;

  vertical-align: middle;

}

.about-home-icon ul li svg.feather {

  margin: 0 10px 0 0;

  vertical-align: middle;

  color: #FFF;

}



.invoice-logo img {

  width: 150px;

}

.testimonial-heading {

  margin-bottom: 2px;

  text-align: left;

}









.view-date svg.feather {

  margin: 0 5px 0 0;

  vertical-align: middle;

}

.view-time svg.feather {

  margin: 0 5px 0 0;

  vertical-align: middle;

}

.view-date a,

.view-time a {

  font-size: 13px;

  color: var(--text-light-grey-color);

}



.protip-wish-btn-two svg.feather {

  opacity: 1;

  border: 1px solid #FFF;

  background-color: #FFF;

  border-radius: 100%;

  padding: 5px;

  width: 28px;

  height: 28px;

  margin: 0 3px 0;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.protip-wish-btn-two svg.feather:hover {

  background-color: #0085BF;

  border: 1px solid #F44A4A;

  color: #FFF;

}

.immi-slider-block:hover .protip-wish-btn-two svg.feather {

  opacity: 1;

}

.genre-slide-image .protip-wish-btn-two svg.feather {

  opacity: 0;

  border: 1px solid #FFF;

  background-color: #FFF;

  border-radius: 100%;

  padding: 5px;

  width: 28px;

  height: 28px;

  margin: 10px 3px 0;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.genre-slide-image .protip-wish-btn-two svg.feather:hover {

  background-color: #0085BF;

  border: 1px solid #F44A4A;

  color: #FFF;

}

.genre-slide-image:hover .protip-wish-btn-two svg.feather {

  opacity: 1;

}

#bundle-view-slider.owl-carousel .owl-item .view-user-img .user-img-one {

  bottom: 46%;

}









.star-rating {

  direction: rtl;

  display: inline-block;

  padding: 0;

  background-color: inherit;

  border: inherit;

}



.star-rating input[type=radio] {

  display: none
}



.star-rating label {

  color: #bbb;

  font-size: 18px;

  padding: 0;

  cursor: pointer;

  -webkit-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out
}

.mrg-lft {

  margin-left: 30px;

}



.star-rating label:hover,

.star-rating label:hover~label,

.star-rating input[type=radio]:checked~label {

  color: #F4C150;

}



.view-dtl .rate ul li {

  line-height: 1;

}

.student-view-block .view-dtl .rate ul li {

  line-height: 1;

}

.description-block p {

  font-size: 13px !important;

}

.review-text p {

  font-size: 14px;

}

.about-home-share {

  line-height: 0;

}

.about-home-share .about-icon-one svg.feather {

  margin: 0 5px 0 0;

  vertical-align: middle;

  color: var(--text-blue-color);

}

.about-home-share .about-icon-two svg.feather {

  margin: 0 5px 0 0;

  vertical-align: middle;

  color: var(--text-blue-color);

}

.about-tags svg.feather {

  margin: 0;

  vertical-align: middle;

  color: var(--text-black-color);

}

.sidebar-nav-icon ul a li i {

  -webkit-text-stroke: 0.5px;

  font-size: 15px;

  color: #0073A9;

  margin-left: 12px;

  margin-right: 12px;

}



@media (max-width: 767px) {

  #notification_li svg.feather {

    margin: 21px 10px 0;

  }

  .nav-search.nav-wishlist svg.feather {

    margin: 18px 10px 0;

  }

  .nav-search.nav-wishlist {

    right: 6px;

  }

  .dropdown-user-circle {

    vertical-align: middle;

  }

  .mobile-btn {

    float: none;

    text-align: center;

    margin-bottom: 20px;

  }



}

@media (min-width: 992px) and (max-width: 1200px) {

  .image-container a img {

    min-height: 100px;

    max-height: 100px;

  }

  .image-overlay {

    line-height: 100px;

    font-size: 12px;

  }

}









/*.signup-block-main-block {

  border: 1px solid #FFF;

  box-shadow: 0 0 1px 1px rgb(20 23 28 / 10%), 0 3px 1px 0 rgb(20 23 28 / 10%);

}

.signup-side-block {

  background-color: #0284a2;

  height: 100%;

  text-align: center;

}

.signup-block {

  background-color: #FFF;

}

.signup-block img {

  height: 30px;

  margin-bottom: 10px;

}*/

/*.signup-text {

  margin: 200px 0;

}*/

/*.signup-text h1 {

  color: #0284a2;

  font-size: 40px;

  margin-bottom: 0;

}

.signup-text p {

  color: #29303b;

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 20px;

}*/





.signup-side-block {

  height: 100%;

  text-align: center;

  border-radius: 6px 0 0 6px;

}

.signup-heading .logo a img {

  width: 120px;

  margin-bottom: 10px;

}

.signup-heading {

  padding: 40px 20px 20px 0;

  border: none;

  font-size: 20px;

  text-align: center;

  border-radius: 0 6px 6px 0;

}

.signup-block {

  border: none;

}

.signup-form {

  margin-bottom: 50px;

  padding: 0;

}

.signup-form svg.feather {

  position: absolute;

  z-index: 1111;

  top: 9px;

  left: 15px;

  margin: 0;

  color: #CACBCC;

}

.signup-form .form-control {

  font-size: 14px;

}

.signup-block {

  padding: 40px 30px 0;

}

.signup-heading .form-check {

  text-align: left;

}

.signup-heading .form-check .form-check-input {

  width: 15px;

  height: 15px;

}

.signup-heading .form-check-label {

  font-size: 14px;

  margin-left: 5px;

}

.forgot-password a {

  font-size: 14px;

}

.social-link h2 {

  font-size: 14px;

  width: 100%;

  text-align: center;

  border-bottom: 1px solid #000;

  line-height: 0.1em;

  margin: 10px 0 20px;

}

.social-link h2 span {

  background: #fff;

  padding: 0 10px;

}

.social-link {

  margin-bottom: 20px;

}

.social-link .social-icon i {

  text-align: center;

  font-size: 18px;

  line-height: 2.8;

  border-radius: 100%;

  color: #FFF;

  width: 50px;

  height: 50px;

  box-shadow: 0 0 10px 0 rgb(0 0 0 / 5%);

}

.social-link .social-icon.facebook-icon i {

  background-color: #1A538A;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.social-link .social-icon.google-icon i {

  background-color: #DB4A39;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.social-link .social-icon.amazon-icon i {

  background-color: #FF9900;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.social-link .social-icon.linkedin-icon i {

  background-color: #0E76A8;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.social-link .social-icon.twitter-icon i {

  background-color: #1bb2e9;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.social-link .social-icon.gitlab-icon i {

  background-color: #29303b;

  color: #FFF;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

/*.social-icon:hover {

    border: 1px solid #00576B;

    background-color: #00576B;

    color: var(--text-white-color);

}*/

.social-link i {

  margin-right: 0;

}

.view-dtl .rate ul li.free-rate b {

  font-weight: 600;

  font-size: 14px;

}

.main-des-head {

  color: #29303b;

  font-size: 12px;

  margin-bottom: 10px;

}

.patners-slider.owl-carousel .owl-item img {

  width: 100px;

  height: 100px;

  border-radius: 6px;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  margin-bottom: 20px;

}

.testimonial-slider-main-block.owl-carousel .owl-item .testimonial-block .quote-img img {

  width: 50px;

  height: 50px;

  left: 0;

  right: 0;

  margin: 0 auto 15px;

}

.testimonial-rating {

  margin-bottom: 20px;

}

.testimonial-para {

  text-align: left;

}

.about-home-btn svg.feather {

  color: #FFF;

  margin: 0 10px 0 0;

  vertical-align: middle;

}

.about-content-sidebar .star-rating {

  color: #29303b;

}

.course-content-heading {

  margin-bottom: 5px;

}

.about-product-main-block .student-view-block .view-dtl .rate ul li {

  line-height: 1.5;

}

.instructor-link ul li svg.feather {

  color: #97c340;

  margin: 0;

}

.instructor-block .view-heading a {

  font-size: 14px;

}

.instructor-profile .instructor-block .rating {

  font-weight: 400;

}

.business-home-slider-block .categories-popularity-dtl ul li {

  font-size: 14px;

}

.last-updated {

  font-size: 12px;

}

.categories-popularity-dtl svg.feather {

  margin: 0 5px 0 0;

}

.business-home-slider-block .categories-popularity-dtl .ratings {

  text-align: left;

  margin-bottom: 5px;

}

.business-home-slider-block .categories-popularity-dtl .ratings ul li {

  font-size: 12px;

}

.business-home-slider-block .advance-badge .bg-primary {

  top: 0;

  bottom: inherit;

  left: 15px;

}

.categories-title {

  position: absolute;

  bottom: 45%;

  left: 0;

  right: 0;

  text-align: center;

  color: #FFF;

}

.categories-title i {

  margin-right: 10px;

}

.navigation ul li svg.feather {

  margin: 0 10px 0 0;

  vertical-align: text-top;

}

#cssmenu ul ul li a {

  width: 290px;

  font-size: 14px;

}

#cssmenu ul ul {

  border-radius: 5px;

}

#cssmenu ul ul li:first-child a {

  border-radius: 5px 5px 0 0;

}

#cssmenu ul ul li:last-child a {

  border-radius: 0 0 5px 5px;

}

.navigation ul li ul li svg.feather {

  margin: 3px 0 0 0;

  color: #29303B;

}

#cssmenu ul ul ul li:first-child a {

  border-radius: 5px 5px 0 0;

}

#cssmenu ul ul ul li:last-child a {

  border-radius: 0 0 5px 5px;

}

.testimonial-name .testimonial-heading {

  display: inline-block;

  float: left;

  border-right: 1px solid #686f7a;

  padding: 0 10px 0 0;

  margin: 0 10px 0 0;

}

.testimonial-name {

  margin-top: -15px;

}

.testimonial-rating {

  text-align: left;

}

#batch-view-slider.owl-carousel .owl-item .view-user-img .user-img-one {

  bottom: 46%;

}

#zoom-view-slider.owl-carousel .owl-item .view-user-img .user-img-one {

  bottom: 46%;

}

#blog-post-slider.owl-carousel .owl-item .view-user-img .user-img-one {

  bottom: 46%;

}

.fact-main-block {

  padding: 80px 0 40px;

}

.facts-block {

  padding: 0 15px;

  background-color: #FFF;

  border-radius: 6px;

  border: 2px solid transparent;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.facts-block:hover {

  border: 2px solid #97c340;

  border-radius: 6px;

}

.facts-block-one {

  padding: 30px 0;

}

.facts-block-img {

  background: #D23E4C;

  border-radius: 100%;

  width: 100px;

  height: 100px;

  margin: 0 auto 20px;

  position: relative;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.facts-block img {

  padding: 16px 0;

  margin-bottom: 10px;

}

.facts-block:hover .facts-block-img {

  -webkit-transform: translate3d(0, -10px, 0);

  -moz-transform: translate3d(0, -10px, 0);

  transform: translate3d(0, -10px, 0);

}

.facts-title {

  margin-bottom: 10px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.facts-title a {

  color: #29303b;

  font-size: 16px;

}

.facts-block p {

  font-size: 14px;

  margin-bottom: 0;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.facts-count {

  font-size: 18px;

  font-weight: 600;

  position: absolute;

  bottom: -4px;

  right: -10px;

  border-radius: 100%;

  border: 1px solid #FFF;

  background-color: #FFF;

  width: 40px;

  height: 40px;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  padding: 7px;

  color: var(--text-black-color);

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

div#cssmenu .has-sub {
  padding-top: 30px;
}

.facts-block:hover .facts-count {

  background-color: #D23E4C;

  color: var(--text-white-color);

  border: 1px solid #FFF;

}

.recommendations-block {

  background-color: #bad288;

  height: 320px;

  padding: 89px 75px;

  color: #FFF;

  font-size: 20px;

  font-weight: 500;

  text-align: left;

}

.recommendations-heading {

  margin-bottom: 10px;

  color: #FFF;

}

.recommendations-block p {

  margin-bottom: 30px;

  font-size: 14px;

}

.recommendations-img img {

  width: 100%;

  height: 320px;

  object-fit: cover;

}

.video-main-block {

  padding: 0px;

}

.video-block {

  position: relative;

}

.video-block.parallax {

  height: 500px;

  width: 100%;

  object-fit: cover;

}

.video-block .overlay-bg {

  background: rgba(0, 0, 0, 0.3);

  border-radius: 6px;

}

.play-btn {

  width: 100px;

  height: 100px;

  background: radial-gradient(rgba(244, 74, 74, 0.8) 66%, rgba(255, 255, 255, 1) 68%);

  border-radius: 50%;

  position: absolute;

  display: block;

  margin: -23% auto;

  left: 0;

  right: 0;

  box-shadow: 0px 0px 25px 3px rgba(244, 74, 74, 0.8);

}



/* triangle */

.play-btn::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translateX(-40%) translateY(-50%);

  transform: translateX(-40%) translateY(-50%);

  transform-origin: center center;

  width: 0;

  height: 0;

  border-top: 15px solid transparent;

  border-bottom: 15px solid transparent;

  border-left: 25px solid #fff;

  z-index: 100;

  -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);

  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);

}



/* pulse wave */

.play-btn:before {

  content: "";

  position: absolute;

  width: 150%;

  height: 150%;

  -webkit-animation-delay: 0s;

  animation-delay: 0s;

  -webkit-animation: pulsate1 2s;

  animation: pulsate1 2s;

  -webkit-animation-direction: forwards;

  animation-direction: forwards;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-timing-function: steps;

  animation-timing-function: steps;

  opacity: 1;

  border-radius: 50%;

  border: 5px solid rgba(255, 255, 255, .75);

  top: -25%;

  left: -25%;

  background: rgba(198, 16, 0, 0);

}



@-webkit-keyframes pulsate1 {

  0% {

    -webkit-transform: scale(0.6);

    transform: scale(0.6);

    opacity: 1;

    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);

  }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 0;

    box-shadow: none;



  }

}



@keyframes pulsate1 {

  0% {

    -webkit-transform: scale(0.6);

    transform: scale(0.6);

    opacity: 1;

    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);

  }

  100% {

    -webkit-transform: scale(1, 1);

    transform: scale(1);

    opacity: 0;

    box-shadow: none;



  }

}

.video-dtl {

  position: absolute;

  margin: -13% auto;

  left: 0;

  right: 0;

}

.instructor-home-main-block {

  padding: 0 0 50px;

}

.instructor-home-main-slider.owl-carousel .instructor-home-block img {

  width: 100%;

  height: 200px;

  /* margin: -60px auto; */

  border-radius: 6px 6px 0 0;

  /*filter: grayscale(80%);*/

  object-fit: cover;

  position: relative;

  overflow: hidden;

}

.instructor-home-main-slider.owl-carousel .owl-item {

  padding: 0 0 20px;

}

.instructor-home-block {

  position: relative;

  overflow: hidden;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  border-radius: 6px;

  /*background: #FFF;

  border: 2px solid transparent;

  

  margin: 0 10px;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;*/

}

.instructor-home-dtl {

  background-color: #FFF;

  margin-top: -57px;

  padding: 14px 10px 0px 10px;

  text-align: center;

  margin-bottom: 15px;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transform: translate(0, 36px);

  -webkit-transform: translate(0, 36px);

  -moz-transform: translate(0, 36px);

  -ms-transform: translate(0, 36px);

  -o-transform: translate(0, 36px);

}

.instructor-home-dtl hr {

  margin-bottom: 0;

}

.instructor-home-block:hover .instructor-home-dtl {

  transform: translate(0, 0);

  -webkit-transform: translate(0, 0);

  -moz-transform: translate(0, 0);

  -ms-transform: translate(0, 0);

  -o-transform: translate(0, 0);

}

.instructor-home-heading {

  margin-bottom: 8px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.instructor-home-heading a {

  color: var(--text-black-color);

  font-size: 16px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.instructor-home-dtl p {

  font-size: 13px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.instructor-home-rating {

  margin-bottom: 10px;

}

.instructor-home-btn .btn-primary {

  padding: 0;

  font-size: 15px;

  font-weight: 600;

  background: inherit;

  text-transform: uppercase;

  color: #F44A4A;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.instructor-home-block:hover {

  /*border: 2px solid #97c340;

  border-radius: 6px;*/

  /*background-image: linear-gradient(white, white), linear-gradient(197.61deg, #97c340 , #6e1a52);

  background-origin: border-box;

  background-clip: content-box, border-box;*/

}

.instructor-button .btn-secondary {

  padding: 2px 10px;

}

.heart-fill svg.feather {

  fill: #FFF;

  background-color: #F44A4A !important;

  border: 1px solid #F44A4A !important;

  margin: 0 3px !important;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.heart-fill svg.feather:hover {

  background-color: #FFF !important;

  color: #97c340 !important;

}

.sticky.is-sticky {

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

  z-index: 10000;

  width: 100%;

  background-color: #FFF;

}

.sign-up a {

  font-weight: 500;

}

/*.signup-side-block img {
  height: 500px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  border-radius: 6px 0 0 6px;
  object-fit: contain;
}*/

.login-signup {

  /*box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);*/

  border-radius: 6px;

}

.forgot-pass {

  padding: 180px 20px 150px 0;

}

.reset-pass {

  padding: 120px 20px 20px 0;

}

.business-home-search .search {

  width: 100%;

  position: relative;

  display: flex;

  justify-content: right;

}

.business-home-search .searchTerm {

  width: 80%;

  border: 2px solid #97c340;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  border-right: none;

  padding: 5px 20px;

  height: 45px;

  border-radius: 30px;

  outline: none;

  color: #29303b;

  position: relative;

}

.business-home-search .searchButton {

  width: 15%;

  height: 45px;

  border: 1px solid #0073A9;

  background: #0085BF;

  text-align: center;

  border-radius: 30px;

  cursor: pointer;

  font-size: 14px;

  position: absolute;

  right: 0;

  color: #FFF;

}

.business-home-search .searchButton svg.feather {

  color: #FFF;

  margin: 8px 0 0;

}

.home-search .searchButton svg.feather {

  color: #FFF;

  margin: 8px 0 0;

}

.prime-description-under-block .shopping-cart svg.feather {

  vertical-align: middle;

  margin: 0 10px 0;

  color: #FFF;

}

.grid-img {

  height: 200px !important;

  margin-bottom: 20px;

  border-radius: 6px 6px 0 0;

}

.btn-group-toggle {

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  border-radius: 6px;

}

.btn-outline-dark {

  background-color: inherit;

  border-color: inherit;

  border: inherit;

  padding: 0.375rem 0.75rem 0.5rem;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
  background-color: #0085BF;
  border-color: inherit;
}

.btn-outline-dark:hover {
  background-color: #0fd3ad;
  border-color: inherit;
}

.btn-outline-dark svg.feather {

  color: #29303b;

  margin: 0;

  width: 20px;

  height: 20px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.btn-outline-dark.active svg.feather {

  color: #FFF;

}

.btn-outline-dark:hover svg.feather {

  color: #FFF;

}

/*.course-bought-block .img-wishlist {

  display: none;

}*/

.course-bought-block .img-wishlist-btm {

  bottom: 7px;

  top: inherit;

}

.course-bought-block .img-wishlist svg.feather {

  opacity: 0;

  border: 1px solid #FFF;

  background-color: #FFF;

  border-radius: 100%;

  padding: 5px;

  width: 28px;

  height: 28px;

  margin: 0 3px 0;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.course-bought-block:hover .img-wishlist svg.feather {

  opacity: 1;

}

.course-bought-block .img-wishlist svg.feather:hover {

  background-color: #0085BF;

  border: 1px solid #97c340;

  color: #FFF;

}

.course-bought-block .view-user-img .user-img-one {

  width: 60px;

  height: 60px !important;

  border: 2px solid #FFF;

  border-radius: 6px;

  position: absolute;

  margin-left: 17px;

  right: 10%;

  bottom: -25px;

  box-shadow: 0 2px 8px 2px rgb(20 23 28 / 20%);

  display: none;

}

.course-bought-block .view-user-img {

  width: auto;

}

.login-img {

  position: absolute;

  top: 0;

}

.login-img img {

  padding: 80px 0;

}

.btn-group-small-screen {

  display: none;

}

.featured-review-block p {

  font-size: 13px;

}

.featured-review-img-dtl .year {

  font-size: 12px;

}

.course-name a {

  font-size: 13px;

}

.about-product-main-block .course-bought-img img {

  width: 100%;

  height: 120px;

}

.review-rating-btn .btn-success {

  padding: 6px 15px;

  font-size: 13px;

}

.review-dtl .review-text p {

  font-size: 13px;

}

.review-dtl .review {

  font-size: 13px;

}

.review-dtl .review a {

  font-size: 13px;

}

.protip-wish-btn svg.feather {

  opacity: 1;

  border: 1px solid #FFF;

  background-color: #FFF;

  border-radius: 100%;

  padding: 5px;

  width: 28px;

  height: 28px;

  margin: 10px 3px 0;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.protip-wish-btn svg.feather:hover {

  background-color: #0085BF;

  border: 1px solid #F44A4A;

  color: #FFF;

}

.student-view-block:hover .protip-wish-btn svg.feather {

  opacity: 1;

}

.card-header:first-child {

  border-radius: 6px;

}

.chapter-total-heading {

  font-size: 13px;

}

.chapter-total-classes {

  font-size: 13px;

}

.complete {

  font-size: 12px;

  margin-top: 5px;

}

.wishlist-action {

  position: absolute;

  top: 0;

  right: 0;

}

.wishlist-action svg.feather {

  margin: 0 5px 0;

  border: 1px solid #FFF;

  background-color: #FFF;

  border-radius: 100%;

  padding: 5px 0;

  width: 28px;

  height: 28px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.wishlist-action svg.feather:hover {

  background-color: #F44A4A;

  border: 1px solid #F44A4A;

  color: #FFF;

}

.purchase-main-block .table {

  background-color: var(--background-grey-bg-color);

}

.purchase-main-block .table thead th {

  border-bottom: inherit;

}

.purchase-main-block .table td,
.table th {

  border-top: inherit;

}

.dashboard-items ul li svg.feather {

  margin: 0 10px 0;

  vertical-align: middle;

}

#cssmenu>ul>li.has-sub :hover>a {
  color: #0085BF;
}

#cssmenu>ul>li.has-sub :hover>svg.feather {

  color: #0085BF;

}

#cssmenu ul ul li a:hover {

  border-left: 3px solid #0085BF;

}

.upload-items .btn-primary {

  padding: 8px 16px;

}

.user-bank-block .table {

  background-color: var(--background-white-bg-color) !important;

  box-shadow: inherit !important;

}

.user-bank-button .modal-dialog {

  margin: 200px auto;

}

.factor-main-block .btn-primary {

  padding: 8px 16px;

  font-size: 14px;

}

.flash-button {

  margin-top: 15px;

  margin-right: 25px;

}

.flash-deals-block .view-dtl p a {

  font-size: 12px;

}

.bg_image_deal p {

  position: relative;

}

.view-deals-img img {

  height: 250px;

  width: 100%;

  object-fit: cover;

  border-radius: 6px 6px 0 0;

}

.view-heading.view-deal-heading a {

  width: 300px;

  font-size: 16px;

}

.view-deals-img .card-title {

  margin-bottom: 0;

}

.view-deals-price {

  font-size: 22px;

}

.view-deal-btn .btn-primary {

  padding: 8px 16px;

}

.view-deal-btn svg.feather {

  margin: 0 10px 0 0;

  color: #FFF;

  vertical-align: text-bottom;

}

.card.view-deals-img {

  border-radius: 6px;

}

.business-home-main-block {}



@media (max-width: 767px) {

  .profile-block .profile-block-img {

    margin-top: 0;

  }

  .growth-block {

    height: inherit;

  }

  .profile-dtl-block {

    padding: 50px 0;

  }

  .online-blog-block {

    height: inherit;

  }

  #bar-fixed .col {

    padding: 0;

  }

  .sidebar-nav-icon ul a li i {

    margin-left: 0;

  }

  .facts-block {

    margin-bottom: 30px;

  }

  .testimonial-main-block .row {

    margin: 0 !important;

  }

  .testimonial-name {

    margin: 50px auto 0;

    text-align: center;

  }

  .testimonial-rating {

    text-align: center;

  }

  .testimonial-slider-main-block.owl-carousel .owl-item .testimonial-block img {

    left: 0;

    right: 0;

  }

  .play-btn {

    margin: -100% auto;

  }

  .video-dtl {

    margin: -60% auto;

    left: 30px;

    right: 30px;

  }

  .video-dtl p {

    font-size: 13px;

  }

  .btn-group-web-screen {

    display: none;

  }

  .dashboard-items {

    margin-bottom: 30px;

  }

  .card.view-deals-img {

    margin-bottom: 30px;

  }

}





@media (min-width: 767px) and (max-width: 992px) {

  #notification_li {

    top: 10px;

  }

  #notification_li span {

    top: 3px;

  }

  .shopping-cart {

    top: 4px;

    right: 0;

  }

  .nav-search.nav-wishlist {

    right: -10px;

    top: 3px;

  }

  .growth-block {

    height: inherit;

  }

  .profile-block .profile-block-img {

    width: 150px;

    height: 150px;

    margin-top: 0;

  }

  .sidebar-nav-icon ul a li i {

    margin-left: 0;

  }

  .facts-block {

    margin-bottom: 30px;

  }

  .facts-block p {

    font-size: 13px;

  }

  .testimonial-main-block .row {

    margin: 0 !important;

  }

  .testimonial-name {

    text-align: center;

  }

  .testimonial-slider-main-block.owl-carousel .owl-item .testimonial-block img {

    left: 0;

    right: 0;

  }

  .testimonial-name .testimonial-heading {

    padding: 0 5px 0 0;

    margin: 0 5px 0 0;

    font-size: 15px;

  }

  .play-btn {

    margin: -40% auto;

  }

  .video-dtl {

    margin: -23% auto;

    left: 30px;

    right: 30px;

  }

  .about-home-dtl-block {

    padding: 15px 20px;

  }

  .about-home-rate ul li {

    font-size: 22px;

  }

  .about-home-rate ul li span {

    font-size: 12px;

  }

  .about-home-main-block .col {

    padding: 0;

  }

  .about-reward-badges img {

    margin-right: 5px;

  }

  .about-home-main-block .btn-video-play i {

    left: 25%;

  }

  .bar-block {

    width: 60%;

  }

  .histo {

    margin-right: 0;

  }

  .rating-num {

    font-size: 50px;

  }

  .review-dtl .review-rating {

    margin-top: 20px;

  }

  .about-product-main-block .view-heading a {

    width: 150px;

  }



}



@media (min-width: 992px) and (max-width: 1200px) {

  .profile-block .profile-block-img {

    width: 170px;

    height: 170px;

  }

  .facts-block p {

    font-size: 13px;

  }

  .view-heading a {

    width: 200px;

  }

  .testimonial-main-block .row {

    margin: 0 0.5rem !important;

  }

  .testimonial-name .testimonial-heading {

    padding: 0 5px 0 0;

    margin: 0 5px 0 0;

    font-size: 14px;

  }

  .testimonial-block {

    padding: 30px 20px;

  }

  .play-btn {

    margin: -30% auto;

  }

  .video-dtl {

    margin: -15% auto;

  }

  .about-home-main-block .col {

    padding: 0;

  }

}

.input-button-display .form-control {

  padding: 13px 0 13px 20px;

  color: var(--text-black-color);

  border-radius: 0;

  border: none;

  background-color: var(--background-grey-bg-color);

  display: inline-block;

  float: left;

  width: 100% !important;

}



#subscription-bundle-view-slider .owl-item .view-user-img .user-img-one {

  bottom: 46%;

}

.more-courses .protip-wish-btn svg.feather {

  opacity: 0;

}

.more-courses .protip-wish-btn svg.feather:hover {

  opacity: 1;

}







.modal-dialog {

  margin: 121px auto;

}

.job-portal-block .button a {

  border-left: 3px solid transparent !important;

  border-right: inherit !important;

  padding: 20px 30px 15px;

  text-align: left;

}

.job-portal-block .nav {

  padding: 20px 0;

  border-radius: 6px;

  margin-bottom: 30px;

}

.job-portal-block .button .active {

  border-left: 3px solid #0073A9 !important;

  border-right: inherit !important;

  color: #0073A9;

}

.job-portal-block .button a:hover {

  border-left: 3px solid #0073A9 !important;

  border-right: inherit !important;

  color: #0073A9;

}

.job-portal-block .button a i {

  margin-right: 5px;

}

.form-wizard {

  border-radius: 6px;

}

#size {

  height: 33px !important;

}













.learning-courses-about-main-block .second-accordion .card-body a.btn-light.focus,

.learning-courses-about-main-block .second-accordion .card-body a.btn-light:focus {

  background: var(--background-blue-bg-color);

}



.learning-courses-about-main-block .second-accordion .card-body a.btn-light.active,

.learning-courses-about-main-block .second-accordion .card-body a.btn-light:hover {

  background-color: #003845;

  border: 1px solid #003845;

}

.business-img {

  position: relative;

}

.business-dtl {

  position: absolute;

  top: 40%;

  left: 11.5%;

  right: 5%;

}

.business-img img {
  height: 210px;
  width: 100%;
  object-fit: contain;
  object-position: right;
}

.instructor-page {

  padding: 80px 0;

}

.instructor-page .instructor-home-block {

  margin-bottom: 40px;

}

.instructor-page .instructor-home-block img {

  width: 100%;

  height: 200px;

  /* margin: -60px auto; */

  border-radius: 6px 6px 0 0;

  /* filter: grayscale(80%); */

  object-fit: cover;

  position: relative;

  overflow: hidden;

}

.instructor-reward-badges ul li {

  display: inline-block;

  margin-right: 10px;

}

.instructor-reward-badges ul li img {

  width: 30px !important;

  height: 30px !important;

  margin: 10px auto 20px !important;

}

.instructor-home-info ul li {

  display: inline-block;

  font-size: 12px;

  margin-right: 5px;

  border-right: 1px solid #29303b;

  padding-right: 5px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.instructor-home-info ul li:last-child {

  margin-right: 0;

  padding-right: 0;

  border-right: none;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.instructor-home-social-icon ul li {

  display: inline-block;

}

.instructor-home-social-icon svg.feather {

  margin: 0 5px 0;

  width: 16px;

  height: 16px;

  /*border-radius: 100%;

  padding: 5px;

  border: 1px solid #D23E4C;*/

  color: #FFF;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.instructor-profile-main-block {

  background-color: #F6F7FC;

}

.instructor-profile-img img {

  width: 180px;

  height: 180px;

  border-radius: 100%;

  object-fit: cover;

}

.instructor-profile-main-block {

  padding: 50px 0;

}

.instructor-profile-block {

  background-color: var(--background-white-bg-color);

  padding: 50px 30px;

  /*box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);*/

  border-radius: 6px;

}

.instructor-info-main-block .view-footer .rate ul {

  line-height: 1;

}

.instructor-info-main-block .view-footer .rate ul li {

  line-height: 0;

}

.instructor-profile-img {

  margin-bottom: 20px;

}

.instructor-profile-tabs {

  background-color: #FFF;

  border-radius: 6px;

  padding: 30px;

}

.instructor-profile-tabs .nav-tabs {

  border-bottom: none;

  margin-bottom: 30px;

}

.instructor-profile-tabs .nav-item {

  margin-right: 10px;

}

.instructor-profile-tabs .nav-tabs .nav-link {

  border: inherit;

  background-color: #0085BF;

  color: #FFF;

  border-radius: 6px;

}

.instructor-profile-tabs .nav-tabs .nav-item.show .nav-link,

.instructor-profile-tabs .nav-tabs .nav-link.active {

  background-color: #0085BF;

  color: #FFF;

}

.instructor-profile-main-block .instructor-home-social-icon {

  margin-bottom: 0;

}

.instructor-about {

  margin-bottom: 30px;

}

.instructor-about p {

  font-size: 13px;

}

.instructor-education {

  margin-bottom: 30px;

}

.instructor-education ul li svg.feather {

  margin: 0 10px 0 0;

  width: 10px;

  height: 10px;

}

.instructor-education ul li {

  font-size: 13px;

}

.instructor-experiences {

  margin-bottom: 30px;

}

.instructor-experiences ul li svg.feather {

  margin: 0 10px 0 0;

  width: 10px;

  height: 10px;

}

.instructor-experiences ul li {

  font-size: 13px;

}

.instructor-skill {

  margin-bottom: 30px;

}

.instructor-skill ul li {

  display: inline-block;

  float: left;

  font-size: 12px;

  margin-right: 15px;

  background-color: #F6F7FC;

  padding: 5px 15px;

  border-radius: 6px;

}

.instructor-profile-mail {

  margin-bottom: 15px;

}

.instructor-profile-number {

  margin-bottom: 10px;

}

.instructor-profile-main-block .instructor-home-info ul li {

  margin-right: 15px;

  margin-bottom: 15px;

  border-right: 1px solid #29303B;

  padding-right: 15px;

  font-size: 14px;

}

.instructor-profile-main-block .instructor-home-info ul li:last-child {

  margin-right: 0;

  border-right: none;

  padding-right: 0;

}

.instructor-profile-tabs .rate ul {

  line-height: 0.5;

}

.instructor-profile-tabs .rate ul li {

  line-height: 0 !important;

}

.instructor-profile-btn .advance-badge .bg-primary {

  color: #FFF;

  left: 30px;

}

.instructor-profile-btn .advance-badge-two .bg-primary {

  background-color: #0085BF !important;

}

.video-main-block .modal-dialog {

  max-width: 60% !important;

}

.video-main-block .modal-content {

  background-color: inherit;

  border: inherit;

}

.video-main-block .close {

  color: #FFF;

  opacity: 1;

  font-size: 28px;

}

.video-main-block .close:not(:disabled):not(.disabled):focus,

.video-main-block .close:not(:disabled):not(.disabled):hover {

  opacity: 1;

}

.video-main-block .close:hover {

  color: #FFF;

}

.recommendation-btn .btn-primary {

  background-color: #FFF;

  border-radius: 6px;

  color: #97c340;

}

.requirements {

  margin-bottom: 30px;

}

.description-block img {

  margin-bottom: 20px;

  border-radius: 6px;

}

.about-product-main-block .course-bought-block {

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  margin-bottom: 30px;

  border-radius: 6px;

  background-color: #FFF;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.course-bought-block .heart-fill svg.feather {

  margin: 0;

}

.categories-block.assign-tab-one {

  background-color: #FFF;

}

.btn-secondary:not(:disabled):not(.disabled).active,

.btn-secondary:not(:disabled):not(.disabled):active,

.show>.btn-secondary.dropdown-toggle {

  border-radius: 6px;

}

.homework-block .btn {

  font-size: 14px;

}

.border1 {

  border-style: dotted;

  border-width: 2px;

}

.instructor-img img {

  height: 400px;

  position: relative;

  width: 100%;

  background-position: center;

  background-repeat: no-repeat;

  object-fit: cover;

}

.top-right {

  position: absolute;

  top: 8px;

  right: 16px;

}

.instructor-img {}

.blog-main-block {

  margin-top: -200px;

  margin-bottom: 40px;

  border
}



.left-course {

  margin-left: 16rem !important;

}



.border-color {

  border: 2px solid;

  width: 70px;

  border-color: orange;

  border-radius: 10px;

  box-shadow: 0 1px 2px 0 orange;

  padding: 15px;

}

.course-icon {

  color: orange;

  font-size: 30px !important;

}

.border2-color {

  border: 2px solid;

  width: 70px;

  border-color: #00BFFF;

  border-radius: 10px;

  box-shadow: 0 1px 2px 0 #00BFFF;

  padding: 15px;

}

.course2-icon {

  color: #00BFFF;

  font-size: 30px !important;

}

.border1-color {

  border: 2px solid;

  width: 70px;

  border-color: #A52A2A;

  border-radius: 10px;

  box-shadow: 0 1px 2px 0 #A52A2A;

  padding: 15px;

}

.course1-icon {

  color: #A52A2A;

  font-size: 30px !important;

}

.institute-profile-block-one p {

  margin-bottom: 0;

}

.institute-profile img {

  width: 150px;

  height: 150px;

  border-radius: 100%;

  object-fit: cover;

}

.institute-profile-block {

  padding: 20px 40px;

  border-radius: 6px;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  background-color: #FFF;

  border: inherit;

}

.institute-profile-dtl {

  padding: 40px 0;

}

.institute-profile-block-one {

  padding: 10px 0;

}

.institute-profile-block-one .institute-profile-icon {

  margin: 0 auto;

}

.institute-profile-des .card {

  border-radius: 6px;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  background-color: #FFF;

  border: inherit;

}

.institute-main-block {

  position: relative;

}

.institute-profile-block hr {

  margin-top: 20px;

}

.institute-profile-block .card-body {

  padding: 0;

}

.blog-slider-dtl p {

  font-size: 13px;

}

.blog-slider-heading a {

  color: var(--text-black-color);

}

.blog-block {

  border-radius: 6px;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  background-color: #FFF;

  margin-bottom: 30px;

}

.blog-block-img img {

  width: 100%;

  height: 200px;

  object-fit: cover;

  border-radius: 6px 6px 0 0;

}

.block-block-dtl {

  padding: 20px;

}

.block-block-dtl p {

  font-size: 13px;

}

.blog-slider-heading a {

  font-size: 16px;

  color: var(--text-black-color);

}

.blog-slider-heading a:hover {

  color: var(--text-black-color);

}

.blog-dtl-img img {

  width: 100%;

  border-radius: 6px;

}

.blog-dtl-main-block ul {

  margin-bottom: 10px;

}

.blog-dtl-main-block ul li {

  display: inline-block;

  margin-right: 15px;

}

.blog-dtl-main-block p {

  font-size: 13px;

}

.blog-link {

  margin-top: 40px;

}

.blog-link a {

  padding: 10px;

  color: #FFF;

}

.blog-dtl-sidebar {

  border-radius: 6px;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  background-color: #FFF;

  margin-bottom: 30px;

  padding: 20px;

}

.sidebar-block {

  margin-bottom: 30px;

}

.sidebar-block img {

  border-radius: 6px;

}

.sidebar-block h5 {

  margin-bottom: 10px;

}

.blog-dtl-sidebar .btn-primary {

  width: 100%;

  padding: 6px;

}

.sidebar-heading {

  margin-bottom: 30px;

}

.blog-slider-heading {

  margin-bottom: 10px;

}

.btn-primary:not(:disabled):not(.disabled).active,

.btn-primary:not(:disabled):not(.disabled):active,

.show>.btn-primary.dropdown-toggle {

  background-color: inherit;

  border-color: inherit;

}

.btn-primary:focus {

  border-color: inherit;

}

.testimonial-block:hover {

  border: 2px solid #97c340;

  border-radius: 6px;

  /*background-image: linear-gradient(white, white), linear-gradient(197.61deg, #97c340 , #6e1a52);

  background-origin: border-box;

  background-clip: content-box, border-box;*/

  transform: translateY(-25px);

  transition: all .5s ease;

}

.testimonial-block-one {

  padding: 30px;

}

.instructor-home-block-one {

  padding: 0;

}

.btn-secondary:not(:disabled):not(.disabled).active,

.btn-secondary:not(:disabled):not(.disabled):active,

.show>.btn-secondary.dropdown-toggle {

  background-color: inherit;

  border-color: inherit;

}

.btn-secondary.focus,
.btn-secondary:focus {

  color: var(--text-dark-grey-color);

  background-color: inherit;

  border-color: #686F7A;

  box-shadow: none;

}

.sidebar-block-heading a {

  font-size: 14px;

  color: #29303b;

}

.mycourse-progress {

  margin-top: 10px;

}

.purchase-table {

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  border-radius: 6px;

}

.flash-deal-block p a {

  font-size: 12px;

}

.refer-btn .btn-primary {

  padding: 4px 25px;

}

.refer-btn .btn-primary svg.feather {

  margin: 0 10px 0;

  color: #FFF;

}

.user-bank-button .info p {

  font-size: 13px;

}

.user-bank-button .info h2 {

  font-size: 24px;

}

.compare-block {

  margin-top: 0;

}

.resume-edit-page input {

  border-radius: 3px;

  border: 1px solid #ced4da;

  font-size: 14px;

  padding: 8px;

}

.resume-edit-page textarea {

  border-radius: 3px;

  border: 1px solid #ced4da;

  font-size: 14px;

  padding: 10px 30px;

}

textarea.form-con {

  height: 43px !important;

}

.factor-page .btn-primary {

  padding: 10px 25px;

}

.compare-data-block {

  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%);

  text-align: center;

  padding: 20px;

  font-size: 24px;

  border-radius: 6px;

}















@media (max-width: 767px) {

  .business-dtl {

    top: 30%;

  }

  .business-home-main-block h1 {

    text-align: center;

  }

  .business-home-search .search {

    justify-content: center;

  }

  .business-home-search .searchTerm {

    width: 100%;

  }

  .business-home-search .searchButton {

    width: 25%;

  }

  .about-home-product {

    position: relative;

    top: 0;

  }

  .about-content-sidebar {

    margin-bottom: 30px;

  }

  .review-table .star-rating i {

    margin-left: 25px;

  }

  /*.course-user {

    margin-top: 15px;

  }*/

  .course-currency {

    margin-top: 5px;

    border-top: 1px solid #DEDFE0;

    padding-top: 15px;

  }

  /*.course-rate {

    margin-top: 15px;

  }*/

  .homework-block {

    text-align: center;

    margin: 20px 0 !important;

  }

  .homework-block .text-justify {

    text-align: center !important;

  }

  .homework-block .btn {

    float: none !important;

    font-size: 14px;

    margin-top: 10px;

  }

  .cirtificate-border-one {

    margin-bottom: 30px;

  }

  .instructor-img img {

    height: 300px;

  }

  .blog-main-block {

    margin-top: -100px;

  }

  .institute-profile {

    text-align: center;

  }

  .institute-profile img {

    width: 150px;

    height: 150px;

    margin-top: -80px;

  }

  .institute-profile-dtl {

    padding: 20px 0;

    text-align: center;

  }

  .institute-profile-dtl .about-reward-badges {

    text-align: center !important;

  }

  .institute-profile-dtl .about-reward-badges img {

    margin-bottom: 0;

  }

  .blog-main-block .owl-carousel .owl-item img {

    margin: 0 auto;

  }

  #video_modal .modal-dialog {

    max-width: 100% !important;

  }

  .home-search .searchTerm {

    font-size: 12px;

  }

  .home-search .searchButton {

    width: 25%;

    left: 75%;

    font-size: 12px;

  }

  .refer-block .input-group-append {

    width: 100%;

  }

  .refer-btn .btn-primary {

    width: 100%;

  }

  .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,

  .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,

  .input-group:not(.has-validation)>.custom-select:not(:last-child),

  .input-group:not(.has-validation)>.form-control:not(:last-child) {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

  }

  .input-group>.input-group-append>.btn,

  .input-group>.input-group-append>.input-group-text,

  .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
  .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
  .input-group>.input-group-prepend:not(:first-child)>.btn,

  .input-group>.input-group-prepend:not(:first-child)>.input-group-text {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

  }

  .compare-block {

    margin-top: 0;

  }

  .typeahead {

    width: 100% !important;

  }

  .create-job-block {

    text-align: center;

    margin-bottom: 20px;

  }

  .create-job-block img {

    margin-left: 0 !important;

  }

  .apply-button {

    top: 0 !important;

  }

  .create-job-block-btn {

    text-align: center;

  }

  .custom-control.custom-switch {

    margin-bottom: 30px;

  }

  .signup-side-block img {

    border-radius: 6px 6px 0 0;

  }

  .growth-main-block {

    padding: 0 0 100px;

  }

}





@media (min-width: 767px) and (max-width: 992px) {

  .business-home-search .searchTerm {

    width: 100%;

  }

  .business-home-search .searchButton {

    width: 25%;

  }

  .view-heading a {

    width: 220px;

  }

  .course-user ul li svg.feather {

    margin: 0 -3px;

  }

  .progress-block .histo-rate {

    width: 90%;

  }

  .learning-courses-home-video .btn-video-play i {

    top: 30%;

    left: 20%;

    font-size: 30px;

    padding: 20px 23px;

  }

  .learning-courses-about-main-block .second-accordion .card-header button.btn {

    padding: 10px;

  }

  .course-cirtificate .view-heading a {

    width: 158px;

  }

  .gift-main-block .form-control {

    padding: 0.375rem 0.50rem;

    font-size: 14px;

  }

  .instructor-profile .instructor-img img {

    width: 200px;

    height: 200px;

  }

  .institute-profile img {

    width: 150px;

    height: 150px;

  }

  .blog-slider-block {

    margin: 100px 20px 30px 20px;

  }

  .recommendation-btn .btn-primary {

    padding: 12px;

  }

  .instructor-profile-block {

    padding: 50px 5px;

  }

  .instructor-profile-main-block .instructor-home-info ul li {

    margin-right: 5px;

    padding-right: 5px;

  }

  .typeahead {

    width: 100% !important;

  }

  .apply-button {

    padding: 10px;

  }

  .careers-main-block {

    padding: 0 0 400px;

  }

  .careers-video-main-block {

    top: 49%;

  }

  .careers-learn-video-one {

    padding: 0 20px;

  }

  .signup-side-block img {

    height: 686px;

  }

  .register-page .signup-side-block img {

    height: 837px;

  }

  .growth-main-block {

    padding: 0 0 100px;

  }

}











.instructor-button {

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.instructor-button .btn-secondary {

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}



.image-container:hover .categories-img-count {

  bottom: -25px;

  opacity: 1;

}



.instructor-home-block .instructor-home-hover-icon {

  position: absolute;

  display: inline-block;

  opacity: 0;

  top: 10px;

  font-size: 18px;

  right: 15px;

  color: #FFF;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.instructor-home-block:hover .instructor-home-hover-icon {

  opacity: 1;

}

.instructor-home-block .tooltip .tooltip-icon svg.feather {

  margin: 0;

  border: 1px solid #FFF;

  background-color: #FFF;

  border-radius: 100%;

  padding: 5px 0;

  width: 28px;

  height: 28px;

}

.instructor-home-block .tooltip .tooltip-icon svg.feather:hover {

  border: 1px solid #F44A4A;

  background-color: #F44A4A;

  color: #FFF;

}

.instructor-home-block .tooltip .tooltiptext {

  visibility: hidden;

  width: 130px;

  background-color: #555;

  color: #fff;

  text-align: center;

  border-radius: 6px;

  padding: 5px 0px 3px;

  position: absolute;

  z-index: 1;

  bottom: -5px;

  left: 0;

  margin-left: -140px;

  opacity: 0;

  transition: opacity 0.3s;

}



.instructor-home-block .tooltip .tooltiptext::after {

  content: "";

  position: absolute;

  bottom: 35%;

  right: -10px;

  margin-right: 0;

  border-width: 5px;

  border-style: solid;

  border-color: transparent transparent transparent #555;

}



.instructor-home-block .tooltip:hover .tooltiptext {

  visibility: visible;

  opacity: 1;

}

.btn-primary:focus {

  border: inherit;

}

.btn-primary:not(:disabled):not(.disabled).active:focus,

.btn-primary:not(:disabled):not(.disabled):active:focus,

.show>.btn-primary.dropdown-toggle:focus {

  box-shadow: inherit;

}

.btn-primary:not(:disabled):not(.disabled).active,

.btn-primary:not(:disabled):not(.disabled):active,

.show>.btn-primary.dropdown-toggle {

  color: #F44A4A;

}

.signup-block .form-check-input {

  margin-top: 0.6rem;

}

.instructor-tabs .about-instructor .view-footer .rate ul {

  line-height: 0;

}

.protip-btn svg.feather {

  color: #FFF;

  margin: 0 10px 0;

}

.box-footer svg.feather {

  color: #FFF;

  margin: 0 10px 0;

}

.instructor-home-btn svg.feather {

  margin: 0 10px 0;

  width: 16px;

  height: 16px;

}

.course-user ul li {

  margin-right: 10px;

}

.course-user ul li svg.feather {

  display: inline-block;
  /*

  float: left;*/

  margin-right: 5px;

}

.course-user ul li .course-update {

  color: var(--text-black-color);

  display: inline-block;

}

.course-user-count {

  font-size: 12px;

  display: inline-block;

}

.course-name a {

  font-size: 15px;

  font-weight: 700;

  color: var(--text-black-color);

}

.course-rate {

  /* position: absolute;

  top: 2px;

  right: 10px; */

}

.course-rate svg.feather {

  border: 1px solid #FFF;

  background-color: #FFF;

  border-radius: 100%;

  padding: 5px;

  width: 28px;

  height: 28px;

  margin: 0 3px 0;

  opacity: 0;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.course-bought-block:hover .course-rate svg.feather {

  opacity: 1;



}

.course-name-para {

  font-size: 13px;

  color: var(--text-dark-grey-color);

}

.instructor-profile-dtl .btn-primary {

  padding: 5px 20px;

  font-size: 16px;

  margin-top: 5px;

}

.instructor-profile-dtl .instructor-home-social-icon svg.feather {

  color: var(--text-black-color);

}

.instructor-profile-img {

  position: relative;

}

.instructor-profile-block .tooltip {

  position: absolute;

  display: inline-block;

  opacity: 1;

  top: 5px;

  font-size: 18px;

  right: 112px;

  color: #FFF;

  border-radius: 100%;

  box-shadow: 1px 1px 18px rgb(0 0 0 / 15%);

}

.instructor-profile-block .tooltip .tooltip-icon svg.feather {

  margin: 0;

  border: 1px solid #FFF;

  background-color: #FFF;

  border-radius: 100%;

  padding: 5px 0;

  width: 28px;

  height: 28px;

}

.instructor-profile-block .tooltip .tooltiptext {

  visibility: hidden;

  width: 130px;

  background-color: #555;

  color: #fff;

  text-align: center;

  border-radius: 6px;

  padding: 1px 0px 5px;

  position: absolute;

  z-index: 1;

  bottom: -2px;

  left: 0;

  margin-left: -140px;

  opacity: 0;

  transition: opacity 0.3s;

}

.instructor-profile-block .tooltip .tooltip-icon svg.feather:hover {

  border: 1px solid #F44A4A;

  background-color: #F44A4A;

  color: #FFF;

}

.instructor-profile-block .tooltip:hover .tooltiptext {

  visibility: visible;

  opacity: 1;

}

.flash-button .btn-primary {

  background-color: inherit;

  border: inherit;

}

.job-portal-block .profile-info-block .btn-primary {

  padding: 5px 25px;

}

.no-result-img img {

  width: 400px;

  height: 100%;

  border-radius: 6px;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

}

.resume-edit-page p i {

  position: absolute;

  color: #29303b;

  margin: 14px 10px;

}

.forum-page .profile-info-block .card-img-top {

  object-fit: cover;

  margin-bottom: 0;

}

.forum-page .blog-link .btn-primary-rgba {

  color: #29303b;

}

.forum-page .blog-link {

  margin-top: 0;

}

.chat-detail .chat-head2 {

  border-bottom: inherit !important;

}

.meeting-owner {

  color: var(--text-blue-color);

}

.instructor-profile-dtl .instructor-btn {

  text-align: center;

}

.instructor-profile-dtl .instructor-btn .btn-primary {

  width: inherit;

}

.instructor-profile-dtl .instructor-btn .btn-secondary {

  width: inherit;

  background-color: #0085BF;

  color: #FFF;

  border: 1px solid #F44A4A;

}

.cart-main-block .checkout-btn .btn-primary {

  padding: 5px 7px;

  font-size: 13px;

}

.faq-detail-main-block .blog-link a {

  color: #29303b;

}

.user-img img {

  position: relative;

  border-radius: 100%;

  margin-bottom: 30px;

  margin: 0 auto;

  width: 200px;

  height: 200px;

  object-fit: cover;

  border: 3px solid #FFF;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

}

.user-edit-icon {

  position: absolute;

  top: 4%;

  right: 28%;

  background-color: #FFF;

  border-radius: 100%;

  width: 45px;

  height: 45px;

  line-height: 3;

  padding: 0px 10px;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

}

.user-edit-icon svg.feather {

  margin: 0 3px;

  width: 20px;

  height: 20px;

}

.user-edit-icon input {

  display: none;

}

.resume-edit-page .user-img {

  background-color: #00bcd4;

  border-radius: 6px 0 0 6px;

  padding: 30px;

}

.user-img label {

  color: #FFF;

}

.resume-edit-page hr {

  border-top: 1px solid rgba(255, 255, 255, 0.5);

}

.resume-block {

  border-radius: 0 6px 6px 0;

  padding: 30px;

}

.nav-search .btn-primary svg.feather {

  margin: 0;

  color: #FFF;

}

.user-bank-block .table {

  margin-bottom: 0;

}

.select2-container--default .select2-selection--single {

  width: 100%;

  height: calc(1.5em + 0.75rem + 2px) !important;

  padding: 0.375rem 0.75rem;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: #495057;

  background-color: #fff !important;

  background-clip: padding-box;

  border: 1px solid #ced4da !important;

  border-radius: 0.25rem !important;

  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}

.select2-container--default .select2-selection--single .select2-selection__arrow {

  top: 10px !important;

}

#colorbox,
#cboxOverlay,
#cboxWrapper {

  z-index: 999999 !important;

}

.assignment-main-block svg.feather {

  margin: 0 10px 0;

}

.assignment-main-block .btn-primary {

  padding: 7px 25px;

}

.coming-soon-main-block .facts-block {

  padding: 10px;

}

.coming-soon-main-block .facts-heading {

  margin-bottom: 0;

}

.coming-soon-main-block .nav-bar-btn .btn-primary {

  padding: 10px 25px;

}

.student-profile-main-block {

  padding: 60px 0;

  background-color: #F2F3F5;

}

/*.student-profile-img {

  margin-bottom: 40px;

}*/

.student-profile-img img {

  width: 200px;

  height: 200px;

  border-radius: 50%;

  object-fit: cover;

  margin: 0 auto;

}

.student-info {

  padding: 35px 0;

}

.student-contact-dtl {

  margin-bottom: 40px;

  /*text-align: center;*/

}

.student-contact-dtl h4 {

  /*background-color: var(--background-grey-bg-color);*/

  text-align: left;

  padding: 10px 0;

  color: var(--text-black-color);

  font-size: 18px;

  margin-bottom: 0;

}

/*.student-social-dtl {

  text-align: center;

}*/

.student-social-dtl h4 {

  /*background-color: var(--background-grey-bg-color);*/

  text-align: left;

  padding: 10px 0;

  color: var(--text-black-color);

  font-size: 18px;

  margin-bottom: 0;

}

.student-social-dtl p {

  font-size: 14px;

  margin-bottom: 15px;

}

.student-social-dtl span {

  font-weight: 600;

}

.student-courses h4 {

  /*background-color: var(--background-grey-bg-color);*/

  padding: 10px 10px;

  color: var(--text-black-color);

  font-size: 18px;

  margin-bottom: 0;

}

.student-profile-sidebar {

  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%);

  padding: 20px;

  border-radius: 6px;

  background-color: #FFF;

}

.student-course-info {

  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%);

  padding: 20px 30px;

  border-radius: 6px;

  background-color: #FFF;

}

.student-profile-share a {

  padding: 7px 12px;

  background-color: var(--background-grey-bg-color);

  border-radius: 6px;

  color: var(--text-blue-color);

}

.student-profile-share a svg.feather {

  margin: 0 10px 0 0;

  color: var(--text-blue-color);

}

.student-course-info .nav-search .form-control {

  width: 715px;

}

.student-course-info .nav-search .btn-primary {

  background-color: #0085BF;

}

.student-profile-main-block .view-heading a {

  width: 200px;

}



.import-main-block {

  background-color: #F6F7FC;

  padding: 60px 0;

}

.import-block {

  background-color: #FFF;

  padding: 40px;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  border-radius: 6px;

  margin-bottom: 40px;

}

.import-block input {

  border-radius: 6px 0 0 6px;

}

.import-block .form-control {

  height: calc(1.75em + 0.75rem + 1.25px);

  padding: 0.25rem 0.5rem 0.25rem;

}

.import-block .btn-primary {

  padding: 8px 25px;

  border-radius: 0 6px 6px 0;

}

.import-block .widgetbar .btn-primary {

  border-radius: 6px;

  font-size: 14px;

  padding: 9px 25px;

}

.import-block .widgetbar .btn-primary svg.feather {

  color: #FFF;

  margin: 0 10px 0;

}

.import-job-block {

  background-color: #FFF;

  padding: 40px;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  border-radius: 6px;

}

.import-job-block .card {

  border: inherit;

  background-color: inherit;

}

.import-job-block .card-body {

  padding: 0;

}

.import-job-block .card-header {

  background-color: inherit;

  border: inherit;

  padding: 0;

}

.import-job-block .table td,

.import-job-block .table th {

  border-top: inherit;

  padding: 0.75rem 1.5rem;

}

.import-job-block .table {

  background-color: var(--background-grey-bg-color);

}

.import-job-block .table-striped tbody tr:nth-of-type(odd) {

  background-color: #FFF;

}

.import-job-block .table-striped tbody tr {

  background-color: #FFF;

}

.import-job-block .table-bordered td,
.table-bordered th {

  border: inherit;

  border-top: 1px solid #dee2e6;

}

.import-job-block .table-responsive {

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  border-radius: 6px;

}







.newsletter-main-block {

  position: relative;

  top: -80px;

  height: 150px;

}

.newsletter-block {

  background: #0073A9;

  padding: 50px;

  border-radius: 6px;

  margin-top: 80px;

}

.newsletter-main-block input {

  background-color: #FFF;

  padding: 20px 20px;

  border: 1px solid #FFF;

  border-radius: 6px;

  width: 100%;

  position: relative;

}

.newsletter-main-block input:focus-visible {

  outline: none;

}

.newsletter-main-block .btn-primary {

  border-radius: 6px;

  position: absolute;

  right: 40px;

  top: 10px;

  padding: 10px;

}

.newsletter-heading {

  color: #FFF;

  padding: 10px 0 0;

  margin-bottom: 0;

}



.view-more-pages {

  padding: 60px 0;

}

.view-more-pages .view-user-img .user-img-one {

  bottom: 50%;

}

.view-more-pages .advance-badge .bg-primary {

  left: 30px;

}

.wishlist-cart svg.feather {

  margin: 0 !important;

}







@media(max-width: 767px) {

  .student-profile-img {

    text-align: center;

    margin-bottom: 20px;

  }

  .student-course-info {

    margin-bottom: 24px;

  }

  .newsletter-heading {

    margin-bottom: 30px;

    text-align: center;

  }

  .newsletter-block {

    padding: 20px;

  }

  .newsletter-main-block input {

    padding: 18px 7px;

  }

  .newsletter-main-block .btn-primary {

    border-radius: 6px;

    position: absolute;

    right: 25px;

    top: 10px;

    padding: 10px;

    font-size: 12px;

  }

}







.navigation-one ul li svg.feather {

  width: 20px;

  height: 20px;

}

.navigation-one>#cssmenu>ul>li>ul>li:hover>a {

  color: #F44A4A;

}

.navigation-one>#cssmenu>ul>li>ul>li>a>svg.feather {

  width: 16px;

  height: 16px;

  margin: 2px 10px 0 0;

}

.navigation-one>#cssmenu>ul>li>ul>li:hover>a>svg.feather {

  color: #F44A4A;

}





.affiliate-dashboard-main-block {

  background-color: #F6F7FC;

  padding: 50px 0;

}

.affiliate-dashboard-card {

  background-color: #FFF;

  padding: 40px 38px;

  border-radius: 6px;

  margin-bottom: 30px;

}

.affiliate-dashboard-wallet .title {

  border-bottom: 1px solid rgba(0, 0, 0, 0.04);

  padding-bottom: 15px;

}

.affiliate-dashboard-wallet {

  background-color: #FFF;

  padding: 20px;

  border-radius: 6px;

}

.affiliate-dashboard-wallet-img {

  background-color: #F44A4A;

  border-radius: 100%;

  width: 50px;

  height: 50px;

}

.affiliate-dashboard-wallet-img img {

  padding: 7px 10px;

}

.affiliate-dashboard-wallet-dtl {

  padding: 5px;

}

.affiliate-dashboard-wallet-dtl h6 {

  margin-bottom: 5px;

}

.wallet-balance {

  font-size: 16px;

  font-weight: 600;

  margin-bottom: 0;

}

.affiliate_dashboard-chart {

  background-color: #FFF;

  padding: 40px;

  border-radius: 6px;

}

.view-button .btn-secondary {

  border: inherit;

  font-size: 14px;

  font-weight: 500;

  padding: 0;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.view-button .btn-secondary:hover {

  /*background-color: #F44A4A;*/

  color: #F44A4A;

  /*border: 1px solid #FFF;*/

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.view-button .btn-secondary svg.feather {

  margin: -1px 0 0 3px;

  width: 16px;

  height: 16px;

  color: #11253e;

  -webkit-transition: -webkit-transform 0.3s ease;

  transition: -webkit-transform 0.3s ease;

  transition: transform 0.3s ease;

  transition: transform 0.3s ease,

    -webkit-transform 0.3s ease;

}

.view-button .btn-secondary:hover svg.feather {

  color: #fff;

  transform: translate3d(5px, 0, 0);

}



.instructor-button .btn-secondary {

  border: inherit;

  font-size: 14px;

  font-weight: 500;

  padding: 0;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.instructor-button .btn-secondary:hover {

  /*background-color: #F44A4A;*/

  color: #F44A4A;

  /*border: 1px solid #FFF;*/

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.instructor-button .btn-secondary svg.feather {

  margin: -1px 0 0 3px;

  width: 16px;

  height: 16px;

  color: var(--text-dark-grey-color);

  -webkit-transition: -webkit-transform 0.3s ease;

  transition: -webkit-transform 0.3s ease;

  transition: transform 0.3s ease;

  transition: transform 0.3s ease,

    -webkit-transform 0.3s ease;

}

.instructor-button .btn-secondary:hover svg.feather {

  color: #F44A4A;

  transform: translate3d(5px, 0, 0);

}

.advance-badge .badge {

  position: absolute;

  color: #FFF;

  font-size: 12px;

  font-weight: 500;

  padding: 5px 15px;

  top: 15px;

  left: 15px;

  border-radius: 6px;

}

.advance-badge .badge.bg-danger {

  color: #FFF;

  background-color: #F44A4A !important;

}

.advance-badge .badge.bg-warning {

  color: #29303b;

}

#blog-post-slider .tooltip {

  position: absolute;

  display: inline-block;

  opacity: 0;

  top: 10px;

  font-size: 18px;

  right: 15px;

  color: #FFF;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

#blog-post-slider .student-view-block:hover .tooltip {

  opacity: 1;

}



#blog-post-slider .tooltip .tooltip-icon svg.feather {

  margin: 0;

  border: 1px solid #FFF;

  background-color: #FFF;

  border-radius: 100%;

  padding: 5px 0;

  width: 28px;

  height: 28px;

}

#blog-post-slider .tooltip .tooltip-icon svg.feather:hover {

  border: 1px solid #F44A4A;

  background-color: #F44A4A;

  color: #FFF;

}

#blog-post-slider .tooltip .tooltiptext {

  visibility: hidden;

  width: 130px;

  background-color: #555;

  color: #fff;

  text-align: center;

  border-radius: 6px;

  padding: 1px 0px 5px;

  position: absolute;

  z-index: 1;

  bottom: -2px;

  left: 0;

  margin-left: -140px;

  opacity: 0;

  transition: opacity 0.3s;

}



#blog-post-slider .tooltip .tooltiptext::after {

  content: "";

  position: absolute;

  bottom: 35%;

  right: -10px;

  margin-right: 0;

  border-width: 5px;

  border-style: solid;

  border-color: transparent transparent transparent #555;

}



#blog-post-slider .tooltip:hover .tooltiptext {

  visibility: visible;

  opacity: 1;

}

#myModalshare .social-icon .fa-2x {

  font-size: 20px;

}

.categories-main-block {

  /* background-color: var(--background-grey-bg-color); */

}

.categories-main-block .cat-container {

  border-radius: 6px;

  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%);

  background-color: #FFF;

  padding: 0 0 15px 0;

  position: relative;

  overflow: hidden;

}

.cat-img {

  padding: 20px 20px 15px;

}

.cat-container .cat-img img {

  width: 120px;

  height: 100px;

  object-fit: cover;

}







.cat-container .cat-dtl {

  left: 0;

  right: 0;

  bottom: 1.5rem;

  overflow: hidden;

  text-align: center;

}

.cat-container .cat-name {

  line-height: 1.45;

  font-size: 14px;

  font-weight: 600;

  margin-bottom: 0;

  text-transform: capitalize;

  -webkit-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition: -webkit-transform 0.3s;

  transition: -webkit-transform 0.3s;

  transition: transform 0.3s;

  transition: transform 0.3s, -webkit-transform 0.3s;

}

.cat-container .cat-img-count {

  color: var(--text-black-color);

  position: absolute;

  font-size: 14px;

  font-weight: 500;

  left: 0;

  right: 0;

  text-align: center;

  top: 100%;

  -webkit-transition: top 0.3s, -webkit-transform 0.3s;

  transition: top 0.3s, -webkit-transform 0.3s;

  transition: top 0.3s, transform 0.3s;

  transition: top 0.3s, transform 0.3s, -webkit-transform 0.3s;

}

.cat-container:hover {

  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);

  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);

}

.cat-container:hover .cat-name {

  -webkit-transform: translateY(-100%);

  transform: translateY(-100%);

}

.cat-container:hover .cat-img-count {

  top: 80%;

}

.cat-container .cat-img img {

  -webkit-transition: -webkit-transform 0.35s;

  transition: -webkit-transform 0.35s;

  transition: transform 0.35s;

  transition: transform 0.35s, -webkit-transform 0.35s;

}

.cat-container:hover .cat-img img {

  -webkit-transform: scale(1.08);

  transform: scale(1.08);

}

.heart-fill svg.feather:hover {

  background-color: #0085BF !important;

  color: #FFF !important;

  border: 1px solid #F44A4A;

  width: 28px;

  height: 28px;

}

.about-transforming-main-block .tab-img {

  border-radius: 6px 6px 0 0;

}

.about-transforming-main-block .nav-tabs .nav-link {

  border: inherit;

}

.about-transforming-main-block .card-body {

  padding: 0;

  border-radius: 6px;

}

.about-facts .facts-block {

  padding: 10px 0 15px;

}

.together-img .protip-wishlist {

  margin-right: 30px;

}

.together-img .protip-wishlist ul li {

  padding: 0;

}

.qr-code-block .qr-code-title {

  font-size: 20px;

  margin-bottom: 0;

  text-align: center;

}

.qr-code-block .card {

  border: inherit;

  border-radius: 6px;

}

.qr-code-block .card-header {

  background-color: inherit;

  border-bottom: inherit;

  padding: 2.25rem 1.25rem 0;

}

.qr-code-block .card-body {

  text-align: center;

  padding: 0;

}

.immi-slider-block .protip-wish-btn-two svg.feather {

  opacity: 0;

}

.view-user-img .user-img-one.user-img-two {

  bottom: 41%;

}

.user-img-three {

  bottom: 50% !important;

}

.view-footer-all-profile .rate ul li i {

  margin-right: 0;

}

.view-footer-all-profile .rate ul {

  line-height: 0.5;

}

.home-search .nav-pills .nav-link {

  background-color: var(--background-blue-bg-color);

  color: #FFF;

  margin-right: 10px;

  border-radius: 20px;

}

.home-search .nav-pills .nav-link.active {

  background-color: #0085BF;

  color: #FFF;

  margin-right: 10px;

}

.home-search .searchTerm:focus {

  color: #686F7A;

}









@media (max-width: 767px) {

  .affiliate-dashboard-wallet {

    margin-bottom: 40px;

  }

  .affiliate_dashboard-chart {

    padding: 20px;

  }

  .course-bought-img {

    margin-bottom: 15px;

  }

  .instructor-profile-block {

    margin-bottom: 30px;

  }

  .qr-code-block {

    margin-bottom: 40px;

  }

}




@media (min-width: 767px) and (max-width: 992px) {

  .patners-block {

    padding: 40px 0;

  }

}


@media (max-width: 430px) {
  .boostup-row a {
    width: 100% !important;
  }
}






.container-xl {

  padding-right: 20px;

  padding-left: 20px;

}

#zoom-view-slider .img-circle {

  width: 30px !important;

}

.social-link .social-icon.facebook-icon i:hover {

  background-color: #103456;

}

.social-link .social-icon.google-icon i:hover {

  background-color: #BE3223;

}

.social-link .social-icon.amazon-icon i:hover {

  background-color: #CC7A00;

}

.social-link .social-icon.linkedin-icon i:hover {

  background-color: #095071;

}

.social-link .social-icon.twitter-icon i:hover {

  background-color: #128DBA;

}

.social-link .social-icon.gitlab-icon i:hover {

  background-color: #111418;

  color: #FFF;

}

.gift-main-block img {

  width: 100%;

}

.expand-content {

  padding: 10px 0 0;

}

.instructor-subscription-block {

  background-color: #FFF;

  padding: 40px 0 20px;

}

.instructor-subscription-block .view-img img {

  border-radius: 6px 6px 0 0;

}

.instructor-subscription-block .view-block {

  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%);

  border-radius: 6px;

}

.plan-name {

  font-size: 13px;

  font-weight: 600;

}

.inst-allowed-courses-name {

  font-size: 13px;

  font-weight: 600;

}

.inst-allowed-courses {

  font-size: 13px;

}

.inst-duration-course-name {

  font-size: 13px;

  font-weight: 600;

}

.inst-duration-courses {

  font-size: 13px;

}

.inst-duration-course .rate-r {

  font-weight: 400;

  font-size: 12px;

}

.inst-duration-course ul li {

  font-size: 12px;

}

.instructor-subscription-block .view-heading a {

  font-size: 13px;

  font-weight: 400;

}

.plan-subs-btn .btn-primary {

  width: 100%;

  background-color: var(--background-blue-bg-color);

  padding: 5px 10px;

  border-radius: 6px;

}

.batch-dtl p {

  font-size: 13px;

}

.batch-dtl #myBtn2 {

  background-color: inherit;

  border: inherit;

  padding: 0;

  font-size: 13px;

  font-weight: 600;

  color: #0073A9;

}

.user-name .user-title {

  display: inline-block;

}

.user-name ul {

  display: inline-block;

}

.user-name ul li {

  display: inline-block;

}

.user-name ul li a {

  color: #0073A9;

}

.batch-main-block {

  padding: 60px 0;

}

.affiliate-dashboard-card .card-body {

  padding: 0;

}

.affiliate-dashboard-card .card-text {

  font-size: 13px;

}

.qr-code-block .card-body svg {

  width: 170px;

  height: 170px;

}

.affiliate-dashboard-card .input-group input {

  font-size: 13px;

  padding: 22px 10px;

}

.qr-code-block {

  margin-bottom: 30px;

}

.dashboard-items {

  margin-bottom: 30px;

}

.prod.grid-view .advance-badge .badge {

  left: 15px;

}

.batch-btn .btn-primary {

  padding: 5px 10px;

  font-size: 13px;

}

.batch-dtl-main-block {

  padding: 50px 0 60px;

}

.batch-dtl-block {

  background-color: #FFF;

  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%);

  border-radius: 6px;

  padding: 40px;

}

.batch-dtl-img img {

  width: 100%;

  object-fit: cover;

  border-radius: 6px;

}

.batch-detail-block {

  padding: 40px 0 0;

}

.batch-detail-block p {

  font-size: 13px;

  color: var(--text-dark-grey-color);

}

.batch-main-block .view-heading a {

  font-size: 18px;

}

.search-main-block .categories-popularity-dtl p {

  color: var(--text-dark-grey-color);

  margin-bottom: 15px;

}

.search-main-block .view-user-img .user-img-one {

  bottom: 50%;

}

.job-personal-info svg.feather {

  margin: 0 10px 0;

}

.submit-btn.print svg.feather {

  margin: 0 10px 0 0;

}

.cart-course-detail .cart-course-name a {

  font-size: 15px;

  font-weight: 700;

  color: var(--text-black-color);

}

.cart-add-block .cart-course-name {

  margin-bottom: 10px;

}

.cart-heading {

  font-weight: 700;

}

.cartEdit {
  box-shadow: none !important;
}

.cart-total {

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  margin-bottom: 30px;

  border-radius: 6px;

  background-color: #FFF;

  padding: 20px;

}

.checkout-btn {

  margin-right: 25px;

}

.cart-items {

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  background-color: #FFF;

  padding: 20px;

  border-radius: 6px;

}

.checkout-payment-block {

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  background-color: #FFF;

  padding: 20px 40px;

  border-radius: 6px;

}

.checkout-main-block {

  background-color: #F2F3F5;

}

.payment-gateways .card {

  margin-bottom: 10px;

}

.payment-gateways .card-header:first-child {

  border-radius: 6px 6px 0 0;

}

.checkout-course-img img {

  border-radius: 6px;

}

.checkout-course-title a {

  font-size: 14px;

  color: var(--text-black-color);

  font-weight: 500;

}

.checkout-course-user,

.checkout-course-user span a {

  font-size: 12px;

}

.form-wizard .wizard-fieldset .form-control {

  border-radius: 6px;

  font-size: 13px;

  padding: 8px 0 8px 16px;

  border: 1px solid #ced4da;

  background-color: inherit;

  height: inherit;

}

.form-wizard .form-wizard-next-btn,

.form-wizard .form-wizard-previous-btn,

.form-wizard .form-wizard-submit {

  border-radius: 6px;

}

.form-wizard .wizard-form-error {

  background-color: inherit !important;

}

.form-wizard .wizard-fieldset .custom-file .form-control {

  padding: 5px 0 5px 16px;

}

.job-view-page {

  padding: 50px 0;

}

.job-view-page .card {

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  background-color: #FFF;

  border-radius: 6px;

  border: inherit;

}

.cancel-button .btn-primary {

  padding: 8px 15px;

}

.navigation-one #cssmenu ul ul li a {

  width: 200px;

}





@media (min-width: 1500px) {

  .container-xl {

    max-width: 1400px;

  }

}









/* .job-pricing-plan-main-block {

  padding: 60px 0;

  background-color: #F2F3F7;

} */

.job-professional-main-block .section-title {

  font-size: 40px;

}

.job-professional-main-block p {

  font-size: 20px;

  font-weight: 500;

}

/* .pricing-rates {

  height: 100%;

  background: #F44A4A;

  color: #161C2D;

  border-radius: 292px 33px 0 0;

  text-align: center;

  position: relative;

  padding-top: 1px;

  transition: .5s all ease;

}

.pricing-rates:hover {

  border-radius: 33px 292px 0 0;

}

.pricing-rates-heading {

  background: rgba(255, 255, 255, 0.4);

  font-weight: 700;

  padding: 8px 0;

  margin: 40px 0 0 160px;

  text-transform: uppercase;

  color: #FFF;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.pricing-rates:hover .pricing-rates-heading {

  color: #161C2D;

}

.pricing-rates-block {

  width: 96px;

  height: 96px;

  background: #fff;

  border: 5px solid #F44A4A;

  border-radius: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  top: 10px;

  left: 70px;

}

.pricing-features {

  width: 100%;

  margin: 90px 0 160px 0;

}

.display-price-dollor {

  font-size: 17px;

  font-weight: 700;

  margin: -30px 0 0;

}

.display-price {

  font-size: 30px;

  font-weight: 700;

  margin-top: -15px;

}

.offer-price-dollor {

  left: 26px;

}

.offer-price {

  left: 36px;

}

.offer-price-dollor, .offer-price {

  font-size: 12px;

  font-weight: 600;

  position: absolute;

  bottom: 18px;

}

.pricing-btn.btn-primary {

  width: 200px;

  height: 58px;

  background: #FFF;

  color: #000;

  font-size: 18px;

  font-weight: 700;

  border-radius: 52px 0 0 0;

  padding: 16px 12px;

  border: none;

  position: absolute;

  right: 0;

  bottom: 0;

}

.pricing-btn.btn-primary:hover {

  background: #FFF;

  color: #161C2D;

}

.starter-plan .display-price {

  margin-top: -5px;

  font-size: 28px;

}

.starter-plan .display-price-dollor {

  margin: -25px 0px 0px 3px;

}

.pricing-features li {

  font-weight: 600;

  text-align: left;

  margin-bottom: 15px;

  margin-left: 100px;

  color: #FFF;

}

.pricing-features li i {

  color: #FFF;

  font-size: 7px;

  margin-right: 10px;

  vertical-align: middle;

}

.pricing-rates svg.feather {

  width: 10px;

  height: 10px;

  margin: 0 10px 0;

  color: #FFF;

  background: #FFF;

  border-radius: 100%;

} */

.job-section {

  margin-bottom: 50px;

}

.job-professional-main-block {

  padding: 60px 0;

}

.job-professional-img {

  position: relative;

  border-radius: 6px;

}

.job-professional-img-one {

  position: absolute;

  top: 11%;

  left: 15%;

}

.job-professional-dtl {

  position: absolute;

  top: 32%;

  right: 10%;

}

.job-professional-title {

  color: #FFF;

  margin-bottom: 25px;

}

.job-professional-dtl .btn-primary {

  width: 100%;

  padding: 12px 25px;

  background-color: var(--background-blue-bg-color);

}

.job-professional-img img {

  height: 300px;

  width: 100%;

  object-fit: cover;

  border-radius: 6px;

}

.job-professional-img-one img {

  width: 100%;

  height: 265px;

}

.job-find-img {

  position: relative;

}

.job-find-img img {

  border-radius: 6px;

}

.job-find-img-one {

  position: absolute;

  top: 2%;

  left: 8%;

}

.job-find-img-one img {

  height: 130px;

}

.job-find-title {

  position: absolute;

  top: 28%;

  left: 0;

  right: 0;

  text-align: center;

}

.job-find-title a {

  color: var(--text-white-color);

  font-size: 40px;

}

.job-find-icon {

  position: absolute;

  top: 28%;

  right: 5%;

}

.job-find-icon svg.feather {

  color: var(--text-white-color);

  margin: 10px 0;

  width: 40px;

  height: 40px;

}

.job-find-main-block {

  margin-bottom: 80px;

}

.job-everyone-main-block {

  background-color: var(--background-grey-bg-color);

  padding: 60px 0;

}

.job-everyone-img img {

  width: 70px;

  height: 70px;

  border-radius: 100%;

  object-fit: cover;

}

.job-everyone-block {

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  background-color: #FFF;

  padding: 20px;

  border-radius: 6px;

}

.job-everyone-dtl {

  padding: 10px 0 0;

}

.job-everyone-title {

  margin-bottom: 0;

}

.job-everyone-title a {

  font-size: 16px;

  color: var(--text-black-color);

}

.job-everyone-icon svg.feather {

  margin: 20px 0;

  width: 25px;

  height: 25px;

  -webkit-transition: -webkit-transform 0.3s ease;

  transition: -webkit-transform 0.3s ease;

  transition: transform 0.3s ease;

  transition: transform 0.3s ease, -webkit-transform 0.3s ease;

}

.job-everyone-block:hover .job-everyone-icon svg.feather {

  transform: translate3d(20px, 0, 0);

}



.search-for-job-main-block {

  padding: 60px 0;

}

.label-icon {

  position: absolute;

  top: 7px;

}

.label-icon svg.feather {

  margin: 0 10px;

}

.search-for-job-main-block .form-control {

  padding: 5px 0 5px 35px;

  border: inherit;

}

.search-for-job-block {

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  background-color: #FFF;

  padding: 15px 30px;

  border-radius: 40px;

}

.search-for-job-btn .btn-primary {

  padding: 8px 78px;

  border-radius: 20px;

}

.search-for-job-block .form-group {

  margin-bottom: 0;

}

.border-line {

  border-right: 1px solid #F2F3F5;

  padding-right: 20px;

}





.get-job-main-block {

  background-color: var(--background-grey-bg-color);

  padding: 60px 0;

}

.get-job-block {

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  background-color: #FFF;

  padding: 30px 0;

  border-radius: 6px;

}

.get-job-icon svg.feather {

  background-color: #0085BF;

  color: var(--text-white-color);

  border-radius: 100%;

  width: 40px;

  height: 40px;

  padding: 8px;

  margin: 0 0 20px 0;

}

.get-job-title {

  margin-bottom: 0;

}



.recommendations-block ul li svg.feather {

  color: var(--text-white-color);

  margin: 0 10px 0 0;

}



.job-plan-trusted {

  padding: 60px 0;

}

.job-plan-trusted .patners-heading {

  font-size: 28px;

}

.job-plan-testimonial {

  padding: 60px 0;

}

.job-plan-testimonial .job-section {

  margin-bottom: 30px;

}

.job-plan-recommendation .recommendations-heading {

  margin-bottom: 20px;

}

.job-plan-recommendation ul li {

  margin-bottom: 10px;

}

.job-plan-recommendation .recommendation-btn {

  margin-top: 40px;

}

.job-plan-recommendation .recommendations-block {

  padding: 75px;

}

.job-plan-trusted-one {

  padding: 60px 0;

}



.job-plan-faq {

  padding: 60px 0;

  background-color: var(--background-grey-bg-color);

}

.job-plan-faq .card {

  background-color: inherit;

  margin-bottom: 20px;

  border: inherit;

  background-color: var(--background-white-bg-color);

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

}

.job-plan-faq .card-header {

  background-color: #0085BF;

  border-bottom: inherit;

}

.job-plan-faq .btn-link {

  border-color: inherit;

  border: inherit;

  color: var(--text-white-color);

  font-size: 18px;

  padding: 0;

}

.job-plan-faq .card svg.feather {

  margin: 4px 30px 0 0;

  color: #FFF;

  display: block;

  float: left;

}

.job-plan-faq .accordion-button:not(.collapsed) svg.feather-plus {

  display: none;

}

.job-plan-faq .accordion-button:not(.collapsed) svg.feather-minus {

  display: block;

}

.job-plan-faq .card svg.feather-minus {

  display: none;

}

.job-plan-faq .btn-link:hover {

  color: var(--text-white-color);

}

.job-plan-faq .btn-link:focus {

  text-decoration: none;

}

.pricing-btn-one {

  background-color: #FFF !important;

  color: #F44A4A !important;

}



.badges.bg-priamry {

  font-size: 10px;

  display: inline-block;

  padding: 3px 6px;

  font-size: 12px;

  border-radius: 50em;

  color: #97c340;

  font-weight: 600;

  line-height: 26px;

  position: absolute;

  background: #fff;

  z-index: 1;

  top: 30px;

  left: 10px;

  box-shadow: 2px 1px 6px 2px rgb(0 0 0 / 10%), 0 4px 4px 0px rgb(0 0 0 / 6%) !important;

}



.badges.bg-priamry span span {

  background-color: #97c340;
  border-radius: 100%;
  border: 1px solid #97c340;
  width: 31px;
  height: 31px;
  padding: 2px 5px;
  color: #ffffff;
  display: inline-block;
  margin-left: 2px;

}



























#multi-step-form-container {

  margin-top: 2rem;

  background-color: #FFF;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  padding: 50px 30px;

  border-radius: 6px;

}

.text-center {

  text-align: center;

}

.mx-auto {

  margin-left: auto;

  margin-right: auto;

}

.pl-0 {

  padding-left: 0;

}

.btn-navigate-form-step {

  padding: 7px 25px;

  border: 1px solid#0085BF;

  background-color: #0085BF;

  color: #fff;

  border-radius: 5px;

  cursor: pointer;

}

.submit-btn {

  border: 1px solid #0e9594;

  background-color: #0e9594;

}

.mt-3 {

  margin-top: 2rem;

}

.d-none {

  display: none;

}

.form-step {

  border: 1px solid rgba(0, 0, 0, 0.1);

  border-radius: 6px;

  padding: 3rem;

}

.font-normal {

  font-weight: normal;

}

ul.form-stepper {

  counter-reset: section;

  margin-bottom: 3rem;

}

ul.form-stepper .form-stepper-circle {

  position: relative;

}

ul.form-stepper .form-stepper-circle span {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translateY(-50%) translateX(-50%);

}

.form-stepper-horizontal {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}

ul.form-stepper>li:not(:last-of-type) {

  margin-bottom: 0.625rem;

  -webkit-transition: margin-bottom 0.4s;

  -o-transition: margin-bottom 0.4s;

  transition: margin-bottom 0.4s;

}

.form-stepper-horizontal>li:not(:last-of-type) {

  margin-bottom: 0 !important;

}

.form-stepper-horizontal li {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: start;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.form-stepper-horizontal li:not(:last-child):after {

  position: relative;

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

  height: 2px;

  content: "";

  top: 50%;

}

.form-stepper-horizontal li:after {

  background-color: #F6F7FC;

}

.form-stepper-horizontal li.form-stepper-completed:after {

  background-color: #0085BF;

}

.form-stepper-horizontal li:last-child {

  flex: unset;

}

ul.form-stepper li a .form-stepper-circle {

  display: inline-block;

  width: 40px;

  height: 40px;

  margin-right: 0;

  line-height: 1.7rem;

  text-align: center;

  background: #F6F7FC;

  border-radius: 50%;

  vertical-align: middle;

}

.form-stepper .form-stepper-active .form-stepper-circle {

  background-color: var(--background-blue-bg-color) !important;

  color: #fff;

}

.form-stepper .form-stepper-active .label {

  color: var(--text-blue-color) !important;

}

.form-stepper .form-stepper-active .form-stepper-circle:hover {

  background-color: var(--background-blue-bg-color) !important;

  color: #fff !important;

}

.form-stepper .form-stepper-unfinished .form-stepper-circle {

  background-color: #F6F7FC;

}

.form-stepper .form-stepper-completed .form-stepper-circle {

  background-color: #0085BF !important;

  color: #fff;

}

.form-stepper .form-stepper-completed .label {

  color: #0073A9 !important;

}

.form-stepper .form-stepper-completed .form-stepper-circle:hover {

  background-color: #0085BF !important;

  color: #fff !important;

}

.form-stepper .form-stepper-active span.text-muted {

  color: #fff !important;

}

.form-stepper .form-stepper-completed span.text-muted {

  color: #fff !important;

}

.form-stepper .label {

  display: inline-block;

  font-size: 1rem;

  margin-top: 0.5rem;

}

.form-stepper a {

  cursor: default;

}





#multi-step-form-container .form-check {

  padding-left: 0;

}

#multi-step-form-container .form-check ul {

  padding-left: 20px;

}

#multi-step-form-container .form-check ul li {

  display: inline-block;

}

.form-step .form-check input[type='radio'] {

  vertical-align: middle;

}

#msform-one .form-check input[type='radio'] {

  vertical-align: middle;

}

.form-step .form-control {

  font-size: 13px;

  height: 40px;

}

.form-step span.ml-2 {

  font-size: 14px;

}

.form-step .submit-btn {

  padding-top: 0;

}











.job-pricing-plan-block .card {

  border-radius: 6px;

  background-color: #FFF;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  padding: 40px 15px;

  border: inherit;

}

.job-pricing-plan-block .card .list-group-item {

  border: inherit;

  padding: 0;

  color: var(--text-dark-grey-color);

  font-size: 14px;

  padding: 5px 0;

}

.job-pricing-plan-block .card .list-group-item svg.feather {

  margin: 0 10px 0 0;

  width: 14px;

  height: 14px;

}

.pricing-top h4 {

  color: #0073A9;

  text-transform: uppercase;

  font-weight: 600;

}

.pricing-top img {

  width: 150px;

}

.display-price-block {

  display: inline-block;

}

.display-price-dollor {

  font-size: 24px;

  font-weight: 600;

  color: #0073A9;

}

.display-price-dollor sup {

  top: -0.75em;

}

.display-price {

  font-size: 30px;

  font-weight: 600;

  color: #0073A9;

}

.offer-price-dollor,
.offer-price {

  font-size: 14px;

  font-weight: 500;

}

.offer-price-dollor,
.offer-price {

  font-size: 16px;

  font-weight: 500;

}

.offer-price-block {

  line-height: 1;

}

.pricing-rates-block {

  margin-bottom: 30px;

}

.pricing-middle {

  margin-bottom: 30px;

}

.pricing-btn .btn-primary {

  padding: 8px 20px;

  border-radius: 6px;

}

.post-job-btn {

  margin-bottom: 20px;

}

.post-job-btn .btn-primary {

  width: 100%;

  padding: 10px 20px;

}









.job-application-block {

  border-radius: 6px;

  background-color: #FFF;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

  padding: 20px 0;

}

.application-tab .nav-tabs {

  padding: 0;

  border-bottom: 0;

  box-shadow: 0px 15px 10px -15px rgb(0 0 0 / 10%);



}

.application-tab .nav-tabs .nav-link {

  border: inherit;

  border-radius: 0;

  border-bottom: 2px solid transparent;

  color: var(--text-black-color);

  font-size: 16px;

  font-weight: 500;

}

.application-tab .nav-tabs .nav-link.active {

  border-color: inherit;

  color: #0073A9;

  border-bottom: 2px solid#0085BF;

}



















.employer-login_popup .modal-dialog {

  max-width: 800px !important;

  margin: 150px auto;

}

.employer-login_popup .modal-dialog-scrollable .modal-content {

  max-height: 450px;

}

.employer-login_popup .modal-logo img {

  width: 150px;

  margin-bottom: 15px;

}

.employer-login_popup .modal-title {

  margin-bottom: 10px;

  line-height: 1;

  font-size: 18px;

}

.employer-login_popup p {

  font-size: 13px;

}

.employer-login_popup .nav-tabs {

  padding: 0;

  border-bottom: 0;

  margin-bottom: 30px;

}

.employer-login_popup .nav-tabs .nav-item {

  width: 350px;

}

.employer-login_popup .nav-tabs .nav-link {

  border: inherit;

  border-radius: 0;

  border-bottom: 2px solid transparent;

  color: var(--text-black-color);

  font-size: 16px;

  font-weight: 500;

}

.employer-login_popup .nav-tabs .nav-link.active {

  border-color: inherit;

  color: #0073A9;

  border-bottom: 2px solid#0085BF;

}

.employer-login_popup .form-check {

  padding-left: 0;

}

.employer-login_popup .form-check input[type='radio'] {

  vertical-align: middle;

}

.employer-login_popup .modal-content {

  border: inherit;

}

.employer-login_popup .modal-footer {

  border-top: inherit;

  border-radius: 0;

  display: block;

  padding: 0;

}

.employer-login_popup .modal-footer .btn-primary {

  width: 100%;

}





.application-dtl-block {

  margin: 20px 40px;

  padding: 20px 30px;

  border: 1px solid #F6F7FC;

  border-radius: 6px;

}

.application-img img {

  border-radius: 100%;

}





#more {

  display: none;

}



.application-cat button {

  border: 0;

  background: inherit;

  color: #0073A9;

  padding: 0;

  transition: 0.5s;

  font-size: 14px;

}

.application-dtl p a {

  display: block;

  color: var(--text-dark-grey-color);

  margin-bottom: 5px;

}

.application-dtl p a svg.feather {

  margin: 0 10px 0 0;

  width: 16px;

  height: 16px;

  color: var(--text-dark-grey-color);

}

.application-dtl p a i {

  color: var(--text-dark-grey-color);

  margin-right: 10px;

  font-weight: 600;

  font-size: 17px;

  vertical-align: middle;

}

.whtasapp-no-btn {

  padding: 30px 0;

}

.whtasapp-no-btn .number {

  background-color: var(--background-white-bg-color);

  border: 1px solid #0073A9;

  color: #0073A9;

  padding: 7px 12px;

  border-radius: 6px;

  font-size: 14px;

}

.whtasapp-no-btn .number.phone-no {

  letter-spacing: 1px;

}

.whtasapp-no-btn li {

  display: inline-block;

  margin-right: 10px;

}

.whatsapp-btn {

  background-color: var(--background-white-bg-color);

  border: 1px solid #0073A9;

  color: var(--text-dark-grey-color);

  padding: 7px 12px;

  border-radius: 6px;

}

.whatsapp-btn img {

  width: 18px;

  height: 18px;

}

.reject-btn {

  background-color: var(--background-dark-grey-color);

  border: 1px solid var(--text-dark-grey-color);

  color: var(--text-dark-grey-color);

  padding: 7px 12px;

  border-radius: 6px;

}

.reject-btn svg.feather {

  color: var(--text-dark-grey-color);

  margin: 0 10px 0 0;

}

.application-notes {

  padding: 30px 0;

}

.application-notes a {

  color: var(--text-black-color);

}

.application-notes svg.feather {

  width: 16px;

  height: 16px;

  margin: 0 10px 0 0;

}

.apply-date {

  color: var(--text-light-grey-color);

  font-size: 14px;

}

.apply-date svg.feather {

  width: 16px;

  height: 16px;

  margin: 0 10px 0 0;

  color: var(--text-light-grey-color);

}

.application-name {

  margin-bottom: 5px;

}

.show-no-text svg.feather {

  width: 16px;

  height: 16px;

  margin: 0 10px 0 0;

  color: var(--text-dark-grey-color);

}

.show-no-text .myText {

  display: none;

  font-size: 14px;

  color: var(--text-dark-grey-color);

}

.status-select .form-control {

  font-size: 14px;

}

.show-resume-btn .btn-primary {

  background-color: inherit;

  color: var(--text-blue-color);

  font-size: 14px;

  font-weight: 600;

  padding: 0;

  margin-top: 10px;

}

.show-resume-btn svg.feather {

  width: 16px;

  height: 16px;

  margin: 0 10px 0 0;

  color: var(--text-dark-grey-color);

}

.no-badges {

  display: none;

}

.no-badges svg.feather {

  color: #0073A9;

}

.no-badges span {

  color: var(--text-black-color);

  font-weight: 600;

}

.no-badges {

  color: var(--text-dark-grey-color);

  font-size: 14px;

}



.employer-login-btn .btn-primary {

  padding: 7px 15px;

}

.employer-login-btn {

  margin: 7px 0;

}

.job-post-nav-bar .dropdown-menu-right {

  width: 200px;

}

#myModalprofile .modal-header {

  padding: 0;

  border-bottom: inherit;

  border-radius: 0;

  border: inherit;

}

#myModalprofile .modal-content {

  border: inherit;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);

}

#myModalprofile .modal-content button.close {

  position: absolute;

  top: -40px;

  right: 0;

  padding: 0;

  margin: 0;

  width: 40px;

  height: 40px;

  z-index: 1;

  text-shadow: none;

  background: inherit;

  color: #000;

  opacity: 1;

  -webkit-transition: -webkit-transform 0.3s;

  transition: -webkit-transform 0.3s;

  transition: transform 0.3s;

  transition: transform 0.3s, -webkit-transform 0.3s;

}

#myModalprofile .modal-content button.close svg.feather {

  width: 24px;

  height: 24px;

  margin: 0;

}

#myModalprofile .modal-content button.close:hover {

  opacity: 1;

  -webkit-transform: rotateZ(90deg) scale(1.5);

  transform: rotateZ(90deg) scale(1.5);

}

.edit-btn .btn-primary {

  padding: 5px 20px;

}

.save-btn .btn-primary {

  padding: 5px 15px;

}

.detail-title {

  display: block;

  font-size: 16px;

  font-weight: 600;

  margin-bottom: 20px;

}

.company-dtl-no {

  width: 48%;

  display: inline-block;

  margin-right: 10px;

}

#myModalprofile .btn-primary {

  padding: 7px 15px;

}



#myModalprofile .modal-body {

  padding: 1rem 2rem;

}

#myModalprofile .form-group .form-control {

  font-size: 14px;

}











































.background-slider-block.owl-carousel .owl-nav button.owl-prev {

  margin-left: 7px;

}

.background-slider-block.owl-carousel .owl-nav button.owl-next {

  margin-left: 97%;

}

.background-slider-block.owl-carousel .owl-dots {

  text-align: center;

  position: absolute;

  bottom: 15px;

  left: 0;

  right: 0;

}

.background-slider-block.owl-carousel button.owl-dot {

  background: var(--background-white-bg-color);

  width: 40px;

  height: 10px;

  border-radius: 10px;

  margin-right: 10px;

}

.background-slider-block.owl-carousel button.owl-dot.active {

  background: var(--linear-gradient-bg-color) !important;

}

.instructor-home-block .instructor-home-hover-icon ul li {

  margin-bottom: 6px;

}

.instructor-home-btn svg.feather {

  margin: 0;

  border: 1px solid #FFF;

  background-color: #FFF;

  border-radius: 100%;

  padding: 5px 0;

  width: 28px;

  height: 28px;

}

#instructor-home-two .instructor-home-dtl {

  margin-bottom: 30px;

  transform: translate(0, 11px);

  -webkit-transform: translate(0, 11px);

  -moz-transform: translate(0, 11px);

  -ms-transform: translate(0, 11px);

  -o-transform: translate(0, 11px);

}

#instructor-home-two .instructor-home-block:hover .instructor-home-dtl {

  transform: translate(0, 11px);

  -webkit-transform: translate(0, 11px);

  -moz-transform: translate(0, 11px);

  -ms-transform: translate(0, 11px);

  -o-transform: translate(0, 11px);

}

.tooltip {

  position: relative;

  opacity: 1;

}

.plan-title {

  box-shadow: 0px 15px 10px -15px rgb(0 0 0 / 10%);

}

.create-job-portal .post-job-btn {

  text-align: center;

}

.create-job-portal .post-job-btn .btn-primary {

  width: auto;

}

.job-pricing-plan-main-block {

  padding: 60px 0;

}

.job-pricing-plan-main-block .list-group-item svg.feather {

  width: 8px !important;

  height: 8px !important;

  margin: 0 10px 0;

  color: #0073A9;

  background: #F44A4A;

  border-radius: 100%;

}

.pricing-btn-one {

  background-color: #0284a2 !important;

  color: #FFF !important;

}





.job-edit-page {

  padding: 60px 0;

}

.form-step .submit-btn {

  color: #FFF;

  padding: 7px 20px;

  font-size: 15px;

}

.create-job-portal .badge {

  padding: 4px 8px;

}







.scrollbar {

  margin-left: 30px;

  float: left;

  height: 300px;

  width: 100%;

  background: #F5F5F5;

  overflow-y: scroll;

  margin-bottom: 25px;

}

#style-1::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  border-radius: 10px;

  background-color: #F5F5F5;

}



#style-1::-webkit-scrollbar {

  width: 12px;

  background-color: #F5F5F5;

}



#style-1::-webkit-scrollbar-thumb {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

  background-color: #555;

}

.logo-footer {

  padding: 10px 0;

}





.offer-badge {

  top: 35% !important;

}

.flash-countdown.bg_image_deal ul li {

  background-color: #0085BF;

  font-size: 55px;

}

.flash-countdown.bg_image_deal ul li .text-20 {}

.flash-deals-page .overlay-bg {

  border-radius: 6px 6px 0 0;

  background: rgba(0, 0, 0, 0.3);

}

.flash-home-main-block .card {

  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%);

  border-radius: 6px;

  border: inherit;

}

.flash-home-main-block .card img {

  border-radius: 6px 6px 0 0;

}

.flash-home-main-block {

  padding: 0 0 40px;

}

.flash-home-main-block .card .card-title {

  font-size: 0;

}

.flash-home-main-block .card .card-title a {

  font-size: 16px;

  font-weight: 500;

  color: var(--text-black-color) !important;

}

.flash-deal-price {

  font-size: 20px;

}

.flash-home-main-block hr {

  margin-top: 0.5rem;

  margin-bottom: 0.5rem;

}

.flash-home-main-block .btn-primary {

  padding: 5px 20px;

}

.flash-home-main-block .btn-primary svg.feather {

  color: #FFF;

  margin: 0 10px 0 0;

  width: 16px;

  height: 16px;

}

.flash-deals-details {

  box-shadow: 3px 4px 7px 3px rgb(0 0 0 / 5%);

  border-radius: 6px;

  background-color: var(--background-white-bg-color);

  padding: 15px 0;

  margin-top: 30px;

}

.flash-deal-block p a span {

  font-size: 14px;

  color: var(--text-black-color);

}

.flash-deal-block p a {

  color: #0073A9;

}

#countdown {

  margin-bottom: 60px;

}



































.institute-detail-main-block {

  background-color: #F6F7FC;

  padding: 50px 0;

}

.institute-detail-block {

  background-color: var(--background-white-bg-color);

  padding: 50px 30px;

  border-radius: 6px;

}

.institute-detail-img {

  margin-bottom: 20px;

}

.institute-detail-block .institute-detail-img img {

  width: 180px;

  height: 180px;

  border-radius: 100%;

  object-fit: cover;

}

.institute-detail-tab {

  background-color: #FFF;

  border-radius: 6px;

  padding: 30px;

}

.institute-detail-tab .nav-tabs {

  border-bottom: none;

  margin-bottom: 30px;

}

.institute-detail-tab .nav-item {

  margin-right: 10px;

}

.institute-detail-tab .nav-tabs .nav-link {

  border: inherit;

  background-color: #0085BF;

  color: #FFF;

  border-radius: 6px;

}

#skill ul li {

  display: inline-block;

}

#affiliated ul li {

  display: inline-block;

}

















.institute-content-title {

  margin-bottom: 10px;

}

.institute-status .badge {

  padding: 5px 15px;

  font-size: 14px;

  font-weight: 500;

}

.institute-verified .badge {

  padding: 5px 15px;

  font-size: 14px;

  font-weight: 500;

}

#skill .badge {

  padding: 10px 20px;

  font-size: 14px;

  font-weight: 500;

  background-color: #B2B6BD;

}

#affiliated .badge {

  padding: 10px 20px;

  font-size: 14px;

  font-weight: 500;

  background-color: #B2B6BD;

}

.institute-detail-tab .rate ul li {

  line-height: 0 !important;

}

.institute-detail-tab .rate ul {

  line-height: 0.5;

}

.institute-detail-tab .view-user-img .user-img-one {

  bottom: 49%;

}

.instructor-profile-tabs .view-user-img .user-img-one {

  bottom: 49%;

}

.prod.grid-view .view-user-img .user-img-one {

  min-height: 50px;

  top: 88%;

}

.search-main-block .view-footer {

  border-top: 1px solid #DEDFE0;

  margin: 5px 15px 0;

  padding: 7px 0 6px;

  height: 55px;

}

.search-main-block .view-footer .rate ul li b {

  font-weight: 500;

  font-size: 14px;

}

.search-main-block .view-footer .rate ul li strike {

  font-size: 10px;

  display: inline-block;

  color: #29303B;

}

.search-main-block .view-footer .rate ul li {

  line-height: 1;

}

.search-main-block .view-footer .rate ul li {

  display: block;

  color: #29303B;

}

.search-main-block .view-footer .rate ul li {

  font-size: 18px;

}

.view-footer-list {

  margin: 0 !important;

  padding: 30px !important;

  border-top: none !important;

}

.advance-badge-list .badge {

  left: 30px !important;

}

.item-list .view-img a img {

  border-radius: 6px 0 0 6px;

  min-height: 160px;

}

.item-list {

  margin: 0 10px 0 0;

  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%) !important;

}

@media (max-width: 767px) {

  .background-slider-block .home-main-block {

    padding: 30px 15px;

  }

  .recommendations-block {

    padding: 80px 30px;

  }

  .cat-container .cat-img img {

    width: 100px;

  }

  .institute-detail-block {

    margin-bottom: 30px;

  }

  .institute-detail-tab .nav-item {

    margin-bottom: 10px;

  }

  .flash-countdown.bg_image_deal ul li {

    font-size: 34px;

  }

  .bg_image_deal ul li .text-20 {

    font-size: 14px;

  }



}

@media (min-width: 767px) and (max-width: 992px) {

  .home-search .searchTerm {

    width: 60%;

  }

  .home-search .searchButton {

    width: 15%;

    left: 45%;

  }

  .recommendations-block {

    padding: 80px 20px;

  }

  .institute-detail-tab .nav-item {

    margin-bottom: 10px;

  }

}





.get-started-main-block {

  margin-bottom: 60px;
  display: none;

}

.get-started-bg-image {

  position: relative;

}

.get-started-dtl {

  position: absolute;

  margin: -16% auto;

  left: 0;

  right: 0;

}

.get-started-dtl .btn-primary {

  padding: 8px 15px;

}

.get-started-bg-image.parallax {

  height: 350px;

  width: 100%;

  object-fit: cover;

}

.get-started-bg-image .overlay-bg {

  background: rgba(0, 0, 0, 0.6);

}

.about-team-img img {

  width: 100%;

}

.parallax {

  min-height: 350px;

  background-attachment: fixed;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}

.about-tags span {

  font-weight: 600;

  color: #000;

  margin-right: 7px;

}

.institute-detail-tab #instructor .instructor-profile-block {

  background-color: #F6F7FC;

  padding: 25px 5px;

}

.institute-detail-tab #instructor .instructor-profile-img img {

  width: 150px;

  height: 150px;

}













.testimonial-main-block {

  background-color: var(--background-grey-bg-color);

}

.testimonial-slider-main-block {

  padding: 10px 0;

}

.testimonial-slider-main-block.owl-carousel .owl-item .testi-block img {

  width: 100px;

  height: 100px;

  border-radius: 100%;

  margin-right: 20px;

  object-fit: cover;

  margin: 0 auto;

}

.testimonial-slider-main-block.owl-carousel .owl-item .testi-block .testi-block-red-images img {

  width: 100%;

  border-radius: inherit;

  height: 100%;

  position: relative;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.testimonial-slider-main-block.owl-carousel .owl-item .testi-block .testi-block-white-images img {

  width: 100%;

  height: 400px;

  border-radius: inherit;

  position: absolute;

  margin-top: -94%;

  margin-left: -2%;

  object-fit: inherit;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.testi-block-images {

  position: relative;

}

.testi-block-one {

  position: absolute;

  margin-top: -89%;

}

.testimonial-slider-main-block.owl-carousel.owl-drag .owl-item {

  margin-top: 30px;

}

.testi-img.text-center {

  margin-top: -1%;

  margin-bottom: 15px;

}

.testi-dtl p {

  font-size: 12px;

  padding: 20px 50px;

}



.testimonial-slider-main-block.owl-carousel .owl-item .testi-block .testi-block-images img {

  width: 100%;

  height: 360px;

  border-radius: inherit;

  object-fit: inherit;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.testimonial-slider-main-block.owl-carousel .owl-item .testi-block:hover .testi-block-images img {

  -webkit-transform: scaleX(-1);

  transform: scaleX(-1);

}



.services-main-block {

  padding: 50px 0;

}

.service-slider-main-block.owl-carousel .owl-item img {

  width: 80px;

  height: 80px;

  text-align: left;

}

.service-block {

  height: 230px;

  border: 2px solid transparent;

  border-radius: 6px;

  background-color: #FFF;

  padding: 20px 30px;

  margin-bottom: 30px;

  box-shadow: 2px 5px 5px 3px rgb(0 0 0 / 5%);

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.service-slider-main-block.owl-carousel.owl-drag .owl-item {

  margin-top: 30px;

  margin-bottom: 30px;

}

.service-dtl p {

  font-size: 12px;

}

.service-img img {

  height: 80px;

  margin-bottom: 20px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.services-main-block-two {

  padding: 50px 0;

}

.service-block:hover {

  border: 2px solid#0085BF;

  -webkit-transform: translate3d(0, -10px, 0);

  -moz-transform: translate3d(0, -10px, 0);

  transform: translate3d(0, -10px, 0);

}

.service-heading {

  color: var(--text-black-color);

}

.service-dtl p {

  color: var(--text-black-color);



}

.service-side-img {

  position: relative;

}

.service-side-img img {

  height: 495px;

  object-fit: cover;

  border-radius: 6px;

}

.service-side-img .overlay-bg {

  border-radius: 6px;

}

.service-side-dtl {

  position: absolute;

  top: 25%;

  color: var(--text-white-color);

  left: 0;

  right: 0;

  margin: 0 30px;

}

.service-side-dtl .service-heading {

  color: var(--text-white-color);

}

.service-side-dtl .btn-primary {

  padding: 8px 15px;

}

.service-side-dtl svg.feather {

  color: var(--text-white-color);

  margin: 0 0 0 5px;

}











.feature-main-block {

  padding: 60px 0;

  background-color: var(--background-grey-bg-color);

}

.feature-dtl p {

  font-size: 12px;

}

.feature-img img {

  margin-bottom: 20px;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.feature-main-block-two {

  padding: 50px 0;

}

.feature-dtl-icon {

  display: inline-block;

  float: left;

  margin-right: 20px;

}

.feature-dtl-icon img {

  width: 40px;

}

.feature-dtl {

  padding: 0 0 0 60px;

}

.feature-block {

  padding: 0 30px 30px;

}

.feature-dtl-block {

  padding: 0 30px;

}

.feature-dtl-block .btn-primary {

  padding: 8px 15px;

  margin-top: 20px;

}

.feature-dtl-block svg.feather {

  color: var(--text-white-color);

  margin: 0 0 0 5px;

}

.feature-image img {

  border-radius: 6px;

}













.user-alumini-main-block .switch {

  position: relative;

  display: inline-block;

  width: 60px;

  height: 34px;

  margin-top: 25px;

}

.user-alumini-main-block .switch input {

  opacity: 0;

  width: 0;

  height: 0;

}

.user-alumini-main-block .slider {

  position: absolute;

  cursor: pointer;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #ccc;

  -webkit-transition: .4s;

  transition: .4s;

}

.user-alumini-main-block .slider:before {

  position: absolute;

  content: "";

  height: 26px;

  width: 26px;

  left: 4px;

  bottom: 4px;

  background-color: white;

  -webkit-transition: .4s;

  transition: .4s;

}

.user-alumini-main-block input:checked+.slider {

  background-color: #2196F3;

}

.user-alumini-main-block input:focus+.slider {

  box-shadow: 0 0 1px #2196F3;

}

.user-alumini-main-block input:checked+.slider:before {

  -webkit-transform: translateX(26px);

  -ms-transform: translateX(26px);

  transform: translateX(26px);

}

/* Rounded sliders */

.user-alumini-main-block .slider.round {

  border-radius: 34px;

}

.user-alumini-main-block .slider.round:before {

  border-radius: 50%;

}

.user-alumini-main-block .btn-primary {

  padding: 5px 15px;

  margin-top: 15px;

}

.alumini-msg {

  background-color: #d4edda;

  border-color: #c3e6cb;

  color: #155724;

  padding: 20px;

  border-radius: 6px;

  text-align: center;

  margin-bottom: 40px;

}

.alumini-msg p {

  font-size: 16px;

}















.alumini-main-block {

  padding: 50px 0;

}

.alumini-block {

  border-radius: 6px;

  background-color: #FFF;

  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%);

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.alumini-img img {

  border-radius: 6px 6px 0 0;

}

.alumini-dtl {

  padding: 20px 0;

}

.alumini-block .btn-primary {

  padding: 5px 15px;

}

.alumini-profile-main-block {

  background-color: #F6F7FC;

}

.alumini-profile-block {

  background-color: var(--background-white-bg-color);

  padding: 50px 30px;

  border-radius: 6px;

}

.alumini-profile-block .alumini-profile-img img {

  width: 180px;

  height: 180px;

  border-radius: 100%;

  object-fit: cover;

}

.alumini-profile-video .video-item {

  text-align: center;

  border: 5px solid #FFF;

  color: var(--text-white-color) !important;

  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%);

  border-radius: 6px;

}

.alumini-profile-video .video-device {

  position: relative;

}

.alumini-profile-video .video-device .bg_img {

  background-size: cover;

  width: 100%;

  height: 400px;

  object-fit: cover;

  background-position: 50% 50%;

  background-repeat: no-repeat;

  border-radius: 6px;

}

.alumini-profile-video .video-item .video-preview,

.alumini-profile-video .video-item .video-preview iframe {

  width: 100%;

  height: 100%;

}

.alumini-profile-video .video-preview {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 30;

  width: 100%;

}

.alumini-profile-video .btn-video-play i {

  margin: 0 auto;

  padding-left: 7px;

  position: relative;

  top: 50%;

  left: 5%;

  transform: translate(-50%, -50%);

  z-index: 30;

  color: var(--text-white-color);

  font-size: 30px;

  border: 1px solid transparent;

  border-radius: 100%;

  background-color: rgba(0, 0, 0, .6);

  height: 70px;

  width: 70px;

  line-height: 2.4;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.user-alumini-main-block .alumini-switch-block {

  text-align: right;

}

.alumini-switch {

  font-size: 14px;

  font-weight: 400;

  margin-bottom: 10px;

}











.download-apk-main-block {

  padding: 60px 0;

  background-color: var(--background-grey-bg-color);

}

/* .download-apk-block {

  padding: 50px 0;

} */





.download-apk-img img {

  height: 200px;

}

.download-apk-img {

  margin-top: 50px;

}

.download-apk-main-block {

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  height: 500px;

  margin-bottom: 120px;

}

.download-apk-side-img img {

  height: 400px;

  text-align: center;

}

.apk-heading {

  color: #0073A9;

}

.download-apk-side-img {

  padding: 0 0 0 100px;

}



.landing-video {

  padding: 0;

}

.landing-get-started {

  margin-bottom: 0;

}

.instructor-home-social-icon ul li i {

  color: #FFF;

}

.instructor-home-social-icon ul li {

  margin-right: 5px;

}











@media (max-width: 767px) {

  .landing-nav-bar .logo {

    text-align: center !important;

  }

  .nav-bar-main-block.landing-nav-bar .logo .img-fluid {

    margin-top: 0;

    height: 35px;

  }

  .landing-home-main-block.home-main-block {

    height: 300px;

  }

  .testi-img.text-center {

    margin-top: -32%;

  }

  .testi-dtl p {

    padding: 0 50px;

  }

  .service-side-img {

    margin-bottom: 30px;

  }

  .get-started-dtl {

    margin: -68% auto;

  }

  .feature-block {

    padding: 0 0 30px;

  }

  .feature-dtl-block {

    margin-bottom: 30px;

    padding: 0;

  }

  .download-apk-side-img {

    display: none;

  }

  .apk-heading {

    font-size: 15px;

  }

  .download-apk-img img {

    height: 150px;

  }

  .service-side-dtl {

    top: 20%;

  }

  .alumini-block {

    margin-bottom: 30px;

  }

  .alumini-profile-block {

    margin-bottom: 30px;

  }

  .user-alumini-main-block .alumini-switch-block {

    text-align: left;

  }

}



@media (min-width: 767px) and (max-width: 992px) {

  .testi-img.text-center {

    margin-top: -15%;

  }

  .get-started-dtl {

    margin: -30% auto;

  }

  .download-apk-side-img {

    padding: 0 0 0 50px;

  }

  .service-side-dtl {

    top: 12%;

  }

  .alumini-block {

    margin-bottom: 30px;

  }

}













.certificate-img {

  position: relative;

}

.certificate-img img {

  border-radius: 6px;

  width: 100%;

  height: 700px;

}

.certificate-detail {

  position: absolute;

  top: 12%;

  left: 34%;

  right: 7%;

}

.certificate-bottom {

  position: absolute;

  bottom: 14%;

  left: 6%;

  right: 6%;

  margin: 0 20px;

}

.company-logo {

  margin: 0 auto;

}

.company-logo img {

  width: 200px;

}

.certificate-heading {

  text-transform: uppercase;

  font-weight: 500;

  margin-bottom: 60px;

}

.certificate-heading span {

  font-size: 60px;

  font-family: 'Roboto Slab', serif;

  letter-spacing: 4px;

  font-weight: 600;

  color: #E65A1D;

}

.certificate-title {

  font-size: 20px;

  font-weight: 500;

  margin-bottom: 30px;

}

.certificate-name {

  font-size: 44px;

  color: #1B7EC1;

  font-family: 'Dancing Script', cursive;

}

.company-logo {

  margin-top: 30px;

}

.certificate-date ul li {

  font-size: 16px;

}

.certificate-date ul li.date {

  font-size: 20px;

  font-weight: 500;

}

.certificate-signature ul li.signature {

  font-size: 20px;

  font-weight: 500;

}

.certificate-date {

  margin-top: 37px;

}

.certificate-serial-number {

  position: absolute;

  bottom: 13%;

  left: 5%;

  right: 5%;

  margin: 0 20px;

}

.certificate-signature ul hr {

  margin-top: 0.5rem;

  margin-bottom: 0.5rem;

}

.certificate-date ul hr {

  margin-top: 0.5rem;

  margin-bottom: 0.5rem;

}

.recipient-block .img-circle {

  width: 50px;

  height: 50px;

  object-fit: cover;

}

.signup-block .field-icon {

  position: absolute;

  right: 15px;

  top: 9px;

  color: #CACBCC;

  font-size: 18px;

}

.googlePlay img {
  width: 150px;
}

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

.googlePlay .qrImgGoogla {
  width: 80px;
  object-fit: contain;
}

@media (max-width: 767px) {



  .certificate-responsive {

    display: none;

  }

}

@media (min-width: 767px) and (max-width: 992px) {

  .certificate-heading {

    font-size: 24px;

  }

  .certificate-heading span {

    font-size: 42px;

  }

  .certificate-heading {

    margin-bottom: 50px;

  }

  .certificate-detail {

    top: 5%;

    left: 30%;

  }

  .certificate-name {

    font-size: 40px;

  }

  .certificate-bottom {

    bottom: 13%;

  }

  .certificate-date {

    margin-top: 36px;

  }

  .company-logo img {

    width: 170px;

  }

}

.marquee {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 100%;
  overflow: hidden;
  background: white;
  background-color: #FF6D2B;
  white-space: nowrap;
  color: #fff;
  font-size: 22px;
  font-weight: 500;
}

.marquee--inner {
  display: block;
  width: 200%;
  position: absolute;
  animation: marquee 30s linear infinite;

  &:hover {
    animation-play-state: paused;
    color: #0075A6;
  }
}

span {
  /* float: left; */
  /* width: 50%; */
  overflow: hidden;
}

@keyframes marquee {
  0% {
    left: 0;
  }

  100% {
    left: -100%;
  }
}

.nav-menu ul {
  display: flex;
  gap: 15px;
  justify-content: end;
}

.logo {
  height: 100%;
  width: 198px;
}

section#nav-bar {
  padding: 20px 0;
}

.view_more {
  padding: 5px 10px;
  border-radius: 5px;
  border: navajowhite;
  float: left;
  color: #fff;
  background-color: #0A6EFA;
}

.card_btn {
  display: flex;
  background-color: #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  flex-direction: column;
}

.footer-dropdown {
  display: none;
}

.quiz-plt-row li button.answered {
  background: #11253E !important;
}

.quiz-plt-row li button.not-answered {
  background: transparent !important;
  color: #002C48 !important;
  border: 1px solid #002C48 !important;
}

.quiz-plt-row li button.visited {
  background: grey !important;
}

.quiz-box.footer .quiz-plt-row li {
  width: calc(34% - 10px) !important;
  height: 25px !important;
}

.quiz-box.footer {
  min-height: 100%;
}

.quiz-box.footer .quiz-plt-row li button {
  border-radius: 5px !important;
  color: #fff !important;
  font-size: 12px;
  font-weight: 500;
  padding: 15px 4px;
}

.quiz-box.footer .quiz-plt-row {
  margin-bottom: 0px !important;
}

#question-form .card-body {
  min-height: 320px;
}

.quiz-plt-row li {
  width: 45px !important;
  height: 45px;
}

.blog-block.btm-40 {
  height: 100%;
  border: 1px solid #dfdfdf;
}

.leftSideDiv {
  display: flex;
  flex-wrap: wrap;
}

.rightSideDiv .rightPDFDiv {
  position: sticky;
  top: 120px;
}

.PDFContainerCustom {
  padding: 0 50px;
}


@media(max-width:767.97px) {
  .card-box {
    margin-bottom: 30px;
  }

  img.back-img {
    object-fit: cover;
  }

  .blog-slider-dtl p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

.overlay-bg.news-bg {
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
}


/* Reset some default styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Banner Section */
.banner .col-md-5 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.banner h1 {
  font-size: 50px;
  color: #002C48;
  font-family: cursive;
  margin-bottom: 0;
}

.banner p {
  font-size: 15px;
  margin: 5px 0 15px 0;
  font-weight: 500;
}

.btn-primary {
  display: inline-block;
  padding: 12px 25px;
  background-color: #002c48;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.btn-primary:hover {
  background-color: #002c48;
}

.textdiv {
  color: white;
  font-size: 17px;
  font-weight: 500;
}

.social-link-div {
  display: flex;
  /* justify-content: space-between; */
}

.socialmedia {
  color: #fff;
}


.learn-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 50px;
  background-color: white;
  border-radius: 25px;
  margin: 50px auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.content {
  flex: 1;
  padding-right: 30px;
  margin: 40px;
}

.content span {
  color: #F79A1C;
}

.content h1 {
  font-size: 38px;
  color: #11253E;
  font-family: cursive;
  font-weight: bold;
}

.highlight {
  color: #002c48 !important;
  display: inline-block;
}

.content p {
  font-size: 16px !important;
  color: #002c48 !important;
  margin: 18px 0;
}

.store-buttons img {
  height: 50px;
  margin-right: 15px;
  cursor: pointer;
}

.image-container {
  flex: 1;
  text-align: right;
}

.image-container img {
  max-width: 250px;
  /* border-radius: 20px; */
}

.card-box:hover {
  transition: 0.5s ease-in-out;
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.socialmedia {
  display: flex !important;
  background-color: #002c48;
  /* color: black; */
  padding: 8px;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  height: auto;
}

.nav-menu ul li a {
  /* background-color: #8898b554; */
  padding: 8px 10px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}

.textfoooterdiv {
  text-align: center;
}

.business-img {
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
  ;
}

.contactdivsection {
  height: 450px;
  object-fit: contain;
}


/* CONTACT CARD CSS START */
.contact-us-main-block .contact-dtl ul {
  height: 300px;
  border: 1px solid #FFF;
  border-radius: 31px;
  padding: 30px 33px;
  box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);
  width: 344px;
  text-align: start;
  background-color: #d5ecff;
}

.contactParaText {
  font-size: 15px;
  color: #676767;
  margin-top: 10px;
  line-height: 25px;
}

.contactTitle {
  color: #3b83c2;
  font-size: 19px !important;
  font-weight: 600;
}

.contactIcon {
  font-size: 30px !important;
  color: #3b83c2;
}

.contactHead {
  display: flex;
  align-items: end;
  gap: 15px;
}

.contact-card {
  border: none;
  border-radius: 1rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.contact-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.contact-icon {
  font-size: 2rem;
  color: #007bff;
  margin-bottom: 0.5rem;
}

.contact-title {
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 0;
  text-transform: uppercase;
}

.contact-text {
  color: #555;
  font-size: 1rem;
}

@media screen and (max-width: 450px) {
  .learn-section {
    flex-direction: column;
  }

  .content h1 {
    font-size: 26px !important;
  }

  .store-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .image-container {
    margin-top: 25px;
    text-align: center !important;
  }

  section.course-card-section {
    padding: 46px 0 7px !important;
  }

  .learntextsection {
    padding-right: 0 !important;
  }

  .footerlogodiv {
    display: flex;
    justify-content: left;
  }

  .content p {
    font-size: 15px !important;
  }
}

.overlay-bg.news-bg {
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
}


.footer-main-block {
  background-color: #f8f9fa;
  padding-top: 40px;
  color: #fff;
  font-size: 14px;
}

.footer-link ul {
  list-style: none;
  padding: 0;
}

.footer-link ul li {
  margin-bottom: 10px;
}

.footer-link ul li a {
  color: #555;
  text-decoration: none;
}

.footer-link ul li a:hover {
  color: #007bff;
}

.newsletter-block {
  background-color: #007bff;
  color: white;
  padding: 30px 20px;
  border-radius: 5px;
  margin-bottom: 40px;
}

.newsletter-heading {
  font-size: 20px;
  margin-bottom: 15px;
}

.newsletter-block input[type="email"] {
  padding: 10px;
  width: 70%;
  border: none;
  border-radius: 4px 0 0 4px;
  outline: none;
}

.newsletter-block button {
  padding: 10px 20px;
  border: none;
  border-radius: 0 4px 4px 0;
  background-color: #0056b3;
  color: white;
  cursor: pointer;
}

.newsletter-block button:hover {
  background-color: #00408d;
}

.social-icons a {
  color: #333;
  margin-right: 15px;
  font-size: 18px;
}

.social-icons a:hover {
  color: #007bff;
}

.tiny-footer {
  background-color: #161616;
  padding: 15px 0;
  text-align: start;
  font-size: 13px;
  margin-top: 40px;
}

@media only screen and (max-width: 769px) {
  .store-buttons {
    display: flex;
  }

  .store-buttons img {
    height: 35px !important;
  }

  .content h1 {
    font-size: 30px;
  }

  .quiz-section .col-md-5 img {
    width: 100% !important;
    padding: 5px !important;
  }

  .banner h1 {
    font-size: 32px;
  }

  .banner p {
    font-size: 13px;
  }

  .exploreBtn {
    padding: 8px 10px !important;
  }

  .social-icons {
    flex-wrap: nowrap !important;
  }

  .footerappstore img {
    margin-top: 8px;
  }

  .store-buttons img {
    height: 36px !important;
  }

  .course-bought-block .course-currency ul .amountPrice {
    left: 17px !important;
  }

  #question-form .card-body {
    min-height: 200px;
  }

  .quiz-box {
    height: 140px !important;
  }

  .quiz-box.footer .quiz-plt-row li button {
    color: #000 !important;
  }

  .text-content h1 {
    font-size: 35px !important;
  }

  .boostup-row a {
    width: calc(31% - 0px) !important;
  }

  .register-page .signup-side-block img {
    height: 100%;
  }

  .loginBtn {
    width: 45%;
    margin-left: 10px;
  }

  .signBtn {
    width: 45%;
    margin-left: 10px;
  }

  section#nav-bar {
    padding: 5px !important;
  }

  #notificationTitle {
    padding: 14px 0 14px 38px;
  }

  .homeBtn img {
    height: 40px !important;
  }

  .signup-side-block img {
    object-fit: contain;
  }

  .resend-otp-btn.loginBtnClass {
    margin-bottom: 12px;
  }

  button#verifyNumberBtn,
  .resend-otp-btn.loginBtnClass,
  .verifyButton.loginBtnClass {
    margin-left: 15px;
    margin-right: 15px;
  }

  .row.custom-row {
    gap: 15px;
  }
}

@media (max-width: 767px) {
  .newsletter-block input[type="email"] {
    width: 100%;
    border-radius: 4px;
    margin-bottom: 10px;
  }

  .newsletter-block button {
    width: 100%;
    border-radius: 4px;
  }

  .footer-logo,
  .footer-link {
    margin-bottom: 20px;
    text-align: center;
  }
}

.footertextsection {
  color: #fff !important;
}

.socialfaceicon {
  background-color: #1877F2;
  border-radius: 50%;
  width: 31px;
  text-align: center;
  border: 1px solid white;
  color: #fff !important;
}

.socialtwittericon {
  background-color: #00b9ff;
  border-radius: 50%;
  width: 31px;
  text-align: center;
  border: 1px solid white;
  color: #fff !important;
}

.socialinstaicon {
  background-color: #5869AC;
  border-radius: 50%;
  width: 31px;
  text-align: center;
  border: 1px solid white;
  color: #fff !important;
}

.sociallinkedinicon {
  background-color: #286881;
  border-radius: 50%;
  width: 31px;
  text-align: center;
  border: 1px solid white;
  color: #fff !important;
}

.social-icons {
  display: flex;
  /* justify-content: center; */
  /* gap: 15px; */
  margin-top: 1rem;
  flex-wrap: wrap;
}

.social-icons a {
  color: #fff;
  /* background-color: #333; */
  padding:
}

.EditP {
  width: 85%;
  margin-left: -10px;
}

.banner h1.bannerdivhead span {
  color: #F79A1C;
}

@media (max-width: 480px) {
  .social-icons a {
    width: 35px;
    height: 35px;
    font-size: 16px;
    padding: 8px;
  }

  button.btn.btn-primary.verifyButton {
    position: relative;
  }

  .resend-otp-btn.loginBtnClass {
    margin-bottom: 12px;
  }

  .col-lg-6.signUpDiv {
    padding: 0;
  }
}

.discountdiv {
  background-color: #9dc64b;
  border-radius: 50%;
  padding: 5px 3px;
  color: #fff;
}

@media screen and (max-width: 480px) {
  section#nav-bar {
    padding: 10px;
  }

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

  .logo {
    margin-right: 100px;
  }

  .mainblockdiv {
    margin-top: 25px;
    padding: 0;
  }

  .highlight {
    font-size: 25px !important;
  }

  .bannerdivhead {
    color: #fff;
  }

  .footer-logo {
    text-align: start !important;
  }

  .social-icons {
    gap: 0;
  }

  /* .footerrowdiv {
    background-color: #161616;
    flex-direction: column;
    text-align: start !important;
  } */
  .footer-link {
    text-align: start !important;
  }

  .boostup-row {
    gap: 12px !important;
  }

  .footertextdiv {
    min-height: 200px !important;
  }

  .underLine {
    background-color: rgb(44, 54, 63);
    width: 100%;
    height: 1px;
    margin: 14px 0px;
  }

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

  .verifybtndiv {
    padding: 5px 0;
  }

  .adminlogindiv {
    height: 80vh;
  }

  .forgetpassworddiv {
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
    padding: 30px;
  }

  .footerlistdiv {
    text-align: justify;
  }

  .homePage {
    box-shadow: none !important;
    margin: 0 auto !important;
  }
}

@media screen and (max-width: 480px) {
  .contactrowdiv {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}

.login-block .btn-primary {
  background-color: #fff !important;
  color: #002c48 !important;
}

.boostup-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.levelRowClass {
  gap: 25px;
  justify-content: center;
}

.levelCard {
  width: calc(33% - 15px);
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: #e9ecef #e9ecef #dee2e6;
  background: #11253e;
  color: #fff !important;
}



.buttonDiv {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.social-icons a {
  border: 1px solid #fff;
  color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.social-icons a:hover {
  background-color: #fff;
  color: #161616;
}

.learning-courses-home-main-block {
  background: none !important;
}

i.fa.fa-trophy.lft-7 {
  font-size: 20px;
}

.CourseEdit {
  display: flex;
  justify-content: center !important;
  align-items: center !important;
}

.course-detail-card .card .card-body .profile-heading {
  background: #11253e !important;
  color: #fff !important;
}

.course-detail-card .card {
  background: none !important;
  border: 1px solid #11253e57;
}

.about-home-btn .btn {
  background: #11253e !important;
  color: white !important;
  border: 1px solid #11253e !important;
}

.shopping-cart {
  display: none;
}

button.wishlisht-btn.heart {
  display: none;
}

iframe {
  height: 363px !important;
}

.boostup-row a {
  width: calc(20% - 17px);
}

section#business-home {
  display: none;
}

.wrapper.center-block {
  display: none !important;
}

.reviewBg {
  background: #11253e;
}

.headingReview {
  text-align: center;
  color: #fff;
}

.submitReview {
  margin-top: 8px;
}

.markReviewdiv {
  padding: 4px 10px !important;
}
.learning-courses-home-block{
  padding: 25px;
}

@media only screen and (max-width: 450px) {
  .levelCard {
    width: auto;
  }

  .footerrowdiv {
    flex-direction: column;
  }

  .boostup-row a {
    width: 47% !important;
  }

  .quiz-section .col-md-5 img {
    display: none;
    height: 40px;
  }

  .image-container img {
    width: 210px;
  }

  .course-card-section .content {
    padding: 0 !important;
    margin: 0 !important;
  }

  .banner h1 {
    font-size: 30px;
  }

  .exploreBtn {
    padding: 10px 10px !important;
  }

  .footerappstore img {
    margin-top: 10px;
  }

  .signup-block {
    padding: 10px 25px;
  }

  .signup-side-block img {
    width: 80%;
  }

  .filterBtn {
    padding: 5px 15px;
  }

  .searchBtn {
    padding: 5px 10px;
    border-radius: 3px !important;
  }

  h1.wishlist-home-heading {
    font-size: 30px;
  }

  .quizCardDiv .radioInput label {
    font-size: 12px !important;
  }

  #question-form .card-body {
    min-height: 250px;
  }

  button#prev {
    margin-bottom: 10px;
  }

  button#markReview {
    margin-bottom: 7px;
    padding: 4px 10px;
  }


  .quiz-box {
    height: 140px !important;
  }

  .course-bought-block .course-currency ul .amountPrice {
    left: -15px !important;
    top: -25px;
  }

  .work-heading {
    text-align: start;
  }

  .learning-work-dtl p {
    text-align: start;
  }

  .learning-work-block {
    padding: 5px 0 20px;
  }

  .hero-section {
    padding: 30px 20px !important;
  }

  .learn-section {
    padding: 0 !important;
  }
}

@media only screen and (max-width: 321px) {
  .HomeEdit {
    margin-top: 0 !important;
    padding: 25px;
  }

  .content {
    padding-right: 0px;
    margin: 0px;
  }

  .image-container img {
    width: 180px;
  }
}