@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Oswald:wght@200;300;400;500;600;700&display=swap");
@import "../css/bootstrap.min.css";

@keyframes glowing {
  0% {
    box-shadow: 0 0 5px #ffd700;
  }

  100% {
    box-shadow: 0 0 15px #ffd700, 0 0 30px #ffd700;
  }
}

@font-face {
  font-family: roboto-bold;
  src: url(../fonts/roboto/Roboto-Bold.ttf);
}

@font-face {
  font-family: martelsans;
  src: url(../fonts/martelsans/MartelSans-ExtraBold.ttf);
}

@font-face {
  font-family: quicksand;
  src: url(../fonts/Quicksand/Quicksand-Regular.ttf);
}

@font-face {
  font-family: nunito;
  src: url(../fonts/nunito/Nunito-Bold.ttf);
}

@font-face {
  font-family: roboto-light;
  src: url(../fonts/roboto/Roboto-Light.ttf);
}

@font-face {
  font-family: roboto-medium;
  src: url(../fonts/roboto/Roboto-Regular.ttf);
}

@font-face {
  font-family: roboto-medium;
  src: url(../fonts/roboto/Roboto-Medium.ttf);
}

@font-face {
  font-family: gotham;
  src: url(../fonts/gotham/GothamBold.otf);
}

* {
  font-family: "Roboto", sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background: #f9f9f9;
}

.main-header {
  position: fixed;
  left: 0;
  top: 0%;
  width: 100%;
  z-index: 111;
  background: transparent;
  transition: 0.6s all;
  -webkit-transition: 0.6s all;
  -moz-transition: 0.6s all;
  -ms-transition: 0.6s all;
  -o-transition: 0.6s all;
}

.main-header.sticky {
  top: -103%;
}

.zidni-main {
  margin-top: 159.4px;
}

.progress {
  background: #d3d3d3;
}

.oswald400 {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
}

.oswald500 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
}

.oswald600 {
  font-family: "Oswald", sans-serif;
  font-weight: 600;
}

.martelsans {
  font-family: martelsans;
}

.gotham {
  font-family: gotham;
}

.quicksand {
  font-family: quicksand;
}

.nunito {
  font-family: nunito;
}

.btn {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

select:focus,
input:focus,
textarea:focus {
  box-shadow: none;
}

.btn-primary:hover {
  background: #156b68eb;
}
.jjjjjj::-webkit-scrollbar {
    display: none;
}
button.left-sidearrow-zoom {
    left: 10px;
    background: transparent;
    color: #9e9e9e;
    top:50%;
    transform: translateY(-50%);
    border: 0;
    width: 40px;
    height:50px;
    font-size: 26px;
}

button.right-sidearrow-zoom {
    right: 10px;
    background: transparent;
    color: #9e9e9e;
    border: 0;
    top:50%;
    transform: translateY(-50%);
    width: 40px;
    height:50px;
    font-size: 26px;
}
.form-control {
  background: #fff;
  padding: 7px 10px;
  border: 1px solid #ced4da;
  font-size: 14px;
}

.progress {
  height: 10px;
}

.form-control::placeholder {
  color: #6c757d;
}

.form-control:focus {
  border-color: #000;
  box-shadow: none;
}

.form-select {
  padding: 7px 10px;
  border: 1px solid #ced4da;
  font-size: 14px;
  color: #6c757d;
}

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

.btn:disabled {
  border-color: transparent;
}

*::-moz-selection {
  color: #fff;
  background: #156b68;
}

*::selection {
  color: #fff;
  background: #156b68;
}

.mob {
  display: none;
}

.btn-light:hover {
  background: #156b6824;
}

section,
footer {
  width: 100%;
  max-width: 100%;
  padding: 60px 40px;
  margin: 0 auto;
}

header {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding: 20px 40px;
  margin: 0 auto;
}

header .nav-link:hover {
  color: unset;
}

.container {
  max-width: 1333px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

img {
  max-width: 100%;
}

video {
  max-width: 100%;
}

.bg-green {
  background-color: #156b68;
}

.round {
  border-radius: 8px;
}

.round-ban {
  border-radius: 15px;
}

.bg-gold {
  background: #bfa957;
  color: #fff;
}

.bg-gold:hover {
  background: #bfa857e3;
}

ul {
  padding-left: 0;
  margin-bottom: 0;
}

ol {
  margin-bottom: 0 !important;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  transition: 0.3s all;
}

h1 {
  font-size: 50px;
  font-weight: 700;
  font-family: roboto-bold;
}

h2 {
  font-size: 40px;
  font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
}

p {
  font-weight: 400;
  margin-bottom: 0;
}

a.try-btn {
  display: inline-block;
  padding: 10px 22px;
  font-size: 16px;
}

.text-danger {
  font-size: 12px;
  margin-top: 3px;
}

.searchWrapper {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 12px;
}

.searchWrapper img {
  display: none;
}

button.btn:disabled {
  background: #648786 !important;
  cursor: no-drop !important;
}

.badge-btn {
  background: #f0edf9;
  color: #000;
  border-radius: 5rem;
  padding: 6px 18px;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  -ms-border-radius: 5rem;
  -o-border-radius: 5rem;
}

button {
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}

/* =============================================== */
/* login popup start */
/* =============================================== */
.modal-dialog.login-form .modal-body::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.4;
  background: linear-gradient(95deg,
      rgb(59, 161, 158) -5.13%,
      rgba(36, 46, 8, 0.23) 67.33%);
}

.login-form .modal-body {
  padding: 40px;
}

.login-form .hero {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr 1fr;
}

.login-form .hero .form-box {
  position: relative;
}

.login-form .hero .form-banner {
  background: #156b68;
  border-radius: 10px;
  text-align: center;
  min-height: 467px;
  color: #fff;
  padding: 40px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.login-form .hero .form-banner button {
  background: transparent;
  color: #fff;
  border: none;
  outline: none;
}

.login-form form#loginForm {
  position: static;
  right: 0;
  width: 100%;
}

.login-form form#signupForm {
  position: absolute;
  right: 110%;
}

.login-form form#zidniinstructorForm {
  position: absolute;
  right: 110%;
}

.login-form .fade-in {
  transition: 0.3s all;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.login-form .top-pop textarea:focus {
  box-shadow: none;
}

.login-form .top-pop textarea {
  background: #d9d9d91f;
  border: none;
  resize: none;
}

.form-label {
  font-weight: 500;
  color: #313131;
  margin-bottom: 5px;
}

.login-form .top-pop select:focus {
  box-shadow: none;
}

.login-form .hero .form-box .tab-content .tab-pane {
  height: 100%;
}

.login-form .hero .form-box .tab-content .tab-pane .sign-up-two {
  height: 100%;
}

.login-form .hero .form-box .tab-content {
  height: 100%;
}

.login-form .bottom-pop .illdo {
  margin-bottom: 20px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
}

.login-form .fade-in .forgot-pass .or-login .or {
  position: relative;
}

.or-login .or::after {
  content: "";
  position: absolute;
  z-index: 0;
  height: 1px;
  width: 100%;
  left: 50%;
  top: 50%;
  background: #dfdfdf;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.login-form .fade-in .forgot-pass button {
  background: none;
  border: none;
  float: right;
  color: #707070;
  font-size: 14px;
}

.login-form .hero .form-banner .top-sec {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 70%;
  justify-content: center;
}

.login-form .sign-up-two {
  display: block;
}

.login-form .hero input[type="file"]::-webkit-file-upload-button {
  background-color: transparent !important;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
  float: right;
  border: none;
  color: transparent;
  background: url("../images/Upload.svg");
  background-repeat: no-repeat;
  background-position: center right;
}

.login-form .hero .form-banner .top-sec h3 {
  font-size: 35px;
  width: 80%;
  max-width: 100%;
  line-height: 47px;
  margin-top: 40px;
}

.login-form .hero .form-banner .btn-sec button.try-zidni {
  width: 303px;
  margin-bottom: 30px;
  padding: 8px 24px;
  font-weight: 500;
  max-width: 100%;
  border: 1px solid #448986;
  border-radius: 8px;
}

.login-form .hero .form-box h4 {
  margin-bottom: 20px;
  color: #000;
}

.login-form .fade-in .ssf {
  min-height: 350px;
}

.login-form .fade-in .ssf .btm-baar {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  grid-gap: 30px;
  align-items: center;
}

.login-form .fade-in .ssf .btm-baar .univ-block {
  width: 100%;
  display: grid;
  background: #e8f4ed;
  grid-template-columns: 1fr 1fr;
  padding: 20px 44px;
  border-radius: 4px;
}

.login-form .fade-in .ssf .btm-baar .univ-block li {
  line-height: 35px;
}

.login-form .fade-in .ssf .btm-baar h5 {
  color: #14934e;
}

.login-form .hero input[type="file"]:hover::-webkit-file-upload-button {
  background-color: transparent;
}

.login-form #zidniA .top-pop.uplodbts .mb-3 label.form-label.nmn {
  display: inline-block;
  background: url("../images/Upload.svg");
  background-repeat: no-repeat;
  background-position: center right 20px;
  position: relative;
  background-color: #d9d9d91f;
}

.login-form #zidniA .top-pop.uplodbts .mb-3 label.form-label.nmn::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: 1px dashed var(--Primary-colour, #156b68);
}

.login-form .fade-in .bottom-pop .check-d {
  margin-top: 40px;
}

.login-form .fade-in .bottom-pop .check-d input {
  border: 1px solid #d1d1d1;
  width: 20px;
  height: 20px;
}

.login-form .fade-in .bottom-pop .check-d input:focus {
  box-shadow: none;
}

.login-form .fade-in .bottom-pop .check-d input:checked {
  border-color: #156b68;
  background-color: #fff;
  background: url("../images/checkboxicon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px;
}

.login-form .fade-in .bottom-pop .check-d .form-check-label {
  color: #7b7979;
  padding-left: 10px;
  margin-bottom: 10px;
  font-size: 14px;
}

.login-form .fade-in .bottom-pop .check-d .form-check-label b a {
  color: #000;
}

.login-form .fade-in .bottom-pop .check-d .form-check-label a.terms {
  text-decoration: underline;
}

.login-form #zidniA .top-pop.uplodbts .mb-3 input[type="file"] {
  position: absolute;
  opacity: 0;
}

.login-form #zidniA .top-pop .mb-3 input[type="file"]+label {
  border-radius: 6px;
  text-align: left;
  padding: 10px;
  width: 100%;
  margin: 0;
}

.login-form #zidniA .top-pop .mb-3 input[type="file"]+label {
  color: #6c757d;
  border: none;
  cursor: pointer;
}

.login-form .hero .form-box .tab-content .tab-pane .sign-up-two .top-pop {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.login-form .hero .form-box .tab-content .tab-pane .sign-up-two .top-pop .btnss button {
  width: 100%;
}

/* =============================================== */
/* login popup end */
/* =============================================== */

/* =============================================== */
/* header css start here */
/* =============================================== */

header .container .nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header .container .nav .logo img {
  width: 80%;
}

header .container ul a {
  color: #fff;
  padding: 10px 20px;
  position: relative;
  display: inline-block;
}

header .container ul a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  content: ".";
  color: transparent;
  background: #fff;
  height: 1px;
}

header .container ul a:hover:after {
  width: 100%;
}

header .container ul a,
header .container ul a::after {
  transition: all 0.5s;
}

header .container ul .courseLink a::after {
  display: none;
}

/* =============================================== */
/* header css end here */
/* =============================================== */

section.search-bar {
  position: relative;
  z-index: 13 !important;
  background: #fff;
  z-index: 1;
  padding: 14px 40px;
  filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.1));
}

section.search-bar .container .bottom-bar .loggedin-btns .cus-name:hover .customer-menu-drop {
  transform: translate(0, 0px);
  visibility: visible;
  opacity: 1;
}

section.search-bar .container .bottom-bar .log .ser .search-menu {
  padding: 10px;
  position: relative;
}

section.search-bar .container .bottom-bar .log .ser .searchdropdown-menu {
  position: absolute;
  background: #fff;
  left: 0;
  width: 614px;
  top: 48px;
  display: block;
  border-radius: 8px;
  height: 502px;
  overflow: hidden scroll;
}

section.search-bar .container .bottom-bar .log .ser .searchdropdown-menu .cours ul a {
  display: grid;
  grid-gap: 20px;
  align-items: flex-start;
  color: #000;
  grid-template-columns: 48px auto;
}

section.search-bar .container .bottom-bar .log .ser .searchdropdown-menu .recent-serch .btnrec a {
  display: flex;
  grid-gap: 20px;
  align-items: center;
  color: #000;
  margin-bottom: 20px;
}

section.search-bar .container .bottom-bar .log .ser .searchdropdown-menu .cours ul a .univv {
  color: #676464;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

section.search-bar .container .bottom-bar .log .ser h4 {
  margin-bottom: 40px;
  font-weight: 600;
  font-size: 16px;
}

section.search-bar .container .bottom-bar .log .ser .search-menu .category {
  margin-bottom: 20px;
}

section.search-bar .container .bottom-bar .log .ser .search-menu .category ul {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

section.search-bar .container .bottom-bar .log .ser .search-menu .category ul li {
  background-color: rgba(236, 251, 251, 1);
  color: #156b68;
  font-weight: 500;
  border: 1px solid #156b68;
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 14px;
}

section.search-bar .container .bottom-bar .log .ser .search-menu .top {
  margin-bottom: 40px;
}

li.newli .newcontent .btn-con .badge {
  font-size: 12px;
  color: rgb(252 158 17);
  border-radius: 6px;
  padding: 6px 0px;
  margin-bottom: 2px;
}

li.newli .newcontent .btn-con .free-badge {
  background-color: rgb(255 202 122 / 24%);
  border: 1px solid rgb(252 158 17);
  color: rgb(252 158 17);
  font-size: 12px;
  border-radius: 6px;
  padding: 4px 6px;
  margin-top: 4px;
  margin-right: 10px;
}

li.newli .newcontent .btn-con .createBy span {
  font-size: 12px;
}

section.search-bar .container .bottom-bar .log .ser .search-menu .btn-con .star {
  display: flex;
  align-items: center;
  gap: 3px;
}

section.search-bar .container .bottom-bar .log .ser .search-menu .btn-con p {
  color: #113956;
  font-weight: 500;
  font-size: 14px;
}

section.search-bar .container .bottom-bar .log .ser .search-menu .btn-con h6 {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 2px;
}

section.search-bar .container .bottom-bar .log .ser .search-menu .btn-con span {
  font-size: 14px;
}

section.search-bar .container .bottom-bar .log .ser .search-menu .btn-con .createBy span {
  font-size: 12px;
}

section.search-bar .container .bottom-bar .log .ser .search-menu .btn-con .createBy p {
  font-size: 14px;
  margin-right: 10px;
}

section.search-bar .container .bottom-bar .log .ser .search-menu .btn-con .star .bi-star-fill {
  color: #ffd700;
  font-size: 14px;
}

section.search-bar .container .bottom-bar .log .ser .searchdropdown-menu .cours ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

section.search-bar .container .bottom-bar .log .ser form {
  position: relative;
}

section.search-bar .container .bottom-bar .log .ser form input:focus {
  box-shadow: none;
}

section.search-bar .container .bottom-bar .loggedin-btns .customer-menu-drop {
  position: absolute;
  right: 0px;
  border: 1px solid #d9d9d9;
  background: #fefffe;
  transform: translate(0, 20px);
  opacity: 0;
  transition: 0.3s all;
  border-radius: 6px;
  top: 46px;
  visibility: hidden;
  width: 327px;
}

section.search-bar .container .bottom-bar .loggedin-btns .cus-name {
  position: relative;
  padding: 5px 0;
  font-weight: 700;
  color: #156b68;
  display: flex;
  grid-gap: 5px;
  text-transform: capitalize;
}

section.search-bar .container .bottom-bar .loggedin-btns .cus-name .avatar-icon {
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: #156b68;
}

section.search-bar .container .bottom-bar .loggedin-btns .customer-menu-drop ul {
  padding: 10px 10px;
  border-bottom: 1px solid #d9d9d9;
}

section.search-bar .container .bottom-bar .loggedin-btns .customer-menu-drop ul:last-child {
  border-bottom: none;
}

section.search-bar .container .bottom-bar .loggedin-btns .customer-menu-drop ul li {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

section.search-bar .container .bottom-bar .loggedin-btns .customer-menu-drop ul li:hover {
  background: #156b6824;
}

section.search-bar .container .bottom-bar .loggedin-btns .customer-menu-drop ul li a {
  color: #000;
  display: block;
  padding: 5px 10px;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  font-weight: 400;
  font-size: 15px;
}

section.search-bar .container .bottom-bar .loggedin-btns .customer-menu-drop ul li:hover a {
  color: #156b68;
}

section.search-bar .container .bottom-bar .loggedin-btns .customer-menu-drop ul li a i {
  font-size: 14px;
  color: #156b68;
}

section.search-bar .container .bottom-bar .loggedin-btns .customer-menu-drop ul li a i::before {
  font-weight: 600 !important;
}

section.search-bar .container .bottom-bar .loggedin-btns .customer-menu-drop ul li .user-profile-secnew {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 10px;
}

section.search-bar .container .bottom-bar .loggedin-btns .customer-menu-drop ul li:last-child {
  margin-bottom: 0;
}

section.search-bar .container .bottom-bar .loggedin-btns {
  display: flex;
  align-items: center;
}

section.search-bar .container .bottom-bar .loggedin-btns .cart-btns {
  display: flex;
}

section.search-bar .container .bottom-bar .loggedin-btns .cart-btns .btn-menu {
  display: flex;
  height: 34px;
  width: 34px;
  background: #ffffff;
  border-radius: 6px;
  align-items: center;
  padding: 8px;
  justify-content: center;
  margin-left: 5px;
}

section.search-bar .container .bottom-bar .loggedin-btns .cart-btns .btn-menu .badge {
  font-size: 8px;
  min-height: 18px;
  min-width: 18px;
  line-height: normal;
  display: none !important;
}

section.search-bar .container .bottom-bar .loggedin-btns .cart-btns .btn-menu.nav-link-user::after {
  content: none;
}

.cart-btns .btn-menu.nav-link-user .badge.bg-danger {
  width: 8px;
  height: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 10%;
  right: 15%;
  margin: 0px;
  padding: 0px;
}

section.search-bar .container .bottom-bar input {
  height: 40px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(12, 38, 52, 0.13);
  padding: 12px 20px;
  font-size: 18px;
  background: url("../images/search.svg");
  background-repeat: no-repeat;
  background-position: center right 15px;
}

section.search-bar .container .bottom-bar input::placeholder {
  color: #8a8a8a;
  font-size: 16px;
}

header .navbar-expand-lg .navbar-nav .nav-item:first-child .nav-link::after {
  display: none;
}

.mycourlists .course-card.mb-3:last-child {
  margin-bottom: 0 !important;
}

header .navbar-nav .nav-item .btn-shine {
  position: relative;
  overflow: hidden;
  padding: 1rem 22px;
  border-radius: 8px;
  text-decoration: none;
  border: 1px solid #ffffff;
  color: #f4f4f4;
  background: transparent;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

header .navbar-nav .nav-item .btn-shine::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg,
      transparent,
      rgba(255, 255, 255, 0.2),
      transparent);
}

header .navbar-nav .nav-item .btn-shine::before {
  left: -100%;
  transition: all 0.65s ease-in-out;
}

header .navbar-nav .nav-item .btn-shine::before {
  -webkit-animation: shine 3s ease-in-out infinite;
  animation: shine 3s ease-in-out infinite;
}

@-webkit-keyframes shine {
  0% {
    left: -100%;
    transition-property: left;
  }

  11.5044247788%,
  100% {
    left: 100%;
    transition-property: left;
  }
}

@keyframes shine {
  0% {
    left: -100%;
    transition-property: left;
  }

  11.5044247788%,
  100% {
    left: 100%;
    transition-property: left;
  }
}

.insightdashboard::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.4;
  z-index: -1;
  background: linear-gradient(95deg,
      rgb(59, 161, 158) -5.13%,
      rgba(36, 46, 8, 0.23) 67.33%);
}

section.webinartabs>.container>.nav-pills {
  padding: 6px 6px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e7e7e7;
  flex-wrap: wrap;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

section.search-bar .container .bottom-bar .log .ser {
  width: 100%;
  max-width: 465px;
}

.main-wrapbtns .btn-light:hover {
  background: #156b6824;
  color: #156a67;
  border: 1px solid transparent;
}

section.search-bar .container .bottom-bar .log .exp .mobex {
  /* cursor: pointer; */
}

section.search-bar .container .bottom-bar .log .exp .mobex:hover {
  color: #156b68;
}

section.search-bar .container .bottom-bar .log .exp>img {
  margin-left: 10px;
  width: 16px;
}

section.search-bar .container .bottom-bar {
  display: grid;
  grid-template-columns: 674px 1fr;
}

section.search-bar .container .bottom-bar .name {
  background: #156b68;
  padding: 7px 15px;
  border-radius: 8px;
  font-weight: 500;
  color: white;
  font-size: 16px;
}

section.search-bar .container .bottom-bar .loginbtns {
  font-size: 16px;
  font-weight: 500;
  display: block;
  border: none;
  display: flex;
  align-items: center;
  gap: 6px;
}

section.search-bar .container .bottom-bar .log {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 20px;
}

section.search-bar .container .bottom-bar .log .exp {
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
  padding: 6px 0;
  color: #000;
}

section.search-bar .container .log .ser .searchdropdown-menu a img {
  width: 48px;
  height: 48px;
  border-radius: 4px;
  border: 1px solid #dbdbdb;
}

section.search-bar .container .bottom-bar .log .exp .mega-menuc .contentss .img-box {
  position: relative;
}

section.search-bar .container .bottom-bar .log .exp .mega-menuc {
  position: absolute;
  transition: opacity 200ms ease-in, transform 200ms ease-in,
    visibility 200ms ease-in;
  transform: translate(-50%, 20px);
  visibility: hidden;
  max-width: 100%;
  opacity: 0;
  width: 1333px;
  left: 50%;
  border-radius: 8px;
  top: 50px;
  border-radius: 10px;
  background: linear-gradient(278deg,
      rgba(120, 221, 228, 0.12) -11.43%,
      rgba(120, 221, 228, 0.12) -11.42%,
      #78dde4 4.12%,
      #fff 36.9%);
  padding: 40px;
}

section.search-bar .container .bottom-bar .log .exp:hover .mega-menuc {
  transform: translate(-50%, 0px);
  visibility: visible;
  opacity: 1;
  left: 50%;
}

section.search-bar .container .bottom-bar .log .exp .mega-menuc .contentss {
  display: grid;
  grid-template-columns: 2fr 1fr;
}

section.search-bar .container .bottom-bar .log .exp .mega-menuc ul a {
  font-size: 14px;
  color: #000;
  background: #f7f7f7;
  padding: 9px 18px;
  display: inline-block;
  border-radius: 8px;
  border: 1px solid transparent;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

section.search-bar .container .bottom-bar .log .exp .mega-menuc ul a:hover {
  border: 1px solid #156b68;
  background: #156b6824;
  color: #156a67;
}

section.search-bar .container .bottom-bar .log .exp .mega-menuc ul li.active a {
  border: 1px solid #156b68;
  background: #156b6824;
  color: #156a67;
}

section.search-bar .container .bottom-bar .log .exp .mega-menuc ul .active {
  border: 1px solid #156b68;
  background: #156b6824;
  color: #156a67;
}

section.search-bar .container .bottom-bar .log .exp .mega-menuc .contentss ul.lin li {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
}

section.search-bar .container .bottom-bar .log .exp .mega-menuc .contentss .link-box a.btnspe {
  width: 303px;
  display: inline-block;
  text-align: center;
  padding: 16px 24px;
  font-weight: 500;
  border-radius: 8px;
  background: #156b68;
  border: 1px solid #156b68;
  color: #fff;
  font-size: 18px;
}

section.search-bar .container .bottom-bar .log .exp .mega-menuc .contentss .link-box a.btnspe:hover {
  background: #156b68eb;
}

section.search-bar .container .bottom-bar .log .exp .mega-menuc .contentss .img-boxn {
  border: 7px solid #fefffe;
  border-radius: 10px;
  overflow: hidden;
}

section.search-bar .container .bottom-bar .log .exp .mega-menuc .contentss .img-boxn img {
  width: 100%;
}

section.search-bar .container .bottom-bar .log .exp .mega-menuc .contentss .img-box .logab {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

section.search-bar .container .bottom-bar .loggedin-btns .customer-menu-drop ul li.dthov:hover {
  background: transparent;
}

/* cart popup start */
.cart-pop .offcanvas-header h4 {
  font-size: 18px;
  display: flex;
  align-items: center;
}

.offcanvas.cart-pop {
  width: 35%;
  max-width: 100%;
}

.cart-pop .offcanvas-header {
  background: #fafafa;
  padding: 20px;
}

.cart-pop .offcanvas-body {
  padding: 20px;
}

.cart-pop .offcanvas-body .item {
  display: grid;
  align-items: center;
  padding: 8px;
  border-radius: 4px;
  margin-bottom: 20px;
  background: linear-gradient(92deg,
      rgba(202, 235, 249, 0.2) 26.45%,
      rgba(161, 128, 254, 0) 105.94%);
  grid-template-columns: auto 95px;
}

.cart-pop .offcanvas-header span.qtys {
  min-height: 30px;
  width: 30px;
  background: #d2eadd;
  border-radius: 50%;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart-pop .offcanvas-body .item .lef {
  display: grid;
  grid-gap: 20px;
  align-items: center;
  grid-template-columns: 88px auto;
}

.cart-pop .offcanvas-body .item .lef h5,
.cart-pop .offcanvas-body .item .lef p {
  font-size: 14px;
}

.cart-pop .offcanvas-body .item .lef h6 {
  font-size: 16px;
  margin-top: 10px;
  font-weight: 400;
}

.cart-pop .offcanvas-body .item .lef .img-box img {
  height: 70px;
  width: 70px;
}

.cart-pop .offcanvas-body .item .rig {
  padding: 10px;
  border-left: 3px solid #fff;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.cart-pop .offcanvas-body .item .lef .contents .trunckbox * {
  max-width: 266px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cart-pop .offcanvas-body .item .rig span {
  margin-left: 5px;
}

.cart-pop .offcanvas-footer {
  padding: 20px;
  background: #fafafa;
  text-align: center;
}

.cart-pop .offcanvas-footer .tot {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.cart-pop .offcanvas-footer button.chkout {
  border-radius: 8px;
  background: #156b68;
  color: #fff;
  width: 100%;
  padding: 10px 20px;
  border: none;
  font-size: 18px;
  margin-top: 20px;
  outline: none;
}

.cart-pop .offcanvas-footer p {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 5px;
}

.cart-pop .offcanvas-footer button.cont-shop {
  border: none;
  background: none;
  /* font-size: 20px; */
  text-decoration: underline;
  font-weight: 500;
}

/* cart popup end */

/* =============================================== */
/* banner-section start here */
/* =============================================== */

section.banner-section .container .banner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  border-radius: 10px;
  justify-content: space-between;
  background: transparent;
  padding: 30px 0 30px;
}

section.banner-section .container .banner .img {
  max-width: 100%;
  margin-right: 30px;
  height: 100%;
}

section.banner-section .container .banner .img video {
  width: 100%;
  /*height: 430px;
  */
  border-radius: 22px;
  object-fit: contain;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  -o-border-radius: 22px;
}

section.banner-section .container .banner h1 {
  font-size: 44px;
  margin-bottom: 10px;
}

section.banner-section .container .banner h1 span {
  color: #156b68;
}

section.banner-section .container .banner .banner-btn {
  margin-top: 20px;
}

section.banner-section .container .banner .banner-btn .join-btn {
  padding: 10px 22px;
  background-color: #fc9e11;
  margin-left: 20px;
  color: white;
  display: inline-block;
  font-size: 16px;
}

section.banner-section .container .banner .banner-btn .join-btn:hover {
  background-color: rgba(252, 158, 17, 80%);
}

section.banner-section .container .banner .app-info {
  margin-top: 30px;
  display: flex;
  align-items: center;
}

section.banner-section .container .banner .app-info .stats-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

section.banner-section .container .banner .app-info .stats-div .stats-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 4px;
}

section.banner-section .container .banner .app-info .stats-div .stats-card span {
  font-size: 14px;
  font-weight: 500;
  color: black;
}

section.banner-section .container .banner .app-info .app-img {
  border-right: 1px solid #000;
  padding: 0px 10px 0px 0;
  min-height: 92px;
  margin-right: 10px;
  min-width: 215px;
}

section.banner-section .container .banner .app-info .app-img img {
  width: 147px;
}

section.count-section .container ul.count {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  background: #fff;
  border-radius: 10px;
  padding: 40px 40px;
  text-align: center;
}

section.count-section .container ul.count span {
  display: block;
  font-weight: 900;
  font-size: 20px;
}

section.count-section .container ul.count li {
  border-right: 1px solid #ced4d6;
}

section.count-section .container ul.count li:last-child {
  border-right: none;
}

section.count-section .container ul.count span.num {
  margin-bottom: 15px;
}

/* =============================================== */
/* banner-section end here */
/* =============================================== */

/* =============================================== */
/* join-sec start here */
/* =============================================== */

section.join-sec .container ul li a img {
  height: 127px;
  width: 127px;
  object-fit: contain;
}

section.join-sec .container {
  display: grid;
  align-items: center;
  grid-template-columns: 4fr 6fr;
}

section.join-sec .container ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

section.join-sec .container ul li a {
  text-align: center;
  min-height: 210px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.join-sec .container ul li:nth-child(1),
section.join-sec .container ul li:nth-child(2),
section.join-sec .container ul li:nth-child(3) {
  border-bottom: 1px solid #c5cbce;
}

section.join-sec .container ul li:nth-child(1),
section.join-sec .container ul li:nth-child(2),
section.join-sec .container ul li:nth-child(4),
section.join-sec .container ul li:nth-child(5) {
  border-right: 1px solid #c5cbce;
}

section.join-sec .container .left-section h2 {
  font-weight: 500;
  line-height: 40px;
}

section.join-sec .container .left-section h2 .inner-heading {
  font-weight: 400;
}

section.join-sec .container .left-section p {
  font-size: 20px;
  width: 100%;
  max-width: 70%;
  margin: 20px 0 40px;
  color: #606060;
}

section.join-sec .container .left-section a {
  text-decoration: underline;
  color: #156b68;
  font-weight: 500;
  font-size: 18px;
}

/* =============================================== */
/* join-sec end here */
/* =============================================== */

section.whats-new {
  overflow: hidden;
  position: relative;
}

section.whats-new::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.4;
  z-index: -1;
  background: linear-gradient(95deg,
      rgb(59, 161, 158) -5.13%,
      rgba(36, 46, 8, 0.23) 67.33%);
}

.slick-slide {
  padding: 0 10px;
}

section.whats-new button.slick-arrow.slick-prev {
  z-index: 1;
  border: 1px solid #e9e9e9;
  border-radius: 50%;
  box-shadow: 0 0px 0px rgba(6, 17, 118, 0.08),
    0 4px 12px rgba(6, 17, 118, 0.08);
  width: 48px;
  background: url("../images/left.svg");
  height: 48px;
  background-color: #fff;
  color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 23px;
}

section.whats-new button.slick-arrow.slick-prev::before {
  display: none;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  display: none !important;
}

section.whats-new button.slick-arrow.slick-next {
  border: 1px solid #e9e9e9;
  border-radius: 50%;
  box-shadow: 0 0px 0px rgba(6, 17, 118, 0.08),
    0 4px 12px rgba(6, 17, 118, 0.08);
  width: 48px;
  background: url("../images/greyarrow.svg");
  height: 48px;
  background-color: #fff;
  color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 11px;
}

section.whats-new button.slick-arrow.slick-next::before {
  display: none;
}

section.whats-new button.slick-arrow.slick-prev {
  left: -40px;
}

section.whats-new button.slick-arrow.slick-next {
  right: -40px;
}

section.whats-new .container {
  border-radius: 8px;
  background: transparent;
}

section.whats-new .container .contents {
  margin: 0 -9px;
}

section.whats-new .container .tab-section .left {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #000000;
  border-radius: 0;
  padding: 0;
  margin-bottom: 40px;
}

section.whats-new .container .tab-section {
  min-height: 400px;
}

section.whats-new .container .tab-section .left .view-btn {
  color: rgba(21, 107, 104, 1);
  font-weight: 500;
  font-size: 20px;
}

section.whats-new .container .tab-section .right.tabcontent .progress-sec {
  display: flex;
  gap: 16px;
}

section.whats-new .container .tab-section .right.tabcontent .progress-sec p {
  font-weight: 500;
  font-size: 16px;
}

section.whats-new>.heading {
  width: 1333px;
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 10px;
  padding-left: 18px;
}

section.whats-new .heading h2 {
  font-size: 30px;
}

section.whats-new .container .tab-section .left h4 {
  font-size: 24px;
  font-weight: 500;
}

section.whats-new .container .tab-section .left ul.tab {
  display: flex;
  column-gap: 6px;
  margin: -2px 0;
}

section.whats-new .container .tab-section .left ul.tab li {
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  cursor: pointer;
}

section.whats-new .container .tab-section .left ul.tab li.active {
  border-bottom: 3px solid #156b68;
  color: #156b68;
}

section.whats-new .progress-bar-a .progress {
  border-radius: 4px;
  align-items: center;
  position: relative;
  display: flex;
  grid-gap: 15px;
  height: 20px;
  width: 500px;
}

section.whats-new .progress-bar-a .progress-value {
  animation: load-a 3s normal forwards;
  border-radius: 4px;
  background: rgba(21, 107, 104, 1);
  height: 20px;
  -webkit-animation: load-a 3s normal forwards;
}

section.whats-new .progress-bar-b .progress {
  border-radius: 4px;
  align-items: center;
  position: relative;
  display: flex;
  grid-gap: 15px;
  height: 20px;
  width: 500px;
}

section.whats-new .progress-bar-b .progress-value {
  animation: load-b 3s normal forwards;
  border-radius: 4px;
  background: rgba(191, 169, 87, 1);

  height: 20px;
}

@keyframes load-a {
  0% {
    width: 0;
  }

  100% {
    width: 88%;
  }
}

@keyframes load-b {
  0% {
    width: 0;
  }

  100% {
    width: 50%;
  }
}

section.whats-new .progress-bar-a,
section.whats-new .progress-bar-b {
  margin-bottom: 20px;
}

section.whats-new .progress-bar-a p,
section.whats-new .progress-bar-b p {
  margin-bottom: 5px;
  font-size: 14px;
  color: rgba(101, 100, 100, 1);
}

section.whats-new .container .tab-section .slide-bar h4 {
  font-size: 22px;
  font-weight: 500;
}

section.whats-new .container .tab-section .slide-bar .box {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 40px;
}

section.whats-new .container .tab-section .slide-bar .card {
  border: 1px solid #e1e1e1;
  padding: 15px;
  border-radius: 8px;
  width: 100%;
  display: inline-block;
}

section.whats-new .container .tab-section .slide-bar .card .badge {
  font-size: 14px;
  position: absolute;
  top: 10px;
  right: 10px;
}

section.explore .container .cards .card .badge {
  font-size: 14px;
  position: absolute;
  top: 10px;
  right: 10px;
}

section.whats-new .container .tab-section .slide-bar .card .img img {
  max-width: 100%;
  width: 100%;
  border-radius: 8px;
  height: 190px;
  object-fit: contain;
  border: 1px solid #f1f1f1;
}

section.whats-new .container .tab-section .slide-bar .card .bottom-sec {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

section.whats-new .container .tab-section .slide-bar .card .bottom-sec a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

section.whats-new .container .tab-section .slide-bar .card .bottom-sec .star-div {
  display: flex;
  align-items: center;
  gap: 4px;
}

section.whats-new .container .tab-section .slide-bar .card .bottom-sec .star-div .total-stars {
  color: #113956ed;
  font-weight: 500;
  font-size: 14px;
}

section.whats-new .container .tab-section .slide-bar .card .bottom-sec .star-div .star .bi-star-fill {
  color: #ffd700;
  font-size: 14px;
}

section.whats-new .container .tab-section .slide-bar .card .bottom-sec .star-div .star .bi-star {
  font-size: 14px;
}

section.whats-new .container .tab-section .slide-bar .card .bottom-sec .credit {
  font-size: 14px;
  color: #fc9e11;
  font-weight: bold;
}

section.whats-new .container .tab-section .slide-bar .card .bottom-sec .content p {
  color: #fc9e11;
  font-weight: 500;
  margin-top: 15px;
  font-size: 14px;
}

section.whats-new .container .tab-section .slide-bar .card .bottom-sec .content .heading {
  color: #113956;
  font-weight: 400;
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-top: 7px;
}

section.whats-new .container .tab-section .slide-bar .card .bottom-sec .details {
  font-weight: 500;
  margin-bottom: 15px;
  color: #000;
  display: inline-block;
}

section.whats-new .container .tab-section .slide-bar .card .bottom-sec button.category {
  background: #156b6824;
  border: none;
  padding: 4px 21px;
  border-radius: 5rem;
  margin: 0;
}

section.whats-new .container .tab-section .slide-bar .card .bottom-sec .categorylistt {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
}

section.whats-new .container .tab-section .slide-bar .card .bottom-sec .categorylistt button.category {
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 4px;
  line-height: normal;
  color: #156a67;
}

section.whats-new .container .tab-section .slide-bar .card .bottom-sec .price-sec {
  border-top: 1px solid #d4d4d4;
  padding: 10px 0 0px 0;
  margin-top: 15px;
}

section.whats-new .container .tab-section .slide-bar .card .bottom-sec .price-sec .card-price {
  color: rgba(20, 147, 78, 1);
  font-weight: 500;
  font-size: 20px;
}

section.whats-new .container .tab-section .slide-bar .card .bottom-sec .price-sec .price-category {
  font-weight: 500;
  font-size: 14px;
  margin-top: 4px;
}

section.whats-new .container .tab-section .slide-bar .head {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 16px 0 20px;
}

section.whats-new .container .tab-section .slide-bar .head a {
  color: rgba(21, 107, 104, 1);
  font-weight: 500;
  font-size: 20px;
}

section.become-banner .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  grid-gap: 0px;
}

section.become-banner .container h1 {
  font-size: 40px;
  font-weight: 400;
  line-height: 131%;
}

section.become-banner .container .img {
  text-align: center;
}

section.become-banner .container .img img {
  border-radius: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  -o-border-radius: 22px;
}

section.become-banner {
  position: relative;
}

section.become-banner .container .left-sec p {
  font-size: 20px;
  margin: 31px 0;
}

section.become-banner .container .left-sec a.btn.bg-green {
  /* display: inline-block;
  padding: 10px 18px;
  background: #156b68;
  color: #fff;
  font-size: 18px;
  font-family: "Roboto", sans-serif; */
}

section.become-banner .container .left-sec a.btn.bg-green:hover {
  background: #156b68eb;
}

section.zidni.explore {
  position: relative;
}

section.zidni.explore::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.4;
  z-index: -1;
  background: linear-gradient(95deg,
      rgb(59, 161, 158) -5.13%,
      rgba(36, 46, 8, 0.23) 67.33%);
}

section.explore .container .heading {
  display: flex;
  align-items: center;
  font-weight: 500;
  justify-content: space-between;
  padding-bottom: 30px;
}

section.explore .container .heading h2 {
  font-size: 30px;
}

section.explore .container .heading a {
  font-weight: 500;
  font-size: 20px;
  color: #156b68;
}

section.explore .container .cards .card .review {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d4d4d4;
}

section.explore .container .cards .card .review .star img {
  margin-right: 5px;
  margin-bottom: 2px;
}

section.explore .container .cards .card .review .star {
  color: #8b8b8b;
  font-size: 14px;
}

section.explore .container .cards .card .review .credit {
  font-size: 16px;
  color: #fc9e11;
  font-weight: 600;
}

section.explore .container .cards .card .price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}

section.explore .container .cards .card .price .name {
  font-weight: 500;
  font-size: 14px;
}

section.explore .container .cards .card .price .pr {
  font-weight: 600;
  font-size: 20px;
}

section.explore .container .cards .card .univ .oph {
  font-size: 20px;
  cursor: pointer;
  color: #113956;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

section.explore .container .cards .card .univ .oph::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

section.explore .container .cards .card .univ .credit {
  color: #fc9e11;
  font-size: 14px;
  font-weight: bold;
}

section.explore .container .cards .card .univ .star-div {
  display: flex;
  align-items: center;
  gap: 4px;
}

section.explore .container .cards .card .univ .star-div .num {
  font-size: 14px;
}

section.explore .container .cards .card .univ .star-div p {
  color: #113956;
  font-weight: 500;
  font-size: 14px;
}

section.explore .container .cards .card .univ .star-div .bi-star-fill {
  color: #ffd700;
  font-size: 14px;
}

section.explore .container .cards .card .univ .star-div .bi-star {
  font-size: 14px;
}

section.explore .container .cards .card .university h5 {
  font-size: 15px;
  font-weight: 500;
}

section.explore .container .cards .card .university .num {
  font-size: 14px;
}

section.explore .container .cards .card .university h5 a {
  color: #fc9e11;
  font-weight: 500;
  /* margin-top: 15px; */
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

section.explore .container .cards .card .univ {
  border-bottom: 1px solid #d4d4d4;
  padding: 20px 0;
  margin-bottom: 10px;
}

section.explore .container .cards .card .univ .specialty {
  font-size: 14px;
  color: #8b8b8b;
  margin: 10px 0;
}

section.explore .container .cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
  margin: 0 -9px;
}

section.explore .container .cards .card {
  border: 1px solid #e1e1e1;
  padding: 10px;
}

section.explore .container .cards .card .price-category {
  font-weight: 500;
  font-size: 14px;
  margin-top: 4px;
}

.freeBadge,
.priceBadge {
  font-size: 14px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #fc9e11;
}

section.explore .container .cards .card .img.round img {
  max-width: 100%;
  max-height: 279px;
}

section.explore .container .cards .card .img {
  overflow: hidden;
  /* background-color: #a0d8b35e; */
}

section.explore .container .cards .card .img img {
  max-width: 100%;
  width: 100%;
  border-radius: 8px;
  height: 190px;
  object-fit: contain;
  border: 1px solid #f1f1f1;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

section.explore .container .cards .card .university {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

section.explore .container .cards .card .university span.img {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08));
  background: #fff;
}

section.explore .container .cards button.slick-arrow.slick-next {
  border: 1px solid #e9e9e9;
  border-radius: 50%;
  box-shadow: 0 0px 0px rgba(6, 17, 118, 0.08),
    0 4px 12px rgba(6, 17, 118, 0.08);
  width: 48px;
  background: url("../images/greyarrow.svg");
  height: 48px;
  background-color: #fff;
  color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 11px;
}

section.explore .container .cards button.slick-arrow.slick-next::before {
  display: none;
}

section.explore .container .cards button.slick-arrow.slick-next {
  right: -40px;
}

section.explore .container .cards button.slick-arrow.slick-prev {
  z-index: 1;
  border: 1px solid #e9e9e9;
  border-radius: 50%;
  box-shadow: 0 0px 0px rgba(6, 17, 118, 0.08),
    0 4px 12px rgba(6, 17, 118, 0.08);
  width: 48px;
  background: url("../images/left.svg");
  height: 48px;
  background-color: #fff;
  color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 23px;
}

section.explore .container .cards button.slick-arrow.slick-prev::before {
  display: none;
}

section.explore .container .cards button.slick-arrow.slick-prev {
  left: -40px;
}

section.find-top .container h2 {
  color: #fff;
  width: 100%;
  margin: 0 auto;
  font-size: 30px;
}

/* section.find-top .container a.primary-btn.btn {
  padding: 10px 20px;
  display: inline-block;
  color: #156b68;
  background: #fff;
  font-size: 18px;
  margin-top: 40px;
  font-family: "Roboto", sans-serif;
} */

/* section.find-top .container a.primary-btn.btn:hover {
  background: #f1f1f1;
} */

section.live-lecture .heading h2 {
  text-align: center;
  margin-bottom: 40px;
}

section.live-lecture .container .card .content .detail-cus {
  display: flex;
  grid-gap: 10px;
}

section.live-lecture .container .card .name h6 {
  font-weight: 500;
  font-size: 16px;
}

section.live-lecture .container .card .name p.speaker {
  font-size: 14px;
  color: #868484;
}

section.live-lecture .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
}

section.live-lecture .container .card {
  display: grid;
  align-items: center;
  border: 1px solid #d4d4d4;
  padding: 20px;
  grid-template-columns: auto auto;
}

section.live-lecture .container .card.homepageexpore {
  grid-template-columns: 172px auto;
}

section.live-lecture .container .card .content {
  padding-left: 15px;
}

section.live-lecture .container .card .content h5 {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

section.live-lecture .container .card .content .detail-cus img {
  width: 32px;
}

section.live-lecture .container .card .img.round img {
  width: 172px;
  height: 172px;
  border: 1px solid #f1f1f1;
  object-fit: contain;
  border-radius: 10px;
}

section.live-lecture .container .card .date {
  font-size: 18px;
  font-weight: 500;
  color: #7a7a7a;
  margin-top: 10px;
  margin-bottom: 50px;
}

/* =============================================== */
/* download-sec start here */
/* =============================================== */

section.download-sec .container .img-sec img {
  width: 555px;
  height: 553px;
  object-fit: contain;
}

section.download-sec .container h2 {
  font-weight: 700;
}

section.download-sec .container p {
  margin: 20px 0;
  font-size: 20px;
  line-height: 32px;
}

section.download-sec .container {
  border-radius: 15px;
  background: linear-gradient(177deg, #adcbd6 34.62%, #9ac2ce 116.37%);
  backdrop-filter: blur(50px);
  padding: 40px 40px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

section.download-sec .container .app-info {
  display: flex;
  align-items: center;
}

section.download-sec .container .app-info .app-img {
  border-right: 1px solid #000;
  padding: 20px 10px 20px 0;
  margin-right: 10px;
}

section.download-sec .container .app-info .app-img .google {
  width: 147px;
  height: 45px;
  background: url("../images/pngegg.svg");
  background-size: 147px auto;
  display: block;
  vertical-align: middle;
  background-position: -742px -104px;
}

section.download-sec .container .app-info .app-img .app-store {
  width: 147px;
  height: 45px;
  background: url("../images/pngegg.svg");
  background-size: 147px auto;
  display: inline-block;
  vertical-align: middle;
  background-position: -742px -245px;
}

/* =============================================== */
/* download-sec end here */
/* =============================================== */

/* =============================================== */
/* zidni-banner start here */
/* =============================================== */
section.zidni-banner {
  background: linear-gradient(to left,
      rgba(180, 228, 120, 1),
      rgba(120, 221, 228, 0.12));
}

section.zidni-banner .container {
  padding: 60px;
  display: grid;
  grid-template-columns: 7fr 3fr;
}

section.zidni-banner .container h3 {
  font-size: 30px;
  font-weight: 700;
}

section.zidni-banner .container .button {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* section.zidni-banner .container .button a {
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
}

section.zidni-banner .container .button a:hover {
  background: #156b68eb;
} */

/* =============================================== */
/* zidni-banner end here */
/* =============================================== */

/* =============================================== */
/* event-serie section start */
/* =============================================== */

section.event-serie .container .univ-card .left-content span.public {
  background: #fff1db;
  color: #fc9e11;
  width: 191px;
  text-align: center;
  border: 1px solid #fc9e11;
  border-radius: 5rem;
  padding: 4px 41px;
  font-weight: 400;
  display: inline-block;
  font-size: 20px;
}

.publicand {
  background: #fff1db;
  color: #fc9e11;
  border: 1px solid #fc9e11;
  border-radius: 5rem;
  text-wrap-mode: nowrap;
}

.privateand {
  background: #dcefe5;
  color: #14934e;
  max-width: 100%;
  border: 1px solid #14934e;
  border-radius: 5rem;
  text-wrap-mode: nowrap;
}

section.event-serie .container .univ-card .left-content .card-image {
  overflow: hidden;
}

section.event-serie .container .eventinglistingnew .univ-card:nth-child(n) {
  background: linear-gradient(to left,
      rgba(161, 128, 254, 0.1),
      rgba(202, 235, 249, 0.6));
}

section.event-serie .container .eventinglistingnew .univ-card:nth-child(2n) {
  background: linear-gradient(to right,
      rgba(202, 249, 226, 0.6),
      rgba(128, 201, 254, 0.1));
}

section.event-serie .container .eventinglistingnew .univ-card:nth-child(3n) {
  background: linear-gradient(to right,
      rgba(202, 212, 249, 0.6),
      rgba(168, 254, 128, 0.1));
}

section.event-serie .container .eventinglistingnew .univ-card:nth-child(4n) {
  background: linear-gradient(to right,
      rgba(248, 249, 202, 0.6),
      rgba(184, 254, 128, 0.1));
}

section.event-serie .container .univ-card .left-content span.private {
  background: #dcefe5;
  color: #14934e;
  display: inline-block;
  width: 191px;
  text-align: center;
  max-width: 100%;
  border: 1px solid #14934e;
  border-radius: 5rem;
  padding: 4px 41px;
  font-weight: 400;
  font-size: 20px;
}

section.event-serie .container .left-content h4.headi {
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

section.event-serie .container .left-content p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

section.event-serie .container .univ-card .left-content .newdet p {
  color: #736f6f;
}

section.event-serie .container .univ-card {
  display: grid;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border: 1px solid #dee2e6;
  margin-bottom: 25px;
  grid-template-columns: auto 300px;
}

section.event-serie .container .univ-card:last-child {
  margin-bottom: 0;
}

section.event-serie .container .univ-card .left-content {
  display: grid;
  align-items: center;
  grid-gap: 20px;
  grid-template-columns: 285px auto;
}

section.event-serie .container .univ-card .left-content img {
  width: 100%;
  height: 190px;
  object-fit: contain;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

section.event-serie .container .univ-card .right-content {
  min-width: 300px;
  text-align: center;
  position: relative;
}

section.event-serie .container .univ-card .right-content::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  background: #e6e6e6;
  height: 83%;
  width: 3px;
}

section.event-serie .container .univ-card .right-content a.round {
  padding: 12px 24px;
  border-radius: 8px;
  color: #000;
  border: 1px solid #0c2634;
  display: inline-block;
  font-size: 18px;
  margin-bottom: 24px;
}

section.event-serie .container .univ-card .right-content a.round:hover {
  background: #f1f1f1;
}

section.event-serie .container .univ-card .right-content .pri {
  font-size: 24px;
  font-weight: 700;
  color: #156b68;
}

section.event-serie .container .univ-card .right-content .free {
  font-size: 25px;
  font-weight: 700;
  color: #14934e;
}

/* =============================================== */
/* event-serie end here */
/* =============================================== */

/* =============================================== */
/* view-banner start here */
/* =============================================== */

section.view-banner .container .by h6 {
  font-size: 20px;
  font-weight: 500;
}

section.view-banner .container .eveul {
  margin-top: 30px;
}

section.view-banner .container .eveul li {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  margin-bottom: 20px;
}

section.view-banner .container .eveul li span {
  font-weight: 400;
  color: #736f6f;
}

section.view-banner .container .course-details ul.eveul {
  display: block;
}

section.view-banner .container .eveul .teams a {
  font-size: 14px;
  color: #000;
}

section.view-banner .container .eveul .teams a span {
  margin-right: 16px;
  margin-left: 0;
}

section.view-banner .container .eveul .teams a span img {
  vertical-align: baseline;
}

section.view-banner .container .img-sec.eventdeban button {
  margin-top: 1rem;
  width: 100%;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.view-banner .container .img-sec.eventdeban button span {
  display: inline-block;
  margin-left: 5px;
  position: relative;
  text-decoration: underline;
}

section.view-banner .container .course-details ul.eveul .loc {
  font-weight: 500;
  display: grid;
  font-size: 20px;
  margin-bottom: 20px;
  grid-template-columns: auto 1fr;
  grid-gap: 20px;
}

section.view-banner .container .course-details ul.eveul .loc span {
  font-weight: 400;
  display: inline-block;
  color: #736f6f;
}

section.view-banner .container .badge {
  color: #8b8b8b;
  font-size: 14px;
  background-color: rgb(255 202 122 / 24%);
  color: rgb(252 158 17);
  border: 1px solid rgb(252 158 17);
}

/* =============================================== */
/* view-banner start here */
/* =============================================== */

section.evdes .container ul.linsec {
  display: flex;
  width: 80%;
  max-width: 100%;
  flex-wrap: wrap;
  margin-bottom: 80px;
}

section.evdes .container .des-sec p {
  font-size: 20px;
  width: 90%;
  max-width: 100%;
  margin: 20px 0;
}

section.evdes .container ul.linsec a {
  width: 100%;
  border-radius: 8px;
  display: flex;
  padding: 8px 25px;
  color: #000000;
  background: #f7f7f7;
}

section.evdes .container ul.linsec li {
  margin-right: 25px;
  margin-bottom: 25px;
}

section.evdes .container .rew-sec {
  display: flex;
  align-items: center;
  grid-gap: 60px;
  margin-bottom: 60px;
}

section.evdes .container .rew-sec .revi {
  display: flex;
  align-items: center;
  grid-gap: 20px;
}

section.evdes .container .rew-sec .revi .like button {
  padding: 10px 20px;
  background: #ffffff;
  border: none;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

section.evdes .container .rew-sec .revi .like button.active {
  background: #156b6824;
  color: #156a67;
  border: 1px solid #156a67;

}

section.evdes .container .rew-sec .revi button span {
  display: inline-block;
  margin-right: 10px;
}

section.evdes .container .rew-sec .revi .dislike button,
section.evdes .container .rew-sec .revi .ques button {
  padding: 10px 20px;
  background: #fff;
  border: none;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

section.evdes .container .rew-sec .revi .dislike button.active,
section.evdes .container .rew-sec .revi .ques button.active {
  background: #f7f7f7;
}

section.evdes .container .levcom {
  width: 65%;
  max-width: 100%;
  margin-bottom: 80px;
}

section.evdes .container .levcom label.form-label {
  font-size: 18px;
  margin-left: 15px;
}

section.evdes .container .levcom textarea {
  border: none;
  resize: none;
  background: #d9d9d91f;
}

section.evdes .container .comss {
  display: flex;
  grid-gap: 22px;
  margin-bottom: 30px;
}

section.evdes .container .comss h5 {
  font-size: 21px;
}

section.evdes .container .comss p {
  font-size: 18px;
  margin: 8px 0;
  color: #777676;
}

section.evdes .container .comss .tago {
  font-size: 18px;
  color: #777676;
}

section.evdes .container .comss .img-box img {
  width: 47px;
  height: 47px;
  border-radius: 50%;
}

/* =============================================== */
/* evdes start here */
/* =============================================== */

/* =============================================== */
/* breadcrumb-sec start here */
/* =============================================== */

section.breadcrumb-sec {
  padding: 26px 40px;
  position: relative;
  z-index: 11;
  filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.1));
  background: #fff;
}

section.breadcrumb-sec nav ol {
  margin-bottom: 0;
}

section.breadcrumb-sec nav ol .breadcrumb-item.active {
  color: #000;
}

section.breadcrumb-sec nav ol .breadcrumb-item a {
  color: #a2a0a0;
}

section.breadcrumb-sec nav ol.breadcrumb li {
  font-size: 18px;
}

/* =============================================== */
/* breadcrumb-sec end here */
/* =============================================== */

/* =============================================== */
/* about-banner start here */
/* =============================================== */

section.about-banner .container {
  background-color: #114656;
  padding: 0 40px;
}

section.about-banner .container .box {
  display: grid;
  grid-template-columns: 4fr 8fr;
  align-items: center;
  grid-gap: 0px;
  padding: 0 40px;
}

section.about-banner .container .box .img-box img {
  width: 100%;
  object-fit: contain;
}

section.about-banner .container .box h2 {
  color: #fff;
  font-size: 55px;
  line-height: 73px;
}

/* =============================================== */
/* about-banner start here */
/* =============================================== */

/* =============================================== */
/* more-about start here */
/* =============================================== */

section.more-about .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 50px;
}

section.more-about .container h2 {
  width: 75%;
  font-weight: 600;
  max-width: 100%;
  font-size: 55px;
  margin-bottom: 35px;
}

section.more-about .container p {
  font-size: 20px;
  line-height: 27px;
  color: #606060;
}

/* =============================================== */
/* more-about end here */
/* =============================================== */

/* =============================================== */
/* zid-began start here */
/* =============================================== */

section.zid-began .container h4 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 34px;
  line-height: 41px;
}

section.zid-began .container p {
  font-size: 20px;
  line-height: 30px;
  color: #606060;
}

section.zid-began {
  background: #f2f4fd;
}

/* =============================================== */
/* zid-began end here */
/* =============================================== */

/* =============================================== */
/* quizsection start here */
/* =============================================== */
section.quizsection .quheading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

section.quizsection li.quizitem input.form-check-input {
  margin: 0;
  padding: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #c4cdd5;
}

section.quizsection .totalques {
  margin: 10px 0 40px 0;
  color: #736f6f;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
}

section.quizsection li.quizitem .form-check {
  display: flex;
  margin-bottom: 0;
  align-items: center;
  border-radius: 8px;
  grid-gap: 20px;
  justify-content: space-between;
  color: #60778d;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  padding: 5px 10px;
}

section.quizsection li.quizitem .form-check:hover {
  background: #156b6824;
}

.course-inner-bottomdetail::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.4;
  z-index: 0;
  background: linear-gradient(95deg,
      rgb(59, 161, 158) -5.13%,
      rgba(36, 46, 8, 0.23) 67.33%);
}

.course-contentfixed {
  position: fixed;
  top: 79px;
}

section.quizsection li.quizitem .form-check label.form-check-label {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  grid-gap: 15px;
  width: 100%;
  cursor: pointer;
}

section.quizsection .quizitem {
  margin-bottom: 40px;
}

.quizblock .subbtn {
  text-align: right;
}

section.quizsection .quheading span.close {
  cursor: pointer;
}

section.quizsection li.quizitem .form-check:last-child {
  margin-bottom: 0;
}

section.quizsection .quizques {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

section.quizsection li.quizitem input.form-check-input:focus {
  box-shadow: none;
  border: 1px solid #06345e;
}

section.quizsection li.quizitem input.form-check-input:checked {
  background: url("../images/quizcheck.svg");
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #06345e;
}

.notificationstab .notification-item {
  padding: 4px 14px;
  margin: 4px 0;
  border-bottom: .1px solid #156b684d;
}

/* =============================================== */
/* quizsection end here */
/* =============================================== */

/* =============================================== */
/* board-member start here */
/* =============================================== */
section.board-member .container {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 100px;
}

section.board-member {
  margin-bottom: 60px;
}

section.board-member .container .member-imgs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

section.board-member .container .member-imgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 130px;
  max-height: 360px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

section.board-member .container h2 {
  font-size: 50px;
  line-height: 70px;
  width: 75%;
  max-width: 100%;
  margin-bottom: 30px;
}

section.board-member .container p {
  line-height: 27px;
  font-size: 20px;
  color: #606060;
}

/* =============================================== */
/* board-member end here */
/* =============================================== */

/* =============================================== */
/* univ-header start here */
/* =============================================== */
section.univ-header .container .banner {
  background: #113956;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 0 40px;
  grid-gap: 40px;
}

section.univ-header .container .banner .img-block img {
  width: 100%;
}

section.univ-header .container .banner .content p {
  font-size: 20px;
}

section.univ-header .container .banner .img-block {
  background: linear-gradient(white, white) padding-box,
    linear-gradient(to right, #ffffff, #61288d) border-box;
  border-radius: 10px;
  border: 10px solid transparent;
}

section.univ-header .container .banner h2 {
  margin: 15px 0;
}

section.univ-header .container>h2 {
  margin-bottom: 40px;
  padding: 0 70px;
}

/* =============================================== */
/* univ-header end here */
/* =============================================== */

/* =============================================== */
/* explore-univ end here */
/* =============================================== */
section.explore-univ .univ-card {
  margin-bottom: 40px;
  padding: 40px;
  display: grid;
  grid-gap: 20px;
  align-items: center;
  justify-content: space-between;
  grid-template-columns: 1fr auto;
}

section.explore-univ .univ-card:nth-child(n) {
  background: linear-gradient(to left,
      rgba(161, 128, 254, 0.1),
      rgba(202, 235, 249, 0.6));
}

section.explore-univ .univ-card:nth-child(2n) {
  background: linear-gradient(to right,
      rgba(202, 249, 226, 0.6),
      rgba(128, 201, 254, 0.1));
}

section.explore-univ .univ-card:nth-child(3n) {
  background: linear-gradient(to right,
      rgba(202, 212, 249, 0.6),
      rgba(168, 254, 128, 0.1));
}

section.explore-univ .univ-card:nth-child(4n) {
  background: linear-gradient(to right,
      rgba(248, 249, 202, 0.6),
      rgba(184, 254, 128, 0.1));
}

section.explore-univ .container h2 {
  margin-bottom: 40px;
}

section.explore-univ .univ-card .left-content {
  display: grid;
  align-items: center;
  grid-gap: 20px;
  grid-template-columns: 125px 1fr;
}

section.explore-univ .univ-card .left-content h4 {
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

section.explore-univ .univ-card .left-content p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

section.explore-univ .univ-card .left-content .card-image {
  background: #fff;
  height: 125px;
  width: 125px;
  padding: 20px;
}

section.explore-univ .univ-card .left-content .card-image img {
  width: 100%;
}

section.explore-univ .univ-card .left-content .card-image img {
  width: 85px;
  height: 85px;
  object-fit: contain;
}

section.explore-univ .univ-card .right-content {
  padding: 20px 0 20px 100px;
  border-left: 3px solid #fff;
}

section.explore-univ .univ-card .right-content a {
  background: #fff;
  padding: 14px 20px;
  border: 1px solid #000;
  color: #000;
  display: inline-block;
}

section.explore-univ .univ-card .right-content a:hover {
  background: #f1f1f1;
}

/* =============================================== */
/* explore-univ end here */
/* =============================================== */

/* =============================================== */
/* bible-open end here */
/* =============================================== */
section.bible-open .container .img-box img {
  border: 11px solid #fff;
  border-radius: 20px;
}

section.bible-open .container {
  background: #08537e;
  padding: 20px 50px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  grid-gap: 40px;
}

section.bible-open .container .img-box {
  text-align: right;
}

section.bible-open .container .content-box .img {
  background: #fff;
  display: inline-block;
  height: 80px;
  width: 80px;
  padding: 12px;
}

section.bible-open .container .content-box .img img {
  width: 100%;
}

section.bible-open .container .content-box h2 {
  margin: 20px 0;
}

section.bible-open .container .content-box p {
  font-size: 20px;
  line-height: 26px;
}

section.bible-open .container .content-box a {
  font-size: 20px;
  margin-top: 20px;
  display: inline-block;
}

section.bible-open .container .content-box a span {
  display: inline-block;
  margin-left: 5px;
}

/* =============================================== */
/* bible-open end here */
/* =============================================== */
section.ydetail .container {
  background: #dbed94;
  padding: 40px;
  display: grid;
  grid-template-columns: 4fr 8fr;
  grid-gap: 40px;
  align-items: center;
}

section.ydetail {
  padding: 7px 40px 40px 40px;
}

section.ydetail .container ul.count {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}

section.ydetail .container ul.count h5 {
  display: block;
  text-align: center;
  line-height: 37px;
  font-weight: 600;
}

/* =============================================== */
/* ydetail end here */
/* =============================================== */

/* =============================================== */
/* popular-specialities end here */
/* =============================================== */
section.popular-specialities .container .content {
  display: grid;
  column-gap: 50px;
  row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

section.popular-specialities .container h2 {
  margin-bottom: 40px;
}

section.popular-specialities .container .blocks:nth-child(1) {
  background: #bcafe1;
}

section.popular-specialities .container .blocks:nth-child(2) {
  background: #ecedb0;
}

section.popular-specialities .container .blocks:nth-child(3) {
  background: #afe1db;
}

section.popular-specialities .container .blocks:nth-child(4) {
  background: #afe1cf;
}

section.popular-specialities .container .blocks:nth-child(5) {
  background: #e1c7af;
}

section.popular-specialities .container .blocks:nth-child(6) {
  background: #acf1f6;
}

section.popular-specialities .container .blocks:nth-child(7) {
  background: #a4ceff;
}

section.popular-specialities .container .blocks {
  padding: 30px 20px;
  font-size: 24px;
  line-height: normal;
  display: flex;
  min-height: 115px;
  align-items: center;
}

/* =============================================== */
/* popular-specialities end here */
/* =============================================== */

/* =============================================== */
/* view-banner end here */
/* =============================================== */
section.view-banner .container {
  display: grid;
  grid-template-columns: 5fr 3fr;
  grid-gap: 40px;
}

section.view-banner .container .img-sec {
  text-align: center;
}

section.view-banner .container .course-details ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  padding-top: 10px;
  grid-row-gap: 10px;
  grid-column-gap: 20px;
}

section.view-banner .container h2 {
  margin: 30px 0;
}

section.view-banner .container .course-details h2 {
  width: 88%;
  max-width: 100%;
}

section.view-banner .container .course-details ul li {
  font-weight: 500;
  font-size: 16px;
}

section.view-banner .container .course-details ul .course_detail_list {
  width: 12rem;
}

section.view-banner .container .course-details ul li span {
  font-weight: 400;
  color: #736f6f;
}

section.view-banner .container .img-sec .img {
  display: inline-block;
}

section.view-banner .container .img-sec .img img {
  width: 530px;
  height: 425px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  object-fit: cover;
}

section.view-banner .container .img-sec .img .round {
  display: block;
  width: 100%;
  background: #156b68;
  color: #fff;
  padding: 16px 24px;
  font-size: 18px;
  margin-top: 20px;
}

section.view-banner .container .img-sec.eventdeban button img {
  height: auto;
  width: auto;
}

/* =============================================== */
/* view-banner end here */
/* =============================================== */

/* =============================================== */
/* description-sec end here */
/* =============================================== */
section.description-sec .des {
  margin-bottom: 60px;
}

section.description-sec .des p {
  color: #000;
  font-size: 20px;
  line-height: 26px;
}

section.description-sec .head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
  margin-bottom: 40px;
}

section.description-sec .pre-part {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
}

section.description-sec .pre-part ul {
  border: 1px dashed #949494;
  border-radius: 10px;
  padding: 60px;
  min-height: 180px;
}

section.description-sec .pre-part ul li {
  background: url("../images/right-icon.svg");
  background-size: 17px;
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 25px;
  margin-bottom: 10px;
}

section.description-sec .pre-part ul li:last-child {
  margin-bottom: 0;
}

section.description-sec {
  background: linear-gradient(to right,
      rgba(120, 221, 228, 0.12),
      rgba(155, 228, 120, 0.11));
}

section.description-sec h3 {
  margin-bottom: 20px;
  font-size: 30px;
}

section.description-sec .des h3 {
  margin-bottom: 20px;
}

/* =============================================== */
/* description-sec end here */
/* =============================================== */

/* =============================================== */
/* module-section end here */
/* =============================================== */
section.module-section .accor-part button.accr-bdy .bt-div {
  display: grid;
  grid-template-columns: 7fr 5fr;
  width: 100%;
}

section.module-section .accor-part .accordion-collapse .accordion-body.accr-bdy {
  display: grid;
  grid-template-columns: 7fr 5fr;
  margin-top: 7px;
  margin-bottom: 7px;
}

section.module-section .heading .modu {
  color: #575757;
  font-size: 20px;
  line-height: normal;
}

section.module-section .heading h3 {
  margin: 0 0 40px 0;
}

section.module-section .accor-part button.accordion-button:focus,
section.course-material .accordion-part button.accordion-button:focus {
  border: none;
  box-shadow: none;
}

section.module-section .accor-part .accordion-button:not(.collapsed)::after {
  position: absolute;
  right: 20px;
  background-color: #48ca84;
}

section.module-section .accor-part button.accordion-button {
  background-color: #f7f6fb !important;
}

section.module-section .accor-part button.accr-bdy .bt-div .module-wh {
  display: flex;
  align-items: center;
}

section.module-section .accor-part .module-con {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  text-align: center;
}

section.module-section .accor-part .accordion-collapse .accordion-body.accr-bdy .con .min,
section.module-section .accor-part .accordion-collapse .accordion-body.accr-bdy .con .qty {
  padding-left: 30px;
}

section.module-section .accor-part.accordion-button::after {
  position: absolute;
  right: 20px;
  background-color: #48ca84;
  border-radius: 50%;
}

section.module-section button.accr-bdy .bt-div .less-btn {
  background: #14934e1a;
  padding: 10px 25px;
  border-radius: 6px;
  margin-right: 20px;
}

section.module-section button.accr-bdy .bt-div .module-wh span.intr {
  font-weight: 500;
}

section.module-section .accordion-collapse .accordion-body.accr-bdy .module-wh {
  padding-left: 5px;
}

section.module-section .accor-part button.accordion-button:after {
  display: none;
}

section.module-section .accor-part .accor-part>.accordion {
  border: 1px dashed #949494;
  border-radius: 7px;
}

section.module-section .accor-part button.accordion-button {
  background: url("../images/green-arrow.svg");
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 26px;
}

section.module-section .accordion-collapse .accordion-body.accr-bdy .module-wh span {
  display: inline-block;
  height: 14px;
}

section.module-section .accordion-collapse .accordion-body.accr-bdy .module-wh p.pla {
  display: grid;
  grid-template-columns: 30px auto;
  grid-gap: 10px;
  align-items: center;
}

section.module-section .accordion-collapse .accordion-body.accr-bdy .module-wh p.pla svg {
  width: 21px;
  height: 21px;
  color: #444444;
}

section.module-section .accordion-collapse .accordion-body.accr-bdy .module-wh span img {
  width: 14px;
  height: 14px;
  vertical-align: baseline;
}

section.module-section .accor-part .accordion-collapse .accordion-body.accr-bdy {
  border-bottom: 1px solid #d5d5d5;
}

section.module-section .accor-part .accordion-collapse .accordion-body.accr-bdy:last-child {
  border: 0;
}

/* =============================================== */
/* module-section end here */
/* =============================================== */

/* =============================================== */
/* course-material end here */
/* =============================================== */

section.course-material {
  padding-top: 69px !important;
}

section.course-material .container {
  display: grid;
  grid-template-columns: 8fr 4fr;
  grid-gap: 10px;
}

section.course-material .accordion-part .accordion-body .module-wh p {
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #555;
  font-size: 14px;
}

section.course-material .accordion-part .less-btn {
  background: #14934e1a;
  padding: 6px 20px;
  border-radius: 6px;
  text-wrap: nowrap;
  margin-right: 15px;
  font-size: 14px;
}

section.course-material .accordion-part .module-wh span.intr {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

section.course-material .accordion-part button.accordion-button {
  background-color: #f7f6fb !important;
  padding: 15px 10px;
}

section.course-material .container .intro video {
  border-radius: 6px;
  object-fit: contain;
  max-height: 624px;
  margin: 0px 0 30px 0;
}

section.course-material .container .cour-met h3 {
  margin-bottom: 29px;
  color: #000;
  font-size: 26px;
  line-height: 26px;
}

section.course-material .container .intro>p {
  margin-top: 30px;
}

section.course-material .accordion-part button.accordion-button.collapsed:after {
  transform: rotate(-90deg);
}

section.course-material .container .intro p.pla {
  margin-bottom: 29px;
  color: #000;
  font-size: 26px;
  font-weight: 600;
  line-height: 26px;
}

section.course-material .container .intro h3 {
  font-size: 26px;
  font-weight: 600;
  line-height: 26px;
}

section.course-material .container .intro .review-content {
  display: flex;
  margin-top: 60px;
  align-items: center;
  justify-content: space-between;
}

section.course-material .container .intro .review-content .revi {
  display: flex;
  flex-basis: 54%;
  align-items: center;
  justify-content: space-between;
}

section.course-material .container .intro .review-content .next {
  flex-basis: 40%;
  text-align: right;
}

section.course-material .accordion-part button.accordion-button:not(.collapsed)::after {
  transform: rotate(0deg);
}

section.course-material .accordion-part .accordion-body {
  display: flex;
  grid-gap: 2px;
  padding: 10px 10px;
  align-items: center;
  justify-content: space-between;
}

section.course-material .accordion-part .accr-bdy.active {
  background-color: #f5f5f5;
  border-left: 4px solid #156b68;
}

section.course-material .accordion-part .accordion-body .module-con {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  color: #9b9a9a;
  font-size: 14px;
}

section.course-material .accordion-part .module-wh img {
  width: 14px;
  height: 14px;
}

section.course-material .accordion-part .module-wh span {
  display: flex;
  align-items: center;
}

section.course-material .accordion-part .module-wh span svg {
  fill: black;
}

section.course-material .accordion-part button.accordion-button .module-wh {
  display: flex;
  align-items: center;
}

section.course-material .accordion-part .accordion-body .module-wh {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 14px auto;
  cursor: pointer;
}

section.course-material .container .intro .review-content .like button {
  padding: 10px 20px;
  background: #ffffff;
  border: none;
}

section.course-material .container .intro .review-content .like button.active {
  background: #f7f7f7;
}

section.evdes .container .levcom .btn.btn-primary {
  width: 303px;
  padding: 17px;
}

section.course-material .container .intro .review-content .dislike button,
section.course-material .container .intro .review-content .ques button {
  padding: 10px 20px;
  background: #fff;
  border: none;
}

section.course-material .container .intro .review-content .dislike button.active,
section.course-material .container .intro .review-content .ques button.active {
  background: #f7f7f7;
}

section.course-material .container .intro .review-content .like button span,
section.course-material .container .intro .review-content .dislike button span,
section.course-material .container .intro .review-content .ques button span {
  display: inline-block;
  margin-right: 10px;
}

section.course-material .container .intro .review-content .next button {
  padding: 10px 20px;
  background: #f7f7f7;
  border: none;
}

.course-material .course-content {
  width: 100%;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

.main-content-vid {
  height: 540px;
  position: relative;
}

.main-content-vid .btn-primary.prev-btn,
.main-content-vid .btn-primary.next-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.main-content-vid .btn-primary.prev-btn {
  left: 0%;
}

.main-content-vid .btn-primary.next-btn {
  right: 0%;
}

.course-material .course-content.active {
  width: calc(100% - 26rem);
}

.course-material .course-content .course-left-content .course-video {
  height: 100%;
}

.course-material .course-content .course-left-content .course-video .videos {
  height: 100%;
}

.course-material .course-content .course-left-content .course-video .videos .video-js {
  height: 100%;
  padding: 0;
}

.course-material .course-content .course-left-content .course-video .videos .video-js .vjs-tech {
  position: static;
}

.course-material .course-content.active .btn-course-content {
  display: none;
}

.course-material .course-content .btn-course-content {
  display: flex;
}

.btn-course-content {
  position: absolute;
  top: 75px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.btn-course-content span {
  font-size: 0px;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

.btn-course-content:hover span,
.btn-course-content:active span {
  font-size: inherit;
}

.course-material .course-right-content {
  position: fixed;
  top: 69px;
  background-color: #ffffff;
  width: 26rem;
  height: calc(100vh - 69px);
  right: 0;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

.course-material .course-right-content.active {
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
}

.course-right-content .content-head h4 {
  font-size: 16px;
}

.course-right-content .content-head .btn {
  font-size: 24px;
}

.btns-likes .btn {
  width: 35px;
  height: 35px;
  padding: 0;
}

.btns-likes .btn-like:hover,
.btns-likes .btn-like:active {
  background-color: #14934e1a;
}

.btns-likes .btn-wish:hover,
.btns-likes .btn-wish:active {
  background-color: #9314141a;
}

.btns-likes .btn.btn-like:active svg path {
  fill: green;
}

.btns-likes .btn.btn-wish:active svg path {
  fill: red;
}

/* =============================================== */
/* course-material end here */
/* =============================================== */

/* =============================================== */
/* profile end here */
/* =============================================== */
section.profile .cli-card .univ-card {
  margin-bottom: 40px;
  padding: 40px;
  display: flex;
  align-items: center;
  background: linear-gradient(to right,
      rgba(202, 235, 249, 0.6),
      rgba(161, 128, 254, 0.1));
  justify-content: space-between;
}

section.profile .cli-card .univ-card .left-content {
  display: flex;
  align-items: center;
  grid-gap: 20px;
}

section.profile .cli-card .univ-card .right-content {
  padding: 20px 0 20px 100px;
  border-left: 3px solid #fff;
}

section.profile .cli-card .univ-card .right-content a {
  background: #156b68;
  padding: 16px 73px;
  border: 1px solid #156b68;
  color: #fff;
  display: inline-block;
}

section.profile .cli-card .univ-card .right-content a:hover {
  color: #156b68;
  background: #fff;
}

section.profile .container .expre .cards h3 {
  font-size: 28px;
}

section.profile .container .expre .cards .gray-crd {
  padding: 30px;
  margin-bottom: 40px;
  margin-top: 20px;
  background: #f8f8f8;
  border: 1px solid #bebebe;
  border-radius: 6px;
}

section.profile .container .expre .cards .gray-crd .grinner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

section.profile .container .expre .cards .gray-crd h4 {
  font-size: 20px;
  margin-bottom: 0px;
}

section.profile .container .expre .cards .gray-crd p {
  color: #707070;
}

section.profile .container .expre .cards .gray-crd .btssub {
  display: flex;
  align-items: center;
  grid-gap: 20px;
}

section.profile .cli-card .univ-card .left-content .card-detail h4 {
  margin-bottom: 10px;
}

section.profile .container .expre .cards .gray-crd .right-content button {
  border: 1px solid #d0d0d0;
  padding: 10px 40px;
  color: #156b68;
  background: #fff;
}

section.profile .container .expre .cards .gray-crd .right-content button span {
  display: inline-block;
  margin-right: 10px;
}

section.profile .container .expre .cards .gray-crd .right-content {
  padding: 20px 0 20px 100px;
  border-left: 3px solid #fff;
}

section.profile .cli-card .univ-card .left-content .card-image {
  background: #fff;
  padding: 8px;
  width: 125px;
  height: 125px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

section.profile .cli-card .univ-card .left-content .card-image img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

section.profile .cli-card .univ-card .left-content .card-detail .cate {
  border-radius: 30px;
  background: #fff;
  padding: 7px 26px;
  margin-bottom: 10px;
  display: inline-block;
}

/* =============================================== */
/* profile end here */
/* =============================================== */

/* =============================================== */
/* my-course end here */
/* =============================================== */
section.my-course .course-card {
  padding: 40px;
  position: relative;
  background: #d1d1d126;
  margin-bottom: 40px;
  border: 1px solid #9a9a9a;
}

section.my-course .course-card .close-btn button:after {
  display: none;
}

section.my-course .course-card .close-btn button .close {
  opacity: 0;
  display: none;
}

section.my-course .course-card .close-btn button.show .close {
  opacity: 1;
  display: block;
}

section.my-course .course-card .close-btn button.show .dot {
  display: none;
}

section.my-course .course-card .close-btn button {
  height: 39px;
  transition: all 0.3s ease-in;
  width: 39px;
  background: #e7e7e7;
  border: none;
}

section.my-course .course-card .close-btn ul.dropdown-menu {
  background: #f3f3f3;
  border: 1px solid #e6e6e6;
}

section.my-course .progress-card .left-content {
  display: flex;
  align-items: center;
  grid-gap: 20px;
  max-width: 100%;
}

section.my-course .progress-card .left-content .card-detail {
  flex-basis: 62%;
}

section.my-course .progress-card .left-content .card-detail p.oph {
  color: #646363;
  margin: 8px 0px;
  display: inline-block;
}

section.my-course .course-card .close-btn {
  position: absolute;
  right: 15px;
  top: 15px;
}

section.my-course .certificate-card .top .left-content {
  display: grid;
  align-items: center;
  grid-gap: 20px;
  margin-bottom: 20px;
  grid-template-columns: 166px auto;
}

section.my-course .certificate-card .top .left-content .card-image img {
  width: 166px;
  height: 171px;
  border-radius: 10px;
}

section.my-course .certificate-card .top .left-content p.oph {
  color: #646363;
  margin: 8px 0px;
  display: inline-block;
}

section.my-course .certificate-card .top .left-content .card-detail {
  flex-basis: 62%;
}

section.my-course .certificate-card .top .left-content .card-detail .congo span {
  display: inline-block;
}

section.my-course .certificate-card .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

section.my-course .certificate-card .top .left-content .card-detail .congo h5 span {
  display: inline-block;
  margin-right: 10px;
}

/* =============================================== */
/* my-course end here */
/* =============================================== */

/* =============================================== */
/* my-purchase end here */
/* =============================================== */
section.my-purchase .container .top {
  display: grid;
  grid-template-columns: 4fr 1fr 1fr;
  padding: 20px 20px;
  font-weight: 600;
  font-size: 20px;
}

section.my-purchase .container .top .amounts,
section.my-purchase .container .top .dates,
section.my-purchase .container .bottom .am,
section.my-purchase .container .bottom .da {
  text-align: center;
}

section.my-purchase .container .mypurchase-lising .bottom {
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid #9a9a9a;
  align-items: center;
  border-radius: 10px;
  display: grid;
  grid-template-columns: 4fr 1fr 1fr;
}

section.my-purchase .container .mypurchase-lising .bottom:nth-child(n) {
  background: linear-gradient(to left,
      rgba(161, 128, 254, 0.1),
      rgba(202, 235, 249, 0.6));
}

section.my-purchase .container .mypurchase-lising .bottom:nth-child(2n) {
  background: linear-gradient(to right,
      rgba(202, 249, 226, 0.6),
      rgba(128, 201, 254, 0.1));
}

section.my-purchase .container .mypurchase-lising .bottom:nth-child(3n) {
  background: linear-gradient(to right,
      rgba(202, 212, 249, 0.6),
      rgba(168, 254, 128, 0.1));
}

section.my-purchase .container .mypurchase-lising .bottom:nth-child(4n) {
  background: linear-gradient(to right,
      rgba(248, 249, 202, 0.6),
      rgba(184, 254, 128, 0.1));
}

section.my-purchase .container .bottom .most .cate {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

section.my-purchase .container .bottom .most {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 160px;
  padding-right: 20px;
  border-right: 1px solid #9a9a9a;
}

section.my-purchase .container .bottom .am {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #9a9a9a;
}

section.my-purchase .container .bottom h3 {
  font-size: 20px;
  font-weight: 500;
}

section.create-new-steps.evasd>.container {
  width: 1333px;
  max-width: 100%;
  margin: a 0;
}

section.tab-section .view-tabs-content .tab-iner .course-details .submi button {
  display: flex;
  align-items: center;
  height: 40px;
  justify-content: center;
  grid-gap: 8px;
}

section.tab-section .view-tabs-content .tab-iner .course-details .submi button img {
  width: 14px;
}

section.tab-section .view-tabs-content .tab-iner .course-details .submi button span {
  display: inline-flex;
}

/* =============================================== */
/* my-course end here */
/* =============================================== */

/* =============================================== */
/* course-list end here */
/* =============================================== */
section.course-list .container .heading {
  display: flex;
  align-items: center;
  font-weight: 500;
  justify-content: space-between;
  margin-bottom: 40px;
}

section.course-list .container .cards .card:nth-child(n) {
  background: linear-gradient(to left,
      rgba(161, 128, 254, 0.1),
      rgba(202, 235, 249, 0.6));
}

section.course-list .container .cards .card:nth-child(2n) {
  background: linear-gradient(to right,
      rgba(202, 249, 226, 0.6),
      rgba(128, 201, 254, 0.1));
}

section.course-list .container .cards .card:nth-child(3n) {
  background: linear-gradient(to right,
      rgba(202, 212, 249, 0.6),
      rgba(168, 254, 128, 0.1));
}

section.course-list .container .cards .card:nth-child(4n) {
  background: linear-gradient(to right,
      rgba(248, 249, 202, 0.6),
      rgba(184, 254, 128, 0.1));
}

section.course-list .container .cards .card .university a {
  color: #000;
}

section.course-list .container .cards .card .review {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

section.course-list .container .cards .card .review .star img {
  margin-right: 5px;
}

section.course-list .container .cards .card .review .star {
  color: #8b8b8b;
  font-size: 14px;
}

section.course-list .container .cards .card .review .star .badge {
  color: #8b8b8b;
  font-size: 13px;
  background-color: rgb(255 202 122 / 24%);
  color: rgb(252 158 17);
  border: 1px solid rgb(252 158 17);
}

section.course-list .container .bottom-bar .main-courses .fil-by .fill-box .inner-fill .rating_star {
  i {
    color: #ffd700;
  }
}

section.course-list .container .bottom-bar .main-courses .fil-by .fill-box .inner-fill .show_more {
  border: 0;
  color: #156b68;
  font-size: 14px;
  background-color: transparent;
  font-weight: 500;
}

section.course-list .container .bottom-bar .main-courses .fil-by .fill-box .inner-fill .show_more i {
  font-size: 14px;
  font-weight: 700;
  stroke-width: 2;
  stroke: #156b68;
}

section.course-list .container .cards .card .review .credit {
  font-size: 16px;
  color: #fc9e11;
  font-weight: 600;
}

section.course-list .container .cards .card .price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

section.course-list .container .cards .card .price .name {
  font-weight: 500;
  font-size: 14px;
}

section.course-list .container .heading a {
  font-weight: 500;
  font-size: 30px;
  color: #156b68;
}

section.course-list .container .cards .card .price .pr {
  font-weight: 600;
  font-size: 20px;
}

section.course-list .container .cards .card .univ>a {
  font-weight: 500;
  font-size: 20px;
  cursor: pointer;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

section.course-list .container .cards .card .univ>p {
  font-size: 15px;
  cursor: pointer;
  color: rgb(129, 119, 119);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

section.course-list .container .cards .card .university h5 {
  font-size: 15px;
  font-weight: 500;
}

section.course-list .container .cards .card .univ .specialty {
  font-size: 14px;
  color: #8b8b8b;
  margin: 10px 0;
}

section.course-list .container .cards {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  height: max-content;
}

section.course-list .container .cards .card {
  border: 1px solid #e1e1e1;
  padding: 10px;
  position: relative;
  justify-content: space-between;
  display: grid;
  gap: 20px;
  grid-template-columns: 285px 1fr;
}

section.course-list .container .cards .card .university a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

section.course-list .container .cards .card .img {
  overflow: hidden;
}

section.course-list .container .cards .card .img img {
  max-width: 100%;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  height: 190px;
  object-fit: contain;
  border: 1px solid #dee2e6;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

section.course-list .container .cards .card .university {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

section.course-list .container .cards .card .university span.img {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08));
  background: #fff;
}

section.course-list .container .bottom-bar .main-courses {
  display: grid;
  grid-template-columns: 11fr 3fr;
  grid-gap: 20px;
}

section.course-list .container .cards .card .img img {
  width: 100%;
}

section.course-list .container .bottom-bar .main-courses .fil-by .fill-box {
  border-radius: 8px;
}

section.course-list .container .bottom-bar .main-courses .fil-by .fill-box .accordion-button {
  background: transparent;
}

section.course-list .container .bottom-bar .main-courses .fil-by .fill-box .accordion-button:focus {
  box-shadow: none;
}

section.course-list .container .fil-by .inner-fill .form-check .form-check-input {
  border: 1px solid #d1d1d1;
  width: 22px;
  height: 22px;
  cursor: pointer;
}

section.course-list .container .fil-by .inner-fill .form-check .form-check-input:focus {
  box-shadow: none;
}

section.course-list .container .fil-by .inner-fill .form-check .form-check-input:checked {
  border-color: #156b68;
  background-color: #fff;
  background: url("../images/checkboxicon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px;
}

section.course-list .container .bottom-bar .main-courses .fil-by .fill-box h4 {
  padding: 30px 20px 10px;
  border-bottom: 1px solid #0c263421;
}

section.course-list .container .bottom-bar .main-courses .fil-by .fill-box .checks {
  padding: 20px;
}

section.course-list .container .bottom-bar .main-courses .fil-by .fill-box .checks .form-check {
  margin-bottom: 10px;
}

section.course-list .container .bottom-bar .main-courses .fil-by .fill-box .checks .form-check .form-check-label {
  margin-left: 10px;
  margin-top: 3px;
  cursor: pointer;
}

section.course-list .container .bottom-bar .badges-content .badgess span.badge {
  color: #000;
  font-weight: 400;
  border: 1px solid #d7d7d7;
  font-size: 14px;
  display: inline-block;
  margin-right: 20px;
  padding: 7px 17px;
}

section.course-list .container .bottom-bar .badges-content .badgess span.badge button.btn-close {
  width: 10px;
  pointer-events: all;
  height: 10px;
  padding: 0;
  margin-left: 10px;
  cursor: pointer;
}

section.course-list .container .filter-by select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url("../images/filtericon.svg");
  background-repeat: no-repeat;
  background-position: center right 24px;
  padding: 12px 40px 12px 24px;
  width: 100%;
  border: 1px solid #0c263421;
  border-radius: 5px;
  cursor: pointer;
  color: #8a8a8a;
  font-family: inherit;
  font-size: 18px;
  transition: all 150ms ease;
}

section.course-list .container .filter-by select:focus {
  box-shadow: none;
}

section.course-list .container .bottom-bar .badges-content {
  display: flex;
  margin-bottom: 20px;
}

section.course-list {
  padding-top: 20px;
}

section.course-list .container .filter-by {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.dropdown-item:active {
  background-color: #156a67;
}

section.course-list .container .filter-by .fill .dropdown-menu {
  z-index: 11;
}

section.course-list .container .bottom-bar .main-courses.active {
  grid-template-columns: 1fr;
}

section.course-list .container .bottom-bar .main-courses.active .fil-by {
  display: none;
}

section.course-list .container .filter-by .fill .dropdown-toggle::after {
  display: none;
}

section.course-list .container .bottom-bar .badges-content button.clearall {
  background: none;
  border: none;
  color: #000;
  font-size: 18px;
  text-decoration: underline;
}

/* =============================================== */
/* course-list end here */
/* =============================================== */

/* =============================================== */
/* create-course end here */
/* =============================================== */
section.create-course .container .header-tab button#pills-home-tab.active {
  background: url("../images/homeiconwhite.svg");
  background-repeat: no-repeat;
  background-position: center;
}

section.create-course {
  background: #fff;
  z-index: 11;
  padding: 20px 40px;
  filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.1));
  position: relative;
}

section.create-course .container .header-tab ul.nav {
  margin-bottom: 0 !important;
}

section.create-course .container .header-tab button#pills-msg-tab.active {
  background: url("../images/messageiconwhite.svg");
  background-repeat: no-repeat;
  background-position: center;
}

section.create-course .container .header-tab button#pills-profile-tab.active {
  background: url("../images/homeiconwhite.svg");
  background-repeat: no-repeat;
  background-position: center;
}

section.create-course .container .header-tab button#pills-watch-tab.active {
  background: url("../images/questioniconwhite.svg");
  background-repeat: no-repeat;
  background-position: center;
}

section.create-course .container .header-tab li.nav-item button.active {
  background-color: #156b68 !important;
}

/* =============================================== */
/* create-course end here */
/* =============================================== */

/* =============================================== */
/* cr-search-bar end here */
/* =============================================== */
section.cr-search-bar .container .search-bar {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

section.cr-search-bar .container .search-bar .ser input {
  background: url("../images/search.svg");
  background-repeat: no-repeat;
  background-position: center right 15px;
}

section.cr-search-bar .container .search-bar .selects {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  grid-gap: 20px;
}

/* =============================================== */
/* cr-search-bar end here */
/* =============================================== */

/* =============================================== */
/* tab-section end here */
/* =============================================== */
section.tab-section .view-tabs-content {
  display: grid;
  grid-template-columns: 1fr 4fr;
  margin-bottom: 44px;
}

.create-new-steps.coussea {
  padding: 40px;
  min-height: calc(100vh - 81px);
}

.create-new-steps.coussea .container {
  width: 1333px;
}

section.tab-section {
  /* padding: 0; */
}

.create-new-steps .container {
  width: 100%;
}

section.tab-section>.container {
  width: 100%;
}

section.tab-section .view-tabs-content .tab-iner .course-details .chip {
  background: #156b68;
}

section.tab-section .view-tabs-content .tab-iner .course-details .edit-btn button {
  text-wrap: nowrap;
  padding: 8px 12px;
}

section.tab-section .view-tabs-content .tab-iner .course-details .highlightOption {
  background: #156b68;
}

section.tab-section .view-tabs-content .tab-iner .course-details .top-box .into-block .edit-btn button {
  text-wrap: nowrap;
  padding: 8px 12px;
}

section.tab-section .view-tabs-content .tab-iner .course-details .top-box .les {
  display: grid;
  grid-template-columns: auto 1fr;
}

section.tab-section .view-tabs-content .tab-iner .course-details .top-box .les button {
  background-color: #156b68;
  color: white;
}

section.tab-section .view-tabs-content .tab-iner .course-details .top-box .les button {
  height: max-content;
}

section.tab-section .view-tabs-content .tab-iner .course-details .top-box .newcresetup {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 2fr 1fr 35px;
}

section.tab-section .view-tabs-content .tab-iner .course-details .top-box .newcresetup .edit-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  grid-gap: 10px;
}

section.tab-section .view-tabs-content .tab-iner .course-details .multiSelectContainer li.option {
  background: #fff;
  color: #000;
}

section.tab-section .view-tabs-content .tab-iner .course-details .multiSelectContainer li.option:hover {
  background: #156b68;
  color: #fff;
}

section.tab-section .view-tabs-content .tab-iner {
  padding: 0;
  padding-bottom: 80px;
}

section.tab-section .view-tabs-content .tab-iner .course-details {
  padding: 0px 50px;
}

section.tab-section .view-tabs-content .tab-iner .course-details textarea {
  resize: none;
  border: 1px solid #156b682b;
}

section.tab-section .view-tabs-content .tab-iner .course-details input {
  border: 1px solid #156b682b;
}

.btnstars button {
  text-wrap: nowrap;
}

section.tab-section .view-tabs-content .tab-iner .course-details .date-picking ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

section.tab-section .view-tabs-content .tab-iner .course-details .date-picking ul .dtts {
  color: #fc9e11;
  font-size: 12px;
  margin: 0px 20px;
  margin-top: 13px;
}

section.tab-section .view-tabs-content .tab-iner .course-details .date-picking ul label.select-label {
  display: block;
}

section.tab-section .view-tabs-content .tab-iner .course-details .date-picking ul input {
  width: 100%;
  border: none !important;
  border-radius: 4px;
}

section.tab-section .view-tabs-content .tab-iner .course-details .date-picking ul input.date {
  background-color: #d9d9d91f !important;
  background: url("../images/dateicon.svg");
  background-repeat: no-repeat;
  background-position: center right 15px;
  color: #cecece;
}

section.tab-section .view-tabs-content .tab-iner .course-details .date-picking ul input.time {
  background-color: #d9d9d91f !important;
  background: url("../images/timeicon.svg");
  background-repeat: no-repeat;
  background-position: center right 15px;
  color: #cecece;
}

section.tab-section .view-tabs-content .tab-iner .course-details .date-picking ul input:focus {
  box-shadow: none;
  outline: none;
  border: none;
}

section.tab-section .view-tabs-content .tab-iner .course-details .date-picking ul input:checked {
  border-color: none !important;
}

section.tab-section .view-tabs-content .tab-iner .course-details .date-picking input[type="date"]::-webkit-inner-spin-button {
  opacity: 0;
}

section.tab-section .view-tabs-content .tab-iner .course-details .date-picking input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

section.tab-section .view-tabs-content .tab-iner .course-details select {
  padding: 12px 10px;
  background-color: #d9d9d91f;
  color: #113956;
  border: 1px solid #156b682b;
}

section.tab-section .view-tabs-content .tab-iner .course-details select:focus {
  box-shadow: none;
  border: 1px solid #156b68eb;
}

section.tab-section .view-tabs-content .tab-iner .course-details label.select-label {
  /* font-size: 18px; */
  /* margin: 15px 6px; */
  font-weight: 500;
  color: #113956;
  margin-bottom: 5px;
}

section.tab-section .view-tabs-content .tab-iner .course-details.publish-course {
  min-height: calc(100vh - 236px);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
  grid-gap: 40px;
  margin-top: 50px;
}

section.tab-section .view-tabs-content .tab-iner .course-details .top-box {
  border: 1px dashed #156b68;
  border-radius: 6px;
}

section.tab-section .view-tabs-content .tab-iner .course-details .top-box .into-block {
  display: grid;
  background: #efeffc;
  border-radius: 4px;
  align-items: flex-start;
  justify-content: space-between;
  border: 1px solid #156b68;
  padding: 7px 20px;
  margin-top: -1px;
  margin-left: -1px;
  margin-right: -1px;
}

section.tab-section .view-tabs-content .tab-iner .course-details .top-box .into-block .edit-btn {
  display: flex;
  grid-gap: 9px;
  cursor: pointer;
}

section.tab-section .view-tabs-content .tab-iner .course-details .top-box .edit-btn .ed {
  color: #14934e;
}

section.tab-section .view-tabs-content .tab-iner .course-details .form-check .form-check-input {
  border: 1px solid #d1d1d1;
  padding: 10px;
}

section.tab-section .view-tabs-content .tab-iner .course-details .form-check .form-check-input:focus {
  box-shadow: none;
}

section.tab-section .view-tabs-content .tab-iner .course-details .form-check .form-check-input:checked {
  border-color: #156b68;
  background-color: #fff;
  background: url("../images/checkboxicon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px;
}

section.tab-section .view-tabs-content .tab-iner .course-details .form-check.certific {
  margin-bottom: 40px;
}

section.tab-section .view-tabs-content .tab-iner .course-details input.in {
  margin-right: 15px;
}

section.tab-section .view-tabs-content .tab-iner .course-details .les button {
  border: none;
  background: #fefffe;
  margin-right: 8px;
  border-radius: 4px;
  padding: 4px 12px;
  font-size: 18px;
}

section.tab-section .view-tabs-content .tab-iner .course-details .les span {
  font-size: 18px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

section.tab-section .view-tabs-content .tab-iner .course-details .les span img {
  margin-right: 10px;
}

section.tab-section .view-tabs-content .tab-iner .course-details .edit-btn .dele {
  color: #fa0909;
}

section.tab-section .view-tabs-content .tab-iner .course-details .lectu {
  display: flex;
  padding: 7px 12px;
  justify-content: space-between;
  background: #d9d9d91f;
  grid-gap: 30px;
  align-items: center;
  margin-top: 14px;
}

section.tab-section .view-tabs-content .tab-iner .course-details .lectu span {
  cursor: pointer;
}

section.tab-section .view-tabs-content .tab-iner .course-details .lectures span {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  cursor: pointer;
}

section.tab-section .view-tabs-content .tab-iner .course-details .lectu span img {
  width: 14px;
  height: 14px;
}

section.tab-section .view-tabs-content .tab-iner .course-details .bottom-box {
  border: 1px dashed #156b68;
  border-radius: 6px;
  margin-top: 40px;
  padding: 20px;
}

section.tab-section .view-tabs-content .tab-iner .course-details .bottom-box .lectures form button {}

section.tab-section .view-tabs-content .tab-iner .course-details .bottom-box .into-block {
  display: flex;
  background: #efeffc;
  border-radius: 4px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #156b68;
  padding: 7px 20px;
  margin-top: -1px;
  margin-left: -1px;
  margin-right: -1px;
}

section.tab-section .view-tabs-content .tab-iner form input {
  background: #d9d9d91f;
  border: 1px solid #156b682b;
  padding: 12px 10px;
}

section.tab-section .view-tabs-content .tab-iner form input:focus {
  box-shadow: none;
  border: 1px solid #156b68eb;
}

section.tab-section .view-tabs-content .tab-iner form input::placeholder {
  color: #aeaeae;
}

section.tab-section .view-tabs-content .tab-iner form textarea {
  background: #d9d9d91f;
  border: none;
  padding: 12px 10px;
}

section.tab-section .view-tabs-content .tab-iner form textarea:focus {
  box-shadow: none;
}

section.tab-section .view-tabs-content .tab-iner form textarea::placeholder {
  color: #cecece;
}

section.tab-section .view-tabs-content .tab-iner form .form-label {
  /* font-size: 18px; */
  /* margin: 15px 6px; */
  font-weight: 500;
  color: #113956;
  margin-bottom: 5px;
}

section.tab-section .view-tabs-content .tab-iner form .upload-img {
  display: inline-block;
}

section.tab-section .view-tabs-content .tab-iner form .upload-img label.form-label {
  margin: 0;
}

section.tab-section .view-tabs-content .tab-iner form .upload-img input {
  display: none;
}

section.tab-section .view-tabs-content .tab-iner form .upload-img .updv {
  width: 100px;
  display: flex;
  height: 100px;
  overflow: hidden;
  border-radius: 12px;
  background: #f9f9f9;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(12, 38, 52, 0.13);
  cursor: pointer;
}

section.tab-section .view-tabs-content .tab-iner form .upload-img .updv .mainuploadimg {
  width: 100%;
  height: 100%;
  border: none;
  object-fit: contain;
}

.upload-img label.form-label {
  margin: 0;
}

.upload-img input {
  display: none;
}

.upload-img .updv {
  width: 100px;
  display: flex;
  height: 100px;
  overflow: hidden;
  border-radius: 12px;
  background: #f9f9f9;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(12, 38, 52, 0.13);
  cursor: pointer;
}

.upload-img .updv .mainuploadimg {
  width: 100%;
  height: 100%;
  border: none;
}

section.tab-section .view-tabs-content .tab-iner form label {
  display: flex;
  align-items: center;
  grid-gap: 20px;
}

section.tab-section .view-tabs-content .tab-iner .publish-course .shar {
  display: flex;
  grid-gap: 50px;
}

section.tab-section .view-tabs-content .tab-iner .publish-course .shar button {
  background: #156b68;
  color: #fff;
  border: 1px solid #156b68;
  width: 303px;
  padding: 16px 24px;
  transition: 0.3s all;
  border-radius: 8px;
}

section.tab-section .view-tabs-content .tab-iner .publish-course .shar button:hover {
  background: #fff;
  color: #156b68;
  border: 1px solid #156b68;
}

section.tab-section .view-tabs-content .tab-iner .publish-course p {
  display: none;
  padding: 8px 20px;
  background: #48ca84 21;
  font-size: 20px;
  color: #2aa462;
  line-height: 47px;
}

section.tab-section .view-tabs-content .tab-iner .publish-course p.show {
  display: block;
}

section.tab-section .view-tabs-content .tab-iner .see-pre {
  text-align: right;
  margin: 30px 50px 0;
}

section.tab-section .view-tabs-content .tab-iner .see-pre button {
  border: none;
  background: #f3f3f3;
  display: flex;
  border-radius: 4px;
  padding: 10px;
  align-items: center;
  margin-left: auto;
}

section.tab-section .view-tabs-content .tab-iner .see-pre button span {
  margin-left: 10px;
  font-size: 24px;
  font-weight: 600;
}

section.tab-section .view-tabs-content .tab-iner .learning-cri .detail {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 20px;
}

section.tab-section .view-tabs-content .tab-iner .learning-cri .detail .submi {
  flex-basis: 30%;
}

section.tab-section .view-tabs-content .tab-iner .learning-cri .detail .submi .btn-primary {
  height: 48px;
  min-width: 126px;
  padding: 15px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}

section.tab-section .view-tabs-content .tab-iner .learning-cri .detail .submi .btn-primary span img {
  vertical-align: sub;
}

section.tab-section .view-tabs-content .tab-iner .learning-cri .detail .submi button.btn.btn-danger {
  padding: 11px 14px;
  height: 48px;
  border: none;
  background: #d32419;
}

section.tab-section .view-tabs-content .tab-iner .learning-cri h5 {
  margin-bottom: 15px;
}

section.tab-section .view-tabs-content ul.tab {
  background: #fff;
  padding: 40px 0px;
}

section.step-section .step-content .next {
  font-size: 24px;
}

section.tab-section .view-tabs-content ul.tab .tablinks {
  border-radius: 6px;
  margin: 4px 0;
  font-size: 16px;
  flex-wrap: wrap;
  text-wrap-mode: wrap !important;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  color: #575d6d;
  white-space: nowrap;
}

section.tab-section .view-tabs-content ul.tab .tablinks.complete {
  color: #156b68;
}

section.tab-section .view-tabs-content ul.tab .tablinks .steps {
  font-size: 12px;
  color: #666d80;
}

.dots {
  transform: translateX(16px);
  -webkit-transform: translateX(16px);
  -moz-transform: translateX(16px);
  -ms-transform: translateX(16px);
  -o-transform: translateX(16px);
}

.dots span {
  width: 3px;
  height: 60px;
  border: 2px dashed #ccc;
  margin: 5px 0;
}

.dots.complete span {
  border: 2px dashed #156b68;
}

section.tab-section .view-tabs-content ul.tab .tablinks .icon {
  border: 1px solid #666d80;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.tab-section .view-tabs-content ul.tab .tablinks.complete .icon {
  background-color: rgba(21, 107, 104, 10%);
  border: 2px solidd #156b68;
}

section.tab-section .view-tabs-content ul.tab .tablinks.complete .icon .check-icon {
  display: block;
}

section.tab-section .view-tabs-content ul.tab .tablinks.complete .icon .main-icon {
  display: none;
}

section.tab-section .view-tabs-content ul.tab .tablinks .icon .main-icon {
  fill: #575d6d;
}

section.tab-section .view-tabs-content ul.tab .tablinks .icon .check-icon {
  stroke: #156b68;
  display: none;
}

section.tab-section .view-tabs-content ul.tab .tablinks.active {
  color: #156b68;
  background: #7b78e4 1f;
  font-weight: 700;
}

section.tab-section .view-tabs-content ul.tab .tablinks .icon .check {
  stroke: #156b68;
  background-color: rgba(21, 107, 104, 10%);
}

section.tab-section .view-tabs-content .new-cont {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
}

section.tab-section .view-tabs-content .new-cont.nnn {
  padding: 40px 50px 0;
}

section.tab-section .view-tabs-content .new-cont a.close-btn {
  color: #000;
  font-weight: 500;
  font-size: 24px;
}

section.tab-section .view-tabs-content .new-cont h4 {
  font-size: 28px;
  width: 80%;
  max-width: 100%;
}

.step-text {
  color: #113956;
  font-weight: 600;
}

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

section.tab-section .addlacturebox .rgtim {
  width: 17px;
  left: -3px;
  position: absolute;
  margin-right: 10px;
  margin-top: 6px;
}

section.tab-section .view-tabs-content .tab-iner .course-details .lectu span {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 6px;
}

section.tab-section input[type="time"]::-webkit-calendar-picker-indicator {
  background: none;
}

section.tab-section.assa {
  padding-top: 0;
}

section.tab-section.vdssa {
  padding: 0;
}

section.tab-section.vdssa>.container {
  width: 100%;
}

/* =============================================== */
/* tab-section end here */
/* =============================================== */

/* =============================================== */
/* course-added end here */
/* =============================================== */
.course-added {
  margin-top: 40px;
}

.course-added .course-box .img-box {
  width: 110px;
  height: 110px;
}

.course-added .course-box img {
  border-radius: 10px;
  width: 158px;
  height: 144px;
}

.course-added .instructurebox h4 {
  font-size: 16px;
}

.course-added .instructurebox p {
  font-size: 16px;
  color: #9f9f9f;
}

.dashboard {
  padding: 40px;
}

.course-added .course-box {
  display: grid;
  grid-template-columns: 130px auto;
  align-items: center;
  grid-gap: 35px;
  padding: 20px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 10px;
  border: 1px solid #9a9a9a;
  margin-bottom: 20px;
  position: relative;
  transition: 0.3s all;
}

.course-added .course-box .contents p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.course-added .course-box h4 p {
  color: #646363;
}

.course-added .course-box .overlay-box {
  position: absolute;
  background: rgba(0, 0, 0, 0.64);
  height: 100%;
  width: 100%;
  left: 0;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  top: 0;
  justify-content: flex-end;
  transition: 0.2s ease-out;
  align-items: flex-end;
  display: flex;
}

.course-added .course-box:hover .overlay-box {
  visibility: visible;
  opacity: 1;
}

.course-added .course-box .overlay-box .iner-btns button {
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  font-weight: 400;
  font-size: 18px;
}

/* =============================================== */
/* course-added end here */
/* =============================================== */

/* =============================================== */
/* events-added end here */
/* =============================================== */
.events-added {
  margin-top: 40px;
}

.events-added .course-box .img-box {
  width: 158px;
  border-radius: 10px;
  overflow: hidden;
  height: 144px;
}

.events-added .course-box .contents span.private {
  background: #dcefe5;
  color: #14934e;
  display: inline-block;
  width: 157px;
  text-align: center;
  max-width: 100%;
  border: 1px solid #14934e;
  border-radius: 5rem;
  padding: 4px 41px;
  font-weight: 400;
  font-size: 16px;
}

.events-added .course-box .contents span.public {
  background: #fff1db;
  color: #fc9e11;
  width: 157px;
  text-align: center;
  border: 1px solid #fc9e11;
  border-radius: 5rem;
  padding: 4px 41px;
  font-weight: 400;
  display: inline-block;
  font-size: 16px;
}

.events-added .course-box .contents .prdc span.pr-paid {
  color: #000;
  font-size: 25px;
  font-weight: 700;
  line-height: normal;
}

.events-added .course-box .contents .prdc span.pr-free {
  color: #14934e;
  font-size: 25px;
  font-weight: 700;
  line-height: normal;
}

.events-added .course-box .contents h4 {
  margin: 17px 0;
}

.events-added .course-box .contents .prdc {
  display: flex;
  align-items: center;
  grid-gap: 17px;
}

.events-added .course-box img {
  width: 100%;
  height: 100%;
}

.events-added .course-box {
  display: flex;
  align-items: center;
  grid-gap: 35px;
  padding: 20px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 10px;
  border: 1px solid #9a9a9a;
  margin-bottom: 20px;
  position: relative;
  transition: 0.3s all;
}

.events-added .course-box:nth-child(n) {
  background: linear-gradient(to left,
      rgba(161, 128, 254, 0.1),
      rgba(202, 235, 249, 0.6));
}

.events-added .course-box:nth-child(2n) {
  background: linear-gradient(to right,
      rgba(202, 249, 226, 0.6),
      rgba(128, 201, 254, 0.1));
}

.events-added .course-box:nth-child(3n) {
  background: linear-gradient(to right,
      rgba(202, 212, 249, 0.6),
      rgba(168, 254, 128, 0.1));
}

.events-added .course-box:nth-child(4n) {
  background: linear-gradient(to right,
      rgba(248, 249, 202, 0.6),
      rgba(184, 254, 128, 0.1));
}

.events-added .course-box .contents {
  flex-basis: 58%;
}

.events-added .course-box h4 p {
  color: #646363;
}

.events-added .course-box .overlay-box {
  position: absolute;
  background: rgba(0, 0, 0, 0.64);
  height: 100%;
  width: 100%;
  left: 0;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  top: 0;
  justify-content: flex-end;
  transition: 0.2s ease-out;
  align-items: flex-end;
  display: flex;
}

.events-added .course-box:hover .overlay-box {
  visibility: visible;
  opacity: 1;
}

.events-added .course-box .overlay-box .iner-btns button {
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  font-weight: 500;
  font-size: 18px;
}

/* =============================================== */
/* events-added end here */
/* =============================================== */

/* =============================================== */
/* cr-search-bar end here */
/* =============================================== */
section.cr-search-bar {
  background: #fff;
  z-index: 1;
  padding: 15px 40px;
  filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.1));
  position: relative;
}

section.cr-search-bar .container .search-bar .selects select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url("../images/filtericon.svg");
  background-repeat: no-repeat;
  background-position: center right 10px;
  cursor: pointer;
  width: 100%;
  min-width: 166px;
  padding: 7px 40px 7px 10px;
}

/* =============================================== */
/* cr-search-bar end here */
/* =============================================== */

/* =============================================== */
/* create-course end here */
/* =============================================== */
section.create-course .container .header-tab {
  position: relative;
}

section.create-course .container .header-tab .instru {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  grid-gap: 10px;
  align-items: center;
}

section.create-course .container .header-tab .instru button {
  background: #156b68;
  padding: 9px 10px;
  border-radius: 6px;
  border: none;
}

section.create-course .container .header-tab li.nav-item button.nav-link {
  padding: 13px 15px;
  margin-right: 80px;
  background: #e7e7e7;
}

section.create-course .container .header-tab button.active img {
  visibility: hidden;
}

/* =============================================== */
/* create-course end here */
/* =============================================== */

/* =============================================== */
/* step-section end here */
/* =============================================== */
.form-next {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.form-next a.next {
  color: white;
  background: #156b68;
  padding: 6px 12px;
  font-size: 20px;
  border-radius: 4px;
}

.form-next a.next svg {
  stroke: white;

  padding-left: 5px;
}

@keyframes moveRight {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.next:hover .animated-arrow {
  animation: moveRight 0.7s infinite ease-in-out;
}

section.step-section {
  background: #ececec;
  padding: 20px;
  position: fixed;
  left: 0%;
  bottom: 0%;
}

#create-course-form {
  background: #156b68;
}

#create-course-form h5.steps {
  color: white;
}

section.step-section .step-content h5.steps {
  font-size: 24px;
}

section.step-section .step-content {
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* =============================================== */
/* step-section end here */
/* =============================================== */

/* =============================================== */
/* create-new-steps end here */
/* =============================================== */
.create-new-steps {
  position: relative;
}

.maincor {
  padding: 40px 40px 0;
}

.maincor .new-cont.nnn {
  width: 1333px;
  max-width: 100%;
  margin: 0 auto;
}

.create-new-steps .new-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.create-new-steps .new-cont a.cre-new-btn {
  background: #156b68;
  color: #fff;
  border: 1px solid #156b68;
  padding: 10px 24px;
  border-radius: 8px;
}

.create-new-steps .new-cont a.cre-new-btn:hover {
  background: #fff;
  color: #156b68;
}

.create-new-steps .no-cou-yet {
  min-height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  grid-gap: 20px;
}

.create-new-steps .no-cou-yet h3 {
  font-size: 30px;
}

.create-new-steps .no-cou-yet p {
  font-size: 20px;
}

.create-new-steps .new-cont h4 {
  font-size: 24px;
}

.create-new-steps .new-cont a.close-btn {
  color: #000;
  font-weight: 500;
  font-size: 24px;
}

.create-new-steps .lets-find {
  display: flex;
  width: 1333px;
  max-width: 100%;
  margin: 0 auto;
  flex-direction: column;
  justify-content: flex-start;
  grid-gap: 30px;
}

.create-new-steps .lets-find .in-boxs input {
  display: none;
}

.create-new-steps .lets-find .in-boxs .form-check {
  width: 100%;
  max-width: 487px;
  padding: 30px;
  border: 1px solid #b3afaf;
  cursor: pointer;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

#formCheck1 {
  background-color: rgba(202, 235, 249, 0.6);
}

#formCheck2 {
  background-color: rgba(255, 209, 220, 0.5);
}

.create-new-steps .lets-find .in-boxs .form-check label {
  cursor: pointer;
}

.create-new-steps .lets-find .in-boxs .form-check label svg {
  margin-bottom: 10px;
}

.create-new-steps .lets-find .in-boxs .form-check:hover {
  border: 1px solid #156b68;
}

.create-new-steps .lets-find .in-boxs .form-check:hover label svg {
  color: #156b68;
  cursor: pointer;
  stroke-width: 1;
}

.create-new-steps .lets-find .in-boxs .form-check:hover h4 {
  color: #156b68;
}

.create-new-steps .lets-find .in-boxs .form-check.active {
  border: 1px solid #156b68;
  color: #156b68;
}

.create-new-steps .lets-find .in-boxs {
  display: flex;
  grid-gap: 50px;
}

.create-new-steps .lets-find .in-boxs .form-check label h4 {
  margin-bottom: 15px;
}

section.create-new-steps.pt-0 .container {
  width: 100%;
}

section.create-new-steps.asswac .container {
  width: 100%;
}

/* =============================================== */
/* create-new-steps end here */
/* =============================================== */

/* =============================================== */
/* message-sec end here */
/* =============================================== */
section.message-sec .person-msgs {
  display: flex;
  grid-gap: 20px;
  padding: 40px;
  align-items: flex-start;
}

section.message-sec .person-msgs .imgs {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ece7f7;
  border-radius: 50%;
  border: 1px solid #156b68;
}

section.message-sec .person-msgs .imgs img {
  width: 37px;
}

section.message-sec .person-msgs h6 {
  font-weight: 600;
  font-size: 18px;
  color: #156b68;
}

section.message-sec .person-msgs h6 span {
  color: #7c7c7c;
  font-size: 16px;
  font-weight: 300;
  margin-left: 20px;
}

section.message-sec .person-msgs p {
  margin-top: 10px;
}

section.message-sec .person-msgs .names {
  flex-basis: 55%;
}

/* =============================================== */
/* message-sec end here */
/* =============================================== */

/* =============================================== */
/* dashboard end here */
/* =============================================== */
.dashboard ul.count {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  text-align: center;
  margin-top: 40px;
  background: #f9f8f8;
  padding: 40px 50px;
  border-radius: 10px;
}

.dashboard ul.count li {
  border-right: 1px solid #0c263433;
}

.dashboard ul.count li:last-child {
  border-right: none;
}

.dashboard ul.count li span {
  display: block;
  font-weight: 900;
  font-size: 18px;
}

.dashboard ul.count li span.num {
  margin-bottom: 15px;
}

.dashboard .dash-content .top {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  padding: 20px 40px;
}

.dashboard .dash-content .bottom {
  padding: 40px;
  background: #d1d1d126;
  border: 1px solid #9a9a9a;
  margin-bottom: 20px;
  align-items: center;
  border-radius: 10px;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
}

.dashboard .dash-content .total-dash .new {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  padding: 20px 40px;
}

.dashboard .dash-content .total-dash .new {
  font-size: 26px;
  font-weight: 600;
}

.dashboard .dash-content .dates,
.dashboard .dash-content .amounts,
.dashboard .dash-content .bottom h3.am,
.dashboard .dash-content .bottom h3.da {
  text-align: center;
}

.dashboard .dash-content .bottom .most {
  border-right: 1px solid #9a9a9a;
}

.dashboard .dash-content .bottom h3.am {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #9a9a9a;
}

.dashboard .dash-content .bottom h3 {
  font-size: 24px;
  font-weight: 500;
}

/* =============================================== */
/* dashboard end here */
/* =============================================== */

/* =============================================== */
/* message-sec end here */
/* =============================================== */
section.message-sec .dates-sec {
  margin: 60px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

section.message-sec .dates-sec::after {
  content: "";
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  position: absolute;
  background: #d8d6d6;
  z-index: -1;
}

section.message-sec .dates-sec .date {
  border-radius: 10px;
  background: #f8f8f8;
  padding: 6px;
  width: 325px;
  text-align: center;
}

/* =============================================== */
/* message-sec end here */
/* =============================================== */

/* =============================================== */
/* footer end here */
/* =============================================== */

.footer .container {
  padding: 0 0px 20px 0px;
  display: grid;
  grid-template-columns: 2fr 2fr;
  margin-bottom: 20px;
  column-gap: 47px;
}

.footer .container .follow p {
  color: #fff;
}

.footer .container .follow ul {
  display: flex;
  grid-gap: 10px;
  margin-top: 8px;
}

.footer .container .foot-logo {
  margin-bottom: 25px;
}

.footer .container .foot-logo img {
  height: auto;
  min-width: 140px;
  max-width: 156px;
  width: 100%;
}

.footer .container .footer-logo-section .text-para {
  color: white;
  margin-bottom: 50px;
  font-size: 14px;
}

.footer .container .right-sec {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 40px;
}

.footer .container .right-sec h6 {
  font-size: 16px;
  margin-bottom: 16px;
  color: #fff;
}

.footer .container .right-sec ul a {
  color: #fff;
  font-size: 15px;
  text-transform: capitalize;
}

.footer .container .right-sec ul li {
  line-height: 21px;
  margin-bottom: 15px;
}

.footer .copyright {
  padding: 16px 0px;
  display: flex;
  justify-content: space-between;
  border-radius: 0;
  border-top: 1px solid white;
  color: white;
  max-width: 1333px;
  width: 100%;
  margin: 0 auto;
}

.footer .copyright p {
  margin-bottom: 0;
}

.footer .copyright p a {
  color: white;
}

/* =============================================== */
/* footer end here */
/* =============================================== */
/* webinars page start here */

section.live-serie .left-content {
  display: grid;
  align-items: center;
  grid-gap: 20px;
  grid-template-columns: 125px 1fr;
}

section.live-serie .univ-card {
  margin-bottom: 40px;
  padding: 40px;
  display: grid;
  grid-gap: 20px;
  align-items: center;
  justify-content: space-between;
  grid-template-columns: 1fr auto;
}

section.live-serie .univ-card:nth-child(n) {
  background: linear-gradient(to left,
      rgba(161, 128, 254, 0.1),
      rgba(202, 235, 249, 0.6));
}

section.live-serie .univ-card:nth-child(2n) {
  background: linear-gradient(to right,
      rgba(202, 249, 226, 0.6),
      rgba(128, 201, 254, 0.1));
}

section.live-serie .univ-card:nth-child(3n) {
  background: linear-gradient(to right,
      rgba(202, 212, 249, 0.6),
      rgba(168, 254, 128, 0.1));
}

section.live-serie .univ-card:nth-child(4n) {
  background: linear-gradient(to right,
      rgba(248, 249, 202, 0.6),
      rgba(184, 254, 128, 0.1));
}

section.live-serie .univ-card .right-content {
  padding: 20px 0 20px 100px;
  border-left: 3px solid #fff;
}

section.live-serie .univ-card .right-content a {
  background: #fff;
  padding: 8px 20px;
  border: 1px solid #000;
  color: #000;
  display: inline-block;
}

section.live-serie .left-content .card-image {
  background: #fff;
  height: 125px;
  width: 125px;
  padding: 20px;
}

section.live-serie .left-content .card-detail span.public {
  background: #fff1db;
  color: #fc9e11;
  width: 157px;
  text-align: center;
  border: 1px solid #fc9e11;
  border-radius: 5rem;
  padding: 4px 41px;
  font-weight: 400;
  display: inline-block;
  font-size: 16px;
  margin-bottom: 10px;
}

section.live-serie .left-content .card-detail h4.headi {
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

section.live-serie .left-content .card-detail p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 600px;
  word-break: break-word;
}

section.live-serie .left-content .card-detail span.private {
  background: #dcefe5;
  color: #14934e;
  display: inline-block;
  width: 157px;
  text-align: center;
  max-width: 100%;
  border: 1px solid #14934e;
  border-radius: 5rem;
  padding: 4px 41px;
  font-weight: 400;
  font-size: 16px;
}

/* webinars page end here */
/* =============================================== */
/* specialities end here */
/* =============================================== */
section.specialities {
  padding: 5px;
  position: fixed;
  left: 50%;
  max-width: 100%;
  border: 1px solid #fff;
  z-index: 9;
  bottom: 20px;
  background: #156b68;
  transform: translateX(-50%);
  width: 775px;
  max-width: 100%;
  margin: auto 20px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

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

section.specialities .spec-button button {
  padding: 10px 16px;
  font-weight: 400;
  border-radius: 8px;
  background: #2f7b79;
  color: #fff;
  border: none;
  margin-left: 0px;
  font-size: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

section.specialities .spec-button button:hover {
  background: #2f7b79eb;
}

section.specialities .spec-button button.sp-btn span {
  margin-left: 18px;
}

section.specialities .spec-button .mid {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

section.specialities .spec-button .shop-ca {
  text-align: right;
  display: flex;
  grid-gap: 5px;
}

section.specialities .spec-button .mid a {
  font-size: 15px;
  padding: 10px 40px;
  color: #fff;
  font-weight: 500;
}

.coursedetailcardsnew .pre-part {
  display: block;
}

.coursedetailcardsnew .pre-part ul {
  min-height: 180px;
}

section.view-banner,
section.module-section {
  position: relative;
  background: #fff;
}

.coursedetailcardsnew .pre-part ul li {
  background: url("../images/right-icon.svg");
  background-size: 17px;
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 25px;
  margin-bottom: 10px;
}

.coursedetailcardsnew .pre-part ul li:last-child {
  margin-bottom: 0;
}

section.specialities .spec-button button.cart img {
  width: 22px;
}

/* =============================================== */
/* specialities end here */
/* =============================================== */

/* =============================================== */
/* specialpopup end here */
/* =============================================== */
.specialpopup .modal-body {
  background: #156b68;
  color: #fff;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.specialpopup .modal-body ul a {
  color: #fff;
}

.specialpopup .modal-body {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.specialpopup .modal-body ul {
  padding: 48px 34px;
  border-top: 1px solid #6ea3a1;
  border-right: 1px solid #6ea3a1;
  height: 100%;
}

.specialpopup .modal-body ul.lst {
  border-right: none;
}

.specialpopup .modal-body ul li {
  margin-bottom: 45px;
  text-align: left;
}

.specialpopup .modal-body h4 {
  font-size: 22px;
  display: inline-block;
  position: relative;
  margin: 45px 0 28px 0;
}

.specialpopup .modal-body h4:after {
  content: "";
  background: #6ea3a1;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  position: absolute;
  left: -20px;
  top: 8px;
}

.specialpopup .modal-body ul a:hover {
  color: #fdd816;
}

.specialpopup .modal-body .headin {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 45px 0 28px 0;
}

.specialpopup .modal-body .inner {
  text-align: center;
  overflow: hidden;
}

/* =============================================== */
/* specialpopup end here */
/* =============================================== */

/* =============================================== */
/* input-parts end here */
/* =============================================== */
.input-parts {
  padding: 23px 20px;
  background: #f1f1f1;
}

.input-parts .inputevens {
  display: grid;
  grid-template-columns: auto 185px;
  align-items: center;
}

.input-parts .msgbox .form-control {
  background: transparent;
  border: none;
  font-size: 28px;
  color: #8e8e8e;
}

.input-parts .msgbox .form-control::placeholder {
  color: #8e8e8e;
}

.input-parts .msgbox .form-control:focus {
  box-shadow: none;
}

.input-parts .btnss {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.input-parts .inputevens button {
  border: none;
  width: 45px;
  border-radius: 10px;
  background: rgba(233, 232, 232, 1);
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}

/* =============================================== */
/* specialpopup end here */
/* =============================================== */

/* =============================================== */
/* event_pop end here */
/* =============================================== */
.event_pop .modal-content {
  background-color: #156b68;
  color: #fff;
  overflow: hidden;
}

.event_pop .modal-content li a {
  color: #fff;
}

.event_pop .modal-content li {
  margin-bottom: 2rem;
}

.event_pop .modal-content h4 {
  font-size: 22px;
  display: inline-block;
  position: relative;
  margin: 45px 0 28px 64px;
}

.event_pop .evemain {
  display: grid;
  grid-template-columns: auto 1fr;
}

.event_pop .evemain ul {
  padding: 48px 34px;
  border-top: 1px solid #6ea3a1;
  border-right: 1px solid #6ea3a1;
  height: 100%;
}

.event_pop .modal-content .modal-body {
  padding: 0;
}

.event_pop .evemain ul.lst {
  border-right: none;
}

.event_pop .modal-content h4::after {
  content: "";
  background: #6ea3a1;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  position: absolute;
  left: -20px;
  top: 8px;
}

/* =============================================== */
/* event_pop end here */
/* =============================================== */

.log-form {
  position: static !important;
  right: 0 !important;
}

.sig-form {
  position: static !important;
  right: 0 !important;
}

.zidform {
  position: static !important;
  right: 0 !important;
}

.new-cont .close-btn {
  color: #dc3545;
  font-weight: 500;
  font-size: 22px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 5px;
  border-radius: 4px;
}

.new-cont .close-btn:hover {
  background-color: rgb(248 216 219 / 60%);
}

section.ratesdetails .container textarea {
  resize: none;
}

section.ratesdetails .fombtns {
  margin: 0 -40px;
  background: #f5f5f5;
  padding: 35px 40px;
}

section.ratesdetails .container h3 {
  margin-bottom: 12px;
}

section.ratesdetails .container p.phead {
  color: #646363;
  font-weight: 500;
  max-width: 700px;
  margin: auto;
}

section.ratesdetails .fombtns .container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  grid-gap: 24px;
}

/* 
section.ratesdetails .fombtns .container button.btn-light {
  border-radius: 8px;
  border: 1px solid #736f6f;
  background: #f3f3f3;
} */

/* section.ratesdetails .fombtns .container button {
  width: 250px;
  padding: 15px 24px;
} */

section.ratesdetails .container .addnotes textarea.form-control {
  padding: 22px;
}

section.ratesdetails .container .addnotes button {
  border-radius: 8px;
  width: 250px;
  border: 1px solid #d6d5d5;
  background: #fff;
  padding: 15px 24px;
}

section.ratesdetails .container .rating-info ul li {
  padding: 20px 30px;
  border-radius: 10px;
  border: 1px solid #9a9a9a;
  margin-bottom: 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

section.ratesdetails .container .rating-info ul li:nth-child(n) {
  background: linear-gradient(to left,
      rgba(161, 128, 254, 0.1),
      rgba(202, 235, 249, 0.6));
}

section.ratesdetails .container .rating-info ul li:nth-child(2n) {
  background: linear-gradient(to right,
      rgba(202, 249, 226, 0.6),
      rgba(128, 201, 254, 0.1));
}

section.ratesdetails .container .rating-info ul li:nth-child(3n) {
  background: linear-gradient(to right,
      rgba(202, 212, 249, 0.6),
      rgba(168, 254, 128, 0.1));
}

section.ratesdetails .container .rating-info ul li:nth-child(4n) {
  background: linear-gradient(to right,
      rgba(248, 249, 202, 0.6),
      rgba(184, 254, 128, 0.1));
}

section.ratesdetails .container .rating-info ul .addcomment {
  padding: 30px 0;
}

section.ratesdetails .container .rating-info ul .addcomment button.btn-light {
  border-radius: 8px;
  width: 250px;
  border: 1px solid #d6d5d5;
  background: #fff;
  padding: 15px 24px;
  margin-top: 20px;
}

section.ratesdetails .container .rate {
  float: left;
}

section.ratesdetails .container .rate:not(:checked)>input {
  display: none;
}

section.ratesdetails .container .rate:not(:checked)>label {
  float: right;
  width: 30px;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 22px;
  color: #ccc;
}

section.ratesdetails .container .rate:not(:checked)>label:before {
  content: "\F586";
  font-family: "Bootstrap-Icons";
}

section.ratesdetails .container .rate>input:checked~label {
  color: #fc9e11;
}

section.ratesdetails .container .rate:not(:checked)>label:hover,
section.ratesdetails .container .rate:not(:checked)>label:hover~label {
  color: #fc9e11;
}

section.ratesdetails .container .rate>input:checked+label:hover,
section.ratesdetails .container .rate>input:checked+label:hover~label,
section.ratesdetails .container .rate>input:checked~label:hover,
section.ratesdetails .container .rate>input:checked~label:hover~label,
section.ratesdetails .container .rate>label:hover~input:checked~label {
  color: #fc9e11;
}

section.ratesdetails .container .rating-info ul li .ratesmsgs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  text-align: center;
}

section.ratesdetails .container .rating-info ul li .ratesmsgs .rinner {
  padding: 0 55px;
  border-left: 1px solid #d7d7d7;
}

section.ratesdetails .container .rating-info ul li>p {
  font-weight: 500;
  font-size: 24px;
}

section.ratesdetails .container .rating-info ul .addcomment button.btn-light:hover {
  background: #156b68;
  color: #fff;
}

section.ratesdetails .container .addnotes button:hover {
  background: #156b68;
  color: #fff;
}

.pagination-pointer li.page-item .page-link {
  color: #000;
  border: none;

  display: flex;
  min-width: 36px;
  min-height: 36px;
  align-items: center;
  justify-content: center;
}

.pagination-pointer .active>a.page-link {
  background: #156b68;
  border: none;
  color: #ffffff;
}

.pagination-pointer li.page-item:last-child a {
  background: #f8f9fa;
}

.pagination-pointer li.page-item:first-child a {
  background: #f8f9fa;
}

.pagination-pointer nav .pagination {
  grid-gap: 5px;
  padding: 15px 0;
}

/* section.ratesdetails .fombtns .container button.btn-primary:hover {
  background: #fff;
  color: #156b68;
}

section.ratesdetails .fombtns .container button.btn-light:hover {
  background: #156b68;
  color: #fff;
} */

section.ratesdetails .container .rating-info ul li .ratesmsgs .msgr {
  padding: 0 5px 0 55px;
  display: flex;
  flex-direction: column;
  grid-gap: 5px;
  border-left: 1px solid #d7d7d7;
  cursor: pointer;
}

.cursor-pointer {
  cursor: pointer;
}

.log-form {
  position: static !important;
  right: 0 !important;
}

.sig-form {
  position: static !important;
  right: 0 !important;
}

.zidform {
  position: static !important;
  right: 0 !important;
}

.avatar-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 47px;
  height: 47px;
  background-color: #e0e0e0;
  border-radius: 50%;
}

.avatar-box .avatar {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.tab-section .addlacturebox .form-control {
  background: #d9d9d91f !important;
  border: none;
  box-shadow: none;
  padding: 10px 10px;
}

.addlacturebox span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

.addlacturebox span p {
  border: 1px solid black;
  height: 27px;
  width: 27px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.searchaddresslisting {
  background: #fff;
  position: absolute;
  top: 92px;
}

.searchaddresslisting li a {
  display: block;
  color: #000;
  padding: 3px;
}

.searchaddresslisting li a:hover {
  background: #f1f1f1;
}

section.privacy-pgsec p.section__desc,
section.terms-pgsec p.section__desc {
  color: #606060;
  font-size: 18px;
}

section.contactuspage {
  background: #f6f9f9;
  padding: 60px 0px 60px 0;
}

section.contactuspage .container {
  display: grid;
  grid-gap: 74px;
  max-width: 1600px;
  align-items: center;
  width: 100%;
  grid-template-columns: 6fr 4fr;
}

section.contactuspage .container .conforms {
  padding-right: 60px;
}

section.contactuspage .container .conmap {
  padding: 30px 0 60px 60px;
  background: url("../images/contactbg.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  display: grid;
  grid-gap: 60px;
}

section.contactuspage .container .conmap .itembox {
  border-radius: 25px;
  background: #fff;
  max-width: 500px;
  padding: 30px;
  width: fit-content;
}

section.contactuspage .container .conmap .itembox h5 {
  color: #156b68;
  margin-bottom: 20px;
  font-size: 22px;
}

section.contactuspage .container .conmap .itembox p {
  margin-bottom: 20px;
  color: #60778d;
  font-weight: 500;
  line-height: normal;
}

section.contactuspage .container .conmap .itembox p:last-child {
  margin-bottom: 0;
}

section.contactuspage .container .conmap .itembox p a {
  color: #60778d;
}

section.contactuspage .container .conmap .itembox:nth-child(2) {
  margin-left: auto;
}

/* contact us page end */

section.contactuspage .container .conforms select#contactSubject {
  color: #cecece;
}

section.contactuspage .container .conforms .btn {
  font-weight: 500;
}

section.hdseccontact .tpsec p {
  color: #60778d;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 35px;
  max-width: 885px;
  margin: auto;
  margin-top: 20px;
}

section.contactuspage .container .conforms textarea {
  resize: none;
}

section.faqtps {
  padding-top: 150px;
  padding-bottom: 150px;
}

section.faqtps .container h2 {
  margin-bottom: 20px;
  line-height: normal;
}

section.faqtps .container p {
  color: #60778d;
  font-size: 20px;
  font-weight: 500;
  line-height: 175%;
  max-width: 1160px;
  margin: auto;
}

section.faqfrqsec {
  background: #f6f9f9;
  padding-top: 60px;
  padding-bottom: 60px;
}

section.faqfrqsec .container h2 {
  margin-bottom: 100px;
}

section.faqfrqsec .container ul li {
  margin-bottom: 100px;
}

section.faqfrqsec .container ul li .quesnum {
  color: #0c2634;
  font-size: 22px;
  font-weight: 600;
  line-height: 132.143%;
  margin-bottom: 20px;
}

section.faqfrqsec .container ul li .questionfaq {
  color: #0c2634;
  font-size: 20px;
  font-weight: 500;
  line-height: 165.385%;
  max-width: 1150px;
  margin-bottom: 30px;
}

section.faqfrqsec .container ul li .faqans {
  color: #0c2634;
  font-size: 22px;
  font-weight: 600;
  line-height: 132.143%;
  margin-bottom: 10px;
}

section.faqfrqsec .container ul li .faqansdetail {
  color: #60778d;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 165.385%;
  max-width: 1150px;
}

section.faqform {
  padding-top: 60px;
  padding-bottom: 60px;
}

section.faqform form label.form-label {
  color: #000;
  font-size: 22px;
  font-weight: 500;
  line-height: normal;
}

section.faqform form textarea {
  padding: 22px;
  resize: none;
  font-weight: 500;
  line-height: normal;
  font-size: 18px;
}

section.faqform form button.btn {
  border-radius: 8px;
  border: 1px solid #c5c2c2;
  background: #f3f3f3;
  width: 250px;
  color: #c8c8c8;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  padding: 16px 24px;
}

section.faqtps .container p:nth-child(2) {
  max-width: 880px;
}

section.faqfrqsec .container ul li:last-child {
  margin-bottom: 0;
}

section.faqform form textarea::placeholder {
  color: #bebcbc;
  font-size: 19px;
  font-weight: 500;
  line-height: normal;
}

section.faqform form button.btn:hover {
  background: #e9e9e9;
}

section.getzidnipg .container {
  grid-gap: 100px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

section.getzidnipg .container .content p {
  color: #0c2634;
  font-family: "nunito";
  max-width: 500px;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
  letter-spacing: 0.072px;
}

section.getzidnipg .container .content .app-info {
  display: flex;
  align-items: center;
}

section.getzidnipg .container .content .app-info .app-img {
  border-right: 1px solid #000;
  padding: 20px 20px 20px 0;
  margin-right: 10px;
}

section.getzidnipg .container .content .app-info .app-img a.google {
  width: 147px;
  height: 45px;
  background: url("../images/pngegg.svg");
  background-size: 147px auto;
  display: block;
  vertical-align: middle;
  background-position: -742px -104px;
}

section.getzidnipg .container .content .app-info .app-img a.app-store {
  width: 147px;
  height: 45px;
  background: url("../images/pngegg.svg");
  background-size: 147px auto;
  display: inline-block;
  vertical-align: middle;
  background-position: -742px -245px;
}

section.getzidnipg .container .content .app-info .bar-code {
  padding-left: 12px;
  padding-bottom: 4px;
}

section.create-conpg {
  background: linear-gradient(to right,
      rgba(192, 228, 217, 0.2),
      rgba(192, 221, 228, 0.2));
}

section.create-conpg .container {
  border-radius: 8px;
  padding: 40px;
  grid-gap: 40px;
  background: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

section.create-conpg .container .nav .nav-item .nav-link.active {
  background: rgba(240, 251, 255, 1);
  color: #000;
  border-color: transparent;
}

section.create-conpg .container .nav .nav-item .nav-link {
  padding: 20px;
  font-size: 20px;
  font-weight: 500;
  color: #929292;
  cursor: pointer;
}

section.create-conpg .container .tab-content form label {
  margin-left: 20px;
}

section.create-conpg .container .nav .nav-item {
  width: 50%;
}

section.create-conpg .container .nav .nav-item .nav-link {
  width: 100%;
}

.loader {
  position: fixed;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  z-index: 1111;
  background: #f1f1f1;
}

.live-classroom {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}

.host-video {
  width: 50%;
  height: 100%;
  object-fit: cover;
  margin-bottom: 20px;
}

.user-videos {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}

.user-video {
  width: 33.33%;
  height: 100%;
  object-fit: cover;
  margin-bottom: 20px;
}

.video-tile {
  display: inline-block;
  height: 100%;
  width: 33.33%;
  margin-bottom: 20px;
}

.agora_classroom {
  min-height: 100dvh;
  overflow: hidden;
}

.agora_classroom .video-container {
  padding-top: 37px;
  position: relative;
  padding-bottom: 0rem;
  overflow: hidden;
  width: auto;
  height: calc(100vh - 53px);
  background: linear-gradient(to right,
      rgba(120, 221, 228, 0.12),
      rgba(155, 228, 120, 0.11));
}

.agora_classroom .col-lg-5 .video-container {
  height: 200px;
}

.agora_classroom .uservideoblock {
  height: calc(100vh - 53px);
}

.agora_classroom .col-lg-4 .video-container {
  height: 133px;
}

.agora_classroom .col-lg-3 .video-container {
  height: 250px;
}

.agora_classroom .video-container .instructor-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 0;
}

.agora_classroom .video-container .instructor-top p {
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 400;
}

.agora_classroom .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.guest-scroll {
  max-height: calc(100vh - 53px);
  overflow-x: hidden;
  overflow-y: auto;
}

/* .guest-scroll::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: #f5f5f5;
}

.guest-scroll::-webkit-scrollbar {
  width: 0px;
  background-color: #f5f5f5;
}

.guest-scroll::-webkit-scrollbar-thumb {
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
} */

.orders {
  padding: 60px;
}

.orders .logo-img {
  width: 220px;
  margin: 0 auto;
}

.orders .thankyou-heading {
  font-size: 48px;
  font-family: "Inter";
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 83px;
}

.orders .thankyou-heading span svg {
  width: 35px;
  height: 35px;
  fill: #156b68;
  margin-right: 10px;
}

.orders .order-confirm-card {
  padding: 20px;
  border: 1px solid #156b68;
  border-radius: 8px;
  margin-top: 20px;
}

.orders .btn.btn-primary {
  font-family: "Inter";
  font-weight: 500;
  background: #156b68;
  border: 1px solid #156b68;
  padding: 14px 59px;
  border-radius: 12px;
  font-size: 16px;
  margin-top: 20px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.createwebinar-starting .form-check-input:checked {
  background-color: #156c69;
  border-color: #156c69;

}

.createwebinar-starting .form-check-input:focus {
  box-shadow: unset;
  border-color: #156c69;
}

.listing-select-block .sdhba {
  padding: 15px 0;
}

.listing-select-block .sdhba li {
  padding: 6px 12px;
  background: #ededed;
  margin-bottom: 6px;
  border-radius: 6px;
  cursor: pointer;
}

.listing-select-block .sdhba li:hover {
  background: #156b6824;
}

.adkh {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.adkh li {
  font-size: 14px;
  color: #000;
  background: #f7f7f7;
  padding: 5px 8px;
  gap: 10px;
  display: flex;
  border-radius: 8px;
  border: 1px solid #e2e2e2;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.adkh li:hover {
  border: 1px solid #156b68;
  background: #156b6824;
  color: #156a67;
}

.adkh li .fa-regular {
  margin-top: 0;
  font-size: 12px;
}

.ChatContainer {
  display: flex;
  flex-direction: column;
  width: 400px;
  background-color: white;
  transition: all 0.5s ease;
  overflow: hidden;
  background: #f7f7f7;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100vh;
  z-index: 1111;
}

.ChatContainer .TopHeader {
  width: 100%;
  padding: 10px 16px;
  font-weight: 600;
  font-size: 16px;
  border-bottom: 0.01rem solid #156b684d;
  color: #156b68;
}

.ChatContainer .ChatArea {
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 16px;
}

.ChatContainer .MessageList {
  display: flex;
  width: 100%;
  flex-direction: column;
  color: #454552;
}

.ChatContainer .Message {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 16px;
  text-align: left;
  margin-bottom: 5px;
}

.ChatContainer .Message .mediaimage-box {}

.ChatContainer .Message .mediaimage-box .downloadbtn {
  opacity: 0;
  visibility: hidden;
  transition: .3s all;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  -o-transition: .3s all;
}

.ChatContainer .Message .mediaimage-box:hover .downloadbtn {
  opacity: 1;
  visibility: visible;
}

.ChatContainer .Message:last-child {
  margin-bottom: 0;
}

.ChatContainer .Message strong {
  color: #156b68;
}

.ChatContainer .UserMessage {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  font-size: 16px;
}

.ChatContainer .lhs .lastseen {
  font-size: 12px;
  color: #c9c9c9;
}

.ChatContainer .rhs .lastseen {
  font-size: 12px;
  color: #646464;
}

.ChatContainer .OtherUser .lhs {
  margin-bottom: 5px;
  min-width: 140px;
  padding: 4px 12px;
  font-size: 15px;
  position: relative;
  display: inline-block;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
  background: #156c69;
  color: #e2e2e2;
  border: 1px solid transparent;
  border-radius: 0px 10px 10px 10px;
  -webkit-border-radius: 0px 10px 10px 10px;
  -moz-border-radius: 0px 10px 10px 10px;
  -ms-border-radius: 0px 10px 10px 10px;
  -o-border-radius: 0px 10px 10px 10px;
}

.ChatContainer .UserMessage .rhs {
  margin-bottom: 5px;
  min-width: 140px;
  padding: 4px 12px;
  font-size: 15px;
  position: relative;
  display: inline-block;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
  background: #156b6824;
  color: #000;
  border: 1px solid transparent;
  border-radius: 10px 10px 0 10px;
  -webkit-border-radius: 10px 10px 0 10px;
  -moz-border-radius: 10px 10px 0 10px;
  -ms-border-radius: 10px 10px 0 10px;
  -o-border-radius: 10px 10px 0 10px;
}

.ChatContainer .Message .otheruser-icon {
  display: flex;
  align-items: center;
  font-size: 14px;
  text-transform: capitalize;
  gap: 3px;
  font-weight: 600;
  margin-bottom: 5px;
}

.ChatContainer .Message .otheruser-icon img {
  width: 22px;
  min-width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #cbcbcb;
  background: #d9e3e3;
}

.ChatContainer .UserMessage strong {
  display: none;
}

.ChatContainer .UserMessage:first-child strong {
  display: inline-block;
}

.ChatContainer .LiveMsgBtn {
  border-top: 0.01rem solid #156b684d;
  padding: 6px 12px;
}

.ChatContainer .LiveMsgBtn .btn {
  color: #156b68;
}

.ChatContainer .BottomInput {
  bottom: 0;
  width: 100%;
  padding: 8px 12px;
  box-sizing: border-box;
  opacity: 1;
  background: transparent;
  color: #4f4f4f;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.ChatContainer .BottomInput::placeholder {
  color: #156b68;
}

.ChatContainer .BottomInput:focus-visible {
  background: transparent;
}

.ChatContainer .BottomInput:focus {
  outline: none;
  background: transparent;
  border: 1px solid #d6d6d6;
}

.ChatContainer .ChatArea .list-group .list-group-item {
  padding: 6px 6px;
  border: 0;
  background: #efefef;
  color: #156b68;
}

.ChatContainer .ChatArea .list-group .list-group-item span {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 500;
}

.ChatContainer .ChatArea .list-group .list-group-item .profile-pic {
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 3px;
  border-radius: 5px;
  margin-right: 10px;
  object-fit: cover;
  border: 1px solid #d7d7d7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ChatContainer .profile-pic {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  margin-right: 10px;
  object-fit: cover;
}

.live-footer .content .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 37px;
  text-wrap: nowrap;
}

.fa-solid.text-danger {
  font-size: inherit;
  padding-left: 0px;
}

.live-footer .content .btn.btn-icon {
  width: 37px;
  height: 37px;
  color: #156b68;
  transition: unset;
}

.live-footer .content .btn.btn-icon:hover i {
  color: #fff;
}

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

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

li.newli {
  margin-bottom: 10px;
}

li.newli .newcontent {
  display: grid;
  grid-template-columns: 125px auto;
  grid-gap: 20px;
  margin-bottom: 5px;
  align-items: center;
  padding: 5px;
  border-radius: 4px;
}

li.newli .newcontent .image-div {
  width: 125px;
  height: 88px;
}

.webinartabcs .nav-pills .nav-link {
  color: #000;
}

.webinartabcs .nav-pills .nav-link.active {
  background: #156b68;
  color: #fff;
}

li.newli .newcontent .image-div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

li.newli.active {
  border: 1px solid #156b68;
  background: #156b6824;
  color: #156a67;
}

section.search-bar .container .bottom-bar .log .exp .mega-menuc ul .active {
  border: 1px solid #156b68;
  background: #156b6824;
  color: #156a67;
}

section.webinartabs .nav-pills .nav-link.active,
section.webinartabs .nav-pills .show>.nav-link {
  background-color: #156b68;
}

section.webinartabs a.nav-link {
  color: #000;
}

.courseinner-header {
  height: 71px;
}

.btn-close:focus {
  box-shadow: none;
}

/* section.evdes .show-com::-webkit-scrollbar-track,
.show-com2::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: transparent;
}

section.evdes .show-com::-webkit-scrollbar,
.show-com2::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: rgb(225, 225, 225);
}

section.evdes .show-com::-webkit-scrollbar-thumb,
.show-com2::-webkit-scrollbar-thumb {
  border-radius: 0px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset;
  background-color: rgb(21 107 104);
} */

.line-loader {
  position: relative;
  width: 100%;
  height: 4px;
  background: #f3f3f3;
  overflow: hidden;
}

.line-loader::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #09f;
  animation: lineLoader 2s linear infinite;
}

@keyframes lineLoader {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.vidobj .video-container video {
  object-fit: contain !important;
}

/* .row.vidszoomin .lftwnd {
  width: 100%;
} */

/* .row.vidszoomin .rghtend {
  height: 0;
  width: 0;
  overflow: hidden;
} */

span.togglemeetbtn {
  position: fixed;
  right: 0;
  z-index: 11;
  top: 30px;
  cursor: pointer;
  display: none !important;
  color: white;
  padding: 4px;
  background: #156b68;
  width: 55px;
  height: 55px;
  border-radius: 50% 0px 0px 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* confrance page end */
.course-container {
  display: flex;
  height: 100vh;
}

.video-container {
  flex: 3;
  background: #000;
  position: relative;
}

.video-controls {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  position: absolute;
  bottom: 10px;
  width: 100%;
}

.sidebar {
  flex: 1;
  background: #f8f9fa;
  padding: 20px;
  overflow-y: auto;
}

.section {
  margin-bottom: 20px;
}

.section h4 {
  font-size: 16px;
  font-weight: bold;
}

.section ul {
  list-style: none;
  padding: 0;
}

.section li {
  padding: 10px;
  cursor: pointer;
  border-radius: 5px;
}

.section li:hover {
  background: #ddd;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  padding: 15px 20px;
}

.header .navbar-toggler {
  padding: 3px 5px;
  border: none;
}

.logo {
  font-size: 20px;
  font-weight: bold;
}

.course-title {
  flex-grow: 1;
  text-align: center;
}

.header-actions button {
  background: transparent;
  color: white;
  margin-left: 10px;
  cursor: pointer;
}

.course-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.video-container {
  flex: 3;
  background: #000;
  position: relative;
}

.video-controls {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  position: absolute;
  bottom: 10px;
  width: 100%;
}

.sidebar {
  flex: 1;
  background: #f8f9fa;
  padding: 20px;
  overflow-y: auto;
}

.section {
  margin-bottom: 20px;
}

.section h4 {
  font-size: 16px;
  font-weight: bold;
}

.section ul {
  list-style: none;
  padding: 0;
}

.section li {
  padding: 10px;
  cursor: pointer;
  border-radius: 5px;
}

.section li:hover {
  background: #ddd;
}

.modal-preview .modal-content {
  background: #000;
}

.modal-preview .modal-content .modal-header {
  background: #1d1e27;
  padding-bottom: 0;
  border: none;
  padding-top: 30px;
}

.modal-preview .modal-content .modal-body {
  background: #1d1e27;
}

.modal-preview .modal-content .modal-header .modal-title {
  color: #fff;
  font-size: 14px;
}

.modal-preview .modal-content .modal-header .btn-close {
  filter: invert(1) grayscale(0%) brightness(1);
}

.modal-preview .modal-content .modal-body {
  padding-top: 6px;
}

.modal-preview .modal-content .modal-body .course-name {
  font-size: 18px;
  margin-bottom: 40px;
}

.modal-preview .modal-content .modal-body .free-sample {
  font-size: 16px;
  font-weight: 700;
}

.modal-preview .preview-listing .listnew {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 20px;
  padding: 10px;
  border-radius: 4px;
}

.modal-preview .preview-listing .listnew.active {
  background: #595c73;
}

.text-sm {
  font-size: 14px !important;
}

.text-xs {
  font-size: 12px;
}

.courseinnersecnew .container {
  display: flex;
  align-items: flex-start;
}

.courseinnersecnew .container .intro {
  width: calc(100% - 416px);
}

.courseinnersecnew .container .intro .video-box {
  height: 440px;
}

.courseinnersecnew .container .cour-met {
  width: 100%;
  max-width: 416px;
  position: fixed;
  right: 0;
  background: #fff;
  top: 0;
  height: 100%;
}

.courseinnersecnew .container .cour-met .accordion-part {
  overflow: auto;
  height: calc(100% - 48px);
}

.courseinnersecnew .container .cour-met h3 {
  font-size: 16px;
}

.courseinnersecnew .container .cour-met .sidhesc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
}

.courseinnersecnew .container .intro .video-box video {
  height: 100%;
  background: #000;
}

.vjs-theme-forest {
  background: url("https://source.unsplash.com/1600x900/?forest") no-repeat center;
  background-size: cover;
  border-radius: 0px;
  overflow: hidden;
  cursor: pointer;
}

.vjs-theme-forest .vjs-control-bar {
  background: rgba(34, 49, 34, 0.8);
}

.vjs-theme-forest .vjs-play-control {
  color: #28a745;
}

.vjs-theme-forest .vjs-progress-holder {
  background: rgba(34, 139, 34, 0.5);
}

.vjs-big-play-button {
  top: 0;
  left: 0;
}

.video-btn.prev-btn {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 20px;
  background-color: #156b68;
  padding: 10px;
  border-radius: 5px;
}

.video-btn.next-btn {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 20px;
  right: 0;
  /* position: absolute;
  top: 50%; */
  background-color: #156b68;
  padding: 10px;
  border-radius: 5px;
}

/* ------------------------------------------ chitra -------------------------------------------------------- */
.get-started {
  margin-bottom: 60px;
  padding: 40px;
  border-radius: 8px;
  /* background: linear-gradient(to left,
      rgba(255, 209, 220, 0.5),
      rgba(202, 235, 249, 0.6)); */
}

.get-started span {
  font-size: 1.5rem;
  text-align: center;
  margin: 40px 0;
  font-weight: 500;
}

.get-started h4 {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 40px;
}

.get-started .instructions .instruction-item {
  display: grid;
  grid-template-columns: 200px 1fr;
  align-items: center;
  gap: 20px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.instructions .instruction-item {
  margin-bottom: 40px;
  padding: 20px 20px;
  display: grid;
  grid-gap: 20px;
  align-items: center;
  justify-content: space-between;
  grid-template-columns: 1fr auto;
}

.instructions .instruction-item:nth-child(n) {
  background: linear-gradient(to left,
      rgba(161, 128, 254, 0.1),
      rgba(202, 235, 249, 0.6));
}

.instructions .instruction-item:nth-child(2n) {
  background: linear-gradient(to right,
      rgba(202, 249, 226, 0.6),
      rgba(128, 201, 254, 0.1));
}

.instructions .instruction-item:nth-child(3n) {
  background: linear-gradient(to right,
      rgba(202, 212, 249, 0.6),
      rgba(168, 254, 128, 0.1));
}

.instructions .instruction-item:nth-child(4n) {
  background: linear-gradient(to right,
      rgba(248, 249, 202, 0.6),
      rgba(184, 254, 128, 0.1));
}

.get-started .instructions .instruction-item .rhgtinscon {
  width: fit-content;
}

.get-started .instructions .instruction-item .instruction-img img {
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
}

.get-started .instructions .instruction-item h3 {
  font-size: 1.3rem;
  font-weight: 600;
  margin: 20px 0;
}

.get-started .instructions .instruction-item p {
  font-size: 1rem;
  margin-top: 20px;
}

.review_div h3 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  max-width: 30rem;
}

.review_div h3 img {
  max-width: 34px;
  height: 34px;
}

.review_div .rating_star {
  display: flex;
  gap: 8px;
  margin-left: 50%;
}

.review_div .rating_star i {
  color: #ffd700;
  font-size: 30px;
}

/* draft course desins */

.draft-reminder {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 320px;
  z-index: 1050;
  border-radius: 12px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.draft-reminder h6 {
  font-weight: bold;
}

.actions button {
  margin-left: 5px;
}

.draft-reminder .list-group-item {
  border: none;
  padding: 10px 0;
  border-bottom: 1px solid #e9ecef;
}

.draft-reminder .progress {
  height: 8px;
  border-radius: 5px;
}

.draft-reminder .list-group-item strong {
  display: block;
  line-height: normal;
}

.draft-reminder .btn-close {
  /* background: none; */
  /* opacity: 1; */
}

/* Close button styling */
.close-btn {
  color: #dc3545;
  font-size: 18px;
  cursor: pointer;
}

.close-btn:hover {
  transform: scale(1.1);
}

.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,
.ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
  min-height: 10rem;
  max-height: 30rem;
}

.accordion-button::after {
  /* margin-left: 12px;
  margin-top: 12px; */
  color: black;
}

section.search-bar .container .bottom-bar .loginbtns .login-btn {
  font-size: 16px;
  font-weight: 500;
  border: none;
  background-color: #156b68;
  padding: 7px 15px;
  border-radius: 8px;
  color: white;
}

/* .modal .modal-dialog .form-control {
 
} */

section.banner-section .banner .banner-content .app-info .stats-section {
  text-align: center;
  width: 100%;
}

section.banner-section .banner .banner-content .app-info .stats-section .stats-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 4px;
}

section.banner-section .banner .banner-content .app-info .stats-section .stats-item span {
  font-weight: 600;
  font-size: 16px;
}

section.banner-section .banner .banner-content .app-info .stats-section .stats-item p {
  font-size: 16px;
  font-weight: 600;
}

.instructurebox .progress-bar {
  background: #156b68;
}

.instructurebox .progress-overlay {
  position: relative;
}

.instructurebox .progress-text {
  font-size: 14px;
  font-weight: 500;
  color: #156b68;
}

.my-purchase-cou .course-card.round.certificate-card {
  margin-bottom: 40px;
  padding: 40px;
  display: grid;
  grid-gap: 20px;
  align-items: center;
  justify-content: space-between;
  grid-template-columns: 1fr auto;
  border: 1px solid #f9f9f9;
}

.my-purchase-cou .course-card.round.certificate-card:nth-child(n) {
  background: linear-gradient(to left,
      rgba(161, 128, 254, 0.1),
      rgba(202, 235, 249, 0.6));
}

.my-purchase-cou .course-card.round.certificate-card:nth-child(2n) {
  background: linear-gradient(to right,
      rgba(202, 249, 226, 0.6),
      rgba(128, 201, 254, 0.1));
}

.my-purchase-cou .course-card.round.certificate-card:nth-child(3n) {
  background: linear-gradient(to right,
      rgba(202, 212, 249, 0.6),
      rgba(168, 254, 128, 0.1));
}

.my-purchase-cou .course-card.round.certificate-card:nth-child(4n) {
  background: linear-gradient(to right,
      rgba(248, 249, 202, 0.6),
      rgba(184, 254, 128, 0.1));
}

.mycourlists .course-card {
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.mycourlists .course-card:nth-child(n) {
  background: linear-gradient(to left,
      rgba(161, 128, 254, 0.1),
      rgba(202, 235, 249, 0.6));
}

.mycourlists .course-card:nth-child(2n) {
  background: linear-gradient(to right,
      rgba(202, 249, 226, 0.6),
      rgba(128, 201, 254, 0.1));
}

.mycourlists .course-card:nth-child(3n) {
  background: linear-gradient(to right,
      rgba(202, 212, 249, 0.6),
      rgba(168, 254, 128, 0.1));
}

.mycourlists .course-card:nth-child(4n) {
  background: linear-gradient(to right,
      rgba(248, 249, 202, 0.6),
      rgba(184, 254, 128, 0.1));
}

.bg-transimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 8px;
  overflow: hidden;
}

.bg-transimg .bg-layer {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #0000002b;
}

.bg-transimg img {
  object-fit: cover;
}

/* Checked State */
.why input[type="checkbox"]:checked {
  accent-color: #156b68;
  /* Green when checked */
}

.modal-quastion .modal-title {
  width: 100%;
  margin-right: -10px;
}

.draft-reminder .actions .btn {
  height: 34px;
  width: 34px;
  padding: 0;
  border-radius: 50%;
}

/* 8417 */

.react-datepicker-wrapper .react-datepicker__input-container input {
  border: 1px solid rgba(0, 0, 0, 0.175);
  border-radius: 5px;
  padding: 3px;
}

.react-datepicker__tab-loop .react-datepicker {
  border: 1px solid rgba(0, 0, 0, 0.175);
}

body .form-next a.next {
  padding: 6px 25px;
  height: auto;
  min-height: auto;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px;
}

.badge-free {
  background-color: rgb(252 158 17);
  border: 1px solid rgb(252 158 17);
  color: #fff;
  font-size: 12px;
  border-radius: 6px;
  padding: 4px 6px;
  margin-top: 4px;
  /* margin-right: 10px; */
  width: fit-content;
}


.leave-meeting-box .dropdown-toggle::after {
  display: none;
}

.leave-meeting-box .btn-danger {
  background: #de2828;
}

.leave-meeting-box .btn-danger:hover {
  background: #ca2424;
}
















/* video-conference-system page */
.video-conference-system .video-main-bar {
  max-width: calc(100% - 8%);
  margin: auto;
}

.video-conference-system .footbtn {
  width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 12px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  line-height: normal;
  padding: 4px 0;
}

.nnnnnn>.agrvid>div {
  width: 207px !important;
  height: 110px !important;
}

.video-conference-system .footbtn:hover {
  background: #ffffff17;
  color: #fffc;
}

.ChatArea button.btn:disabled {
  background: #ffffff !important;
}

/*  */
.video-conference-system .main-screen-bar video {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
}


.video-conference-system .main-screen-bar .ss-user-image {
  max-width: 200px;
  max-height: 200px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.participants-bar .userfirstname {
  height: 80px;
  width: 80px;
  color: #fff;
  background: #156b68;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
}

.endbtnblock {
  min-width: 180px;
}