:root {
  --berkeleyBlue: #003262;
  --glaiforniaGold: #fdb514;
  --foundersRock: #2c647f;
  --lawrence: #01b0da;
}

body {
  font-family: 'Heebo', sans-serif;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

a,
a:hover {
  text-decoration: none;
  transition: .4s ease-in-out;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -ms-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
}

.lines-1, .lines-2, .lines-3, .lines-4, .lines-5, .lines-6 {
  display: -webkit-box !important;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.lines-1 {
  -webkit-line-clamp: 1;
}
.lines-2 {
  -webkit-line-clamp: 2;
}
.lines-3 {
  -webkit-line-clamp: 3;
}
.lines-4 {
  -webkit-line-clamp: 4;
}
.lines-5 {
  -webkit-line-clamp: 5;
}
.lines-6 {
  -webkit-line-clamp: 6;
}

.chat-btns {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 5;
}
.chat-btns a {
  display: block;
  padding: .8rem .7rem;
  color: #fff;
  font-size: 1.1rem;
  text-align: center;
}
.chat-btns a.facebook {
  background-color: #3b5998;
}
.chat-btns a.whatsapp {
  background-color: #4dc247;
}
.chat-btns a.telegram {
  background-color: #28a7e7;
}

.loaders {
  position: fixed;
  z-index: 999999;
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -ms-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}
.loaders img {
  max-width: 200px;
  -webkit-animation: fadeAnimation 1s infinite;
  animation: fadeAnimation 1s infinite;
}
@-webkit-keyframes fadeAnimation {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes fadeAnimation {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

/* START => Header */
header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.4);
}
.topbar-one {
  background-color: var(--foundersRock);
}
.topbar-one > .container {
  padding-top: 6.5px;
  padding-bottom: 6.5px;
  display: flex;
  justify-content: space-between;
}
.topbar-one__right,
.topbar-one__left {
  display: flex;
}
.topbar-one__right a,
.topbar-one__left a {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  transition: color .4s ease;
}
.topbar-one__right a:hover,
.topbar-one__left a:hover {
  color: var(--glaiforniaGold);
}
.topbar-one__right a+a,
.topbar-one__left a+a {
  margin-left: 25px;
}
.btn-account {
  color: #fff;
  padding: 1rem;
}
.btn-account:hover {
  color: #fff;
}
.dropdown-account .dropdown-menu {
  inset: 20px 0 auto auto !important;
  border-radius: 0 0 6px 6px;
  min-width: 13rem;
  padding: 1rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border: 0;
  transition: 0.5s;
  transform: translate(0) !important;
}
.dropdown-menu.show {
  inset: 40px auto auto 0 !important;
  transform: translate(0) !important;
}
.dropdown-account .dropdown-menu a {
  font-size: 14px;
  display: block;
}
.dropdown-account .dropdown-menu hr {
  margin: 1rem auto;
}
.dropdown-account .dropdown-menu .link-login a {
  text-align: center;
  /* background-color: var(--berkeleyBlue); */
  border: 2px solid var(--berkeleyBlue);
  color: var(--berkeleyBlue);
  border-radius: 5px;
  padding: .5rem;
  display: block;
}
.dropdown-account .dropdown-menu .link-login a:hover {
  background-color: var(--berkeleyBlue);
  border: 2px solid var(--berkeleyBlue);
  color: #fff;
}
.or-reg {
  position: relative;
}
.or-reg span {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  color: #B15B5B;
  z-index: 1;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.dropdown-account .dropdown-menu .link-register a {
  color: #B15B5B;
  text-align: center;
  padding: .2rem .5rem;
  border-radius: 5px;
}
.dropdown-account .dropdown-menu .link-register a:hover {
  background-color: rgba(177, 91, 91, 0.1);
  color: #B15B5B;
}
.dropdown-account .dropdown-menu .link-item a {
  color: #444;
  display: block;
  padding: .5rem;
}
.dropdown-account .dropdown-menu .link-item a:hover {
  color: var(--berkeleyBlue);
}
.dropdown-account .dropdown-menu .link-langs a {
  text-align: center;
  color: #444;
}
.dropdown-account .dropdown-menu .link-langs a:hover {
  color: var(--berkeleyBlue);
}
.dropdown-toggle::after {
  content: unset;
}
nav ul.menu > li .dropdown-menu.show {
    /* transform: translate(0, 55px) !important; */
}

.btn-toggle-menu {
  display: none;
}
.logo {
  width: 15%;
  padding: 5px;
}
.logo a {
  display: block;
}
.logo a img {
  max-height: 100px;
}

.right-header {
  /* width: 80%; */
}
.right-header .top-right {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.right-header .top-right a {
  color: #fff;
  padding: 1rem 1rem;
  font-size: 1.2rem;
  display: inline-block
}
.right-header .top-right a:hover {
  color: var(--glaiforniaGold);
}
nav ul.menu {
  display: flex;
  align-items: center;
}
nav ul.menu > li {
  position: relative;
}
nav ul.menu > li > a {
  padding: 1rem .4rem;
  color: #fff;
  font-size: 1rem;
  display: inline-block;
}
nav ul.menu > li > a:hover {
  color: var(--glaiforniaGold);
}
nav ul.menu > li > a.dropdown-toggle::after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  border: 0;
  vertical-align: middle;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
nav ul.menu > li > a.dropdown-toggle.show::after {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}
nav ul.menu > li .dropdown-menu {
  min-width: 220px;
  padding: 0px 0px;
  background-color: #fff;
  box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
nav ul.menu > li .dropdown-menu>li {
  display: block;
  position: relative;
  transition: all .4s ease;
}
nav ul.menu > li .dropdown-menu>li+li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
nav ul.menu > li .dropdown-menu>li>a {
  font-size: 14px;
  color: #444;
  font-weight: 500;
  padding: 6px 10px;
  display: block;
  line-height: 26px;
  white-space: nowrap;
  position: relative;
  transition: all .4s ease;
}
nav ul.menu > li .dropdown-menu>li:hover>a {
  color: #fff;
  background: var(--glaiforniaGold);
}

.icons-cart a {
  color: #fff;
  font-size: 1rem;
  position: relative;
  display: inline-block;
  padding: 0 1.3rem;
}
.icons-cart a:hover {
  color: var(--glaiforniaGold);
}
.icons-cart a .num-count {
  position: absolute;
  top: -15px;
  right: -10px;
  background-color: var(--lawrence);
  color: #fff;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 13px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
/* //END => Header */

/* START => Home Slides */
.home-slider,
.home-slider .owl-stage-outer,
.home-slider .owl-stage,
.home-slider .owl-item,
.home-slider .item {
  height: 100vh;
}

.home-slider .item {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: end;
}
.home-slider .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 51, 98, 0.5);
}

.home-slider .item .img-slide {
  width: 100%;
  height: 100%;
}

.home-slider .item .img-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.home-slider .item .item-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

.home-slider .item .item-txt span {
  color: #fff;
  padding-left: .2rem;
  display: block;
  margin-bottom: 1rem;
}

.home-slider .item .item-txt h1 {
  font-size: 50px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 1rem;
}

.home-slider .item .item-txt p {
  max-width: 700px;
  margin: auto;
  text-align: center;
  color: #fff;
  font-size: 2rem;
}

.home-slider.owl-theme .owl-nav {
  position: absolute;
  left: 115px;
  bottom: 19px;
  color: var(--lawrence);
}

.home-slider.owl-theme .owl-nav>button {
  background-color: transparent;
  border: 2px solid var(--lawrence);
  color: var(--lawrence);
  padding: .3rem 1rem !important;
  font-size: 14px;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}

.home-slider.owl-theme .owl-nav>button:focus,
.home-slider.owl-theme .owl-nav>button:hover {
  outline: 0;
  border-color: var(--berkeleyBlue);
  background-color: var(--berkeleyBlue);
  color: #fff;
}

/* Feel free to change duration  */
.animated {
  -webkit-animation-duration: 1000 ms;
  animation-duration: 1000 ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* .owl-animated-out - only for current item */
/* This is very important class. Use z-index if you want move Out item above In item */
.owl-animated-out {
  z-index: 1
}
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */
.owl-animated-in {
  z-index: 0
}
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.animate-300ms {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}
.animate-500ms {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
}
.animate-200ms {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animate-400ms {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}
.animate-600ms {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
}
.animate-800ms {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}
.animate-100ms {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
}

.courses-first {
  position: absolute;
  bottom: 25px;
  right: 50px;
  z-index: 1;
  transform: translate(0);
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  display: flex;
  align-items: center;
}
.btn_frame,
.courses-first a {
  margin: auto .2rem;
  /* padding: 1.5rem 1rem; */
  /* border: 1px solid var(--glaiforniaGold); */
  color: #fff;
  /* background-color: rgba(253, 179, 20, 0.4); */
  font-size: 1.1rem;
  font-weight: bold;
  /* border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%; */
  width: 280px;
  /* height: 130px; */
  /* text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; */
  /* background-image: url(../imgs/bg-btns/1.svg);
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat; */
  position: relative;
  display: block;
  margin: auto;
  margin-top: 1rem;
}
.courses-first a img {
  width: 100%;
}
.btn_frame span,
.courses-first a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 1;
}

.cls-1{fill:#c4baa9;}
.cls-1{fill:#c4baa9;}
.cls-1{fill:#c4baa9;}
.cls-2{fill:#19667e;}
.cls-2{fill:#19667e;}
.cls-2{fill:#19667e;}
.cls-2 {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
a:hover .cls-2 {
  fill: var(--glaiforniaGold);
  /* background-color: var(--glaiforniaGold); */
}
/* //END => Home Slides */

/* START => Section About Us */
.section-aboutus {
  background-color: #f5f5f5;
}
.img-about {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}
.btn-play-vid {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  border-radius: 50%;
  background-color: rgba(253, 179, 20, 0.5);
  border: 1px solid var(--glaiforniaGold);
  color: #fff;
  font-size: 2rem;
  cursor: pointer;
  z-index: 1;
  animation: shadow-pulse 1s infinite;
  -webkit-animation: shadow-pulse 1s infinite;
}
.btn-play-vid:hover {
  color: #fff;
}
@-webkit-keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(253, 179, 20, 0.5);
  }

  100% {
    box-shadow: 0 0 0 35px rgba(253, 179, 20, 0.0);
  }
}
@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(253, 179, 20, 0.5);
  }

  100% {
    box-shadow: 0 0 0 35px rgba(253, 179, 20, 0.0);
  }
}
.txt-about strong {
  color: #333;
}
.txt-about p {
  color: #444;
  line-height: 28px;
  text-align: justify;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.btn-more {
  background-color: transparent;
  border: 1px solid var(--berkeleyBlue);
  color: var(--berkeleyBlue);
  padding: 15px 2rem;
  margin-top: 1rem;
  border-radius: 5px;
  transition: all .5s;
  display: inline-block;
}
.btn-more:hover {
  color: #FFF;
  background-color: var(--glaiforniaGold);
  border: 1px solid var(--glaiforniaGold);
}
/* //END => Section About Us */

/* START => Courses */
.sec-title {
  margin-bottom: 5rem;
}
.sec-title strong {
  font-weight: bold;
  color: var(--berkeleyBlue);
}

.cls-1dh {
  fill: #c4baa9;
}
.cls-2dh {
  fill: #19667e;
}

.course-item {
  position: relative;
  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 310.91 464.35'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23c4baa9;%7D.cls-2%7Bfill:%2319667e;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M14.49,135H82.66c-.69,2.61-1.24,7.81-1.64,10.54H21.49c-12.74,0-11.33,13.5-11.33,13.5l.66,282c0,13.5,12.67,13,12.67,13H286.16s12.41,1.61,12.41-11.72V156.71s1.59-11.16-12.41-11.16H233.29c-.4-2.73-.94-7.93-1.63-10.54h64.83c15.67,0,14.13,14.71,14.13,14.71l.29,302c0,13-11.75,12.63-11.75,12.63h-284S0,464.71,0,449.38v-298S-1.17,135,14.49,135Z'/%3E%3Cpath class='cls-1' d='M28.07,137H42.13a26.78,26.78,0,0,0-3.08-.59s7.17-21.79,43.59-29c0,0-16.72-5.37-16.72-23.28,0,0-3.29-15.53,23-28.36,0,0,56.42-24.78,66-39.11,0,0,21.8,20.9,60.91,35.53,0,0,29.25,12.23,29.25,31.64,0,0,2.09,17.32-17.91,22.39,0,0,31.94,7.17,45.08,29.26,0,0-1.73.53-4.4,1.48h14.76c-4.27-7.94-15-24.41-34.54-32.83a33.66,33.66,0,0,0,5.37-24.78,39.81,39.81,0,0,0-18.81-26s-13.44-9.55-39.4-20.3c0,0-34.33-15.82-40.31-33.14,0,0-4.77,17.32-27.46,26.87,0,0-39.41,18.51-43.59,21.19,0,0-27.16,13.14-27.16,37.92,0,0,0,11,5.67,18.21C62.34,104.19,38.42,115.77,28.07,137Z'/%3E%3Cpath class='cls-2' d='M155.33,71.69a82,82,0,1,0,82,82A82,82,0,0,0,155.33,71.69Zm0,155.07a73.08,73.08,0,1,1,73.08-73.07A73.08,73.08,0,0,1,155.33,226.76Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%; */
  /* height: 100vh; */
}
.course-item .img-frame {
  /* position: absolute; */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.top-title-course {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  color: var(--berkeleyBlue);
  font-weight: bold;
  font-size: 1.5rem;
  text-align: center;
  text-shadow: 0 2px 2px rgba(0, 51, 98, 0.3);
}
.course-item .course-content {
  /* padding-top: 14rem; */
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 1.5rem 1rem;
  text-align: center;
}
.course-item .course-content .course-lecture {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  width: 80%;
  margin: auto;
  text-align: center;
  padding: .2rem 0;
}
.course-item .course-content .course-lecture a {
  color: #444;
  display: inline-block;
  font-size: 13px;
}
.course-item .course-content .course-lecture a img {
  margin: auto .3rem;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-block;
}
.course-item .course-content .course-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--berkeleyBlue);
  margin: 8px 0;
  display: block;
}
.course-item .course-content .course-title:hover {
  color: var(--glaiforniaGold);
}
.course-item .course-content .course-type {
  color: var(--foundersRock);
  font-size: 12px;
  margin-bottom: .2rem;
}
.course-item .course-content .course-price {
  margin: .5rem auto;
}
.course-item .course-content .course-price span {
  color: var(--glaiforniaGold);
  font-weight: bold;
  font-size: 1.2rem;
}
.course-item .course-content .course-price del {
  color: #777;
  font-size: 14px;
}
.course-item .course-content .course-time {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #f1f1f1;
  padding-top: 6px;
  margin-top: 12px;
}
.course-item .course-content .course-time span {
    color: #81868a;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    line-height: 1em;
    transition: all .4s ease;
  }
.course-item .course-content .course-time span i {
  font-size: 14px;
  color: var(--glaiforniaGold);
  margin-right: 5px;
  transition: all .4s ease;
}
.course-item .course-content .far.fa-heart {}

.course-details__image {
  height: 400px;
  overflow: hidden;
}
.course-details__image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.post-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
.post-pagination a {
  border-radius: 50%;
  background-color: #f1f1f1;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #012237;
  transition: all .4s ease;
}
.post-pagination a:hover,
.post-pagination a.active {
  background-color: #012237;
  color: #fff;
}
.post-pagination a+a {
  margin-left: 15px;
}
/* //END => Courses */

/* START => Gallery */
.grid-item {
  width: 100%;
  height: 250px;
  overflow: hidden;
  display: block;
  margin-bottom: .1rem;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.grid-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.3s ease-in-out;
}
.grid-item:hover::before {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.grid-item i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
  transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.grid-item:hover i {
  transform: translate(-50%, -50%) scale(2);
  -webkit-transform: translate(-50%, -50%) scale(2);
  -moz-transform: translate(-50%, -50%) scale(2);
  -ms-transform: translate(-50%, -50%) scale(2);
  -o-transform: translate(-50%, -50%) scale(2);
  color: var(--glaiforniaGold);
}
.grid-item img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
/* //END => Gallery */

/* START => lecturers */
.item-team {
  margin-bottom: 2rem;
  transition: all .4s ease;
  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 310.62 464.35'%3E%3Cdefs%3E%3Cstyle%3E.cls-01%7Bfill:%23c4baa9;%7D.cls-02%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpolygon class='cls-01' points='0 135.01 0 464.35 310 464.35 310.62 135.01 0 135.01'/%3E%3Crect class='cls-02' x='7.55' y='143.02' width='291' height='311'/%3E%3Cpath class='cls-02' d='M167.9,57.48c6.57,0,4.3-7.58-1.36-7.58-6.57,0-4.3,7.58,1.36,7.58Z'/%3E%3Cpath class='cls-01' d='M28,137H42.11a27.19,27.19,0,0,0-3.08-.59s7.17-21.79,43.59-29c0,0-16.72-5.37-16.72-23.28,0,0-3.29-15.53,23-28.36,0,0,56.42-24.78,66-39.11,0,0,21.8,20.9,60.91,35.53,0,0,29.25,12.23,29.25,31.64,0,0,2.09,17.31-17.91,22.39,0,0,31.94,7.17,45.08,29.26,0,0-1.73.53-4.4,1.48h14.75c-4.26-7.94-15-24.41-34.53-32.83a33.66,33.66,0,0,0,5.37-24.78,39.81,39.81,0,0,0-18.81-26s-13.44-9.55-39.4-20.3c0,0-34.33-15.82-40.31-33.14,0,0-4.78,17.32-27.46,26.87,0,0-39.41,18.51-43.59,21.19,0,0-27.16,13.14-27.16,37.92,0,0,0,11,5.67,18.21C62.32,104.19,38.4,115.77,28,137Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 310.91 464.35'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23c4baa9;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M14.49,135H82.66c-.69,2.61-1.24,7.81-1.64,10.54H21.49c-12.74,0-11.33,13.5-11.33,13.5l.66,282c0,13.5,12.67,13,12.67,13H286.16s12.41,1.61,12.41-11.72V156.71s1.59-11.16-12.41-11.16H233.29c-.4-2.73-.94-7.93-1.63-10.54h64.83c15.67,0,14.13,14.71,14.13,14.71l.29,302c0,13-11.75,12.63-11.75,12.63h-284S0,464.71,0,449.38v-298S-1.17,135,14.49,135Z'/%3E%3Cpath class='cls-1' d='M28.07,137H42.13a26.78,26.78,0,0,0-3.08-.59s7.17-21.79,43.59-29c0,0-16.72-5.37-16.72-23.28,0,0-3.29-15.53,23-28.36,0,0,56.42-24.78,66-39.11,0,0,21.8,20.9,60.91,35.53,0,0,29.25,12.23,29.25,31.64,0,0,2.09,17.32-17.91,22.39,0,0,31.94,7.17,45.08,29.26,0,0-1.73.53-4.4,1.48h14.76c-4.27-7.94-15-24.41-34.54-32.83a33.66,33.66,0,0,0,5.37-24.78,39.81,39.81,0,0,0-18.81-26s-13.44-9.55-39.4-20.3c0,0-34.33-15.82-40.31-33.14,0,0-4.77,17.32-27.46,26.87,0,0-39.41,18.51-43.59,21.19,0,0-27.16,13.14-27.16,37.92,0,0,0,11,5.67,18.21C62.34,104.19,38.42,115.77,28.07,137Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.cls-01 {fill: var(--glaiforniaGold) !important;}
.cls-02 {fill: var(--berkeleyBlue) !important;}
.item-team:hover {
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}
.team-one__image {
  text-align: center;
  margin: auto;
  /* margin-bottom: -103px; */
  width: 170px;
  height: 170px;
  position: absolute;
  left: 50%;
  top: 70px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  border: 7px solid var(--foundersRock);
}
.team-one__image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
}
.item-team:hover .team-one__image>img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.team-content {
  text-align: center;
  /* border: 2px solid #f1f1f1; */
  padding-bottom: 25px;
  padding-top: 280px;
  padding-left: 10px;
  padding-right: 10px;
}
.team-name {
  font-size: 18px;
  font-weight: 600;
  color: var(--berkeleyBlue);
  margin: 0;
  display: block;
  margin-bottom: .5rem;
}
.team-name a {
  color: inherit;
  transition: all .4s ease;
}
.team-name a:hover {
  color: var(--glaiforniaGold);
}
.team-text {
  margin: 0;
  font-size: 1rem;
  color: #81868a;
  font-weight: 500;
  line-height: 30px;
}
.team-social {
  background-color: #f1f1f1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 11.5px;
  padding-bottom: 11.5px;
}

button.btn-details,
a.btn-details {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 50px;
  margin: auto;
  margin-top: 1rem;
  color: #fff;
}
button.btn-details span,
a.btn-details span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 1;
}

.team-social a {
  font-size: 14px;
  color: #81868a;
  transition: all .4s ease;
}

.team-social a:hover {
  color: var(--glaiforniaGold);
}

.team-social a + a {
  margin-left: 28px;
}
/* //END => lecturers */

/* START => News */
.item-news .img__news > a {
  display: block;
  position: relative;
  overflow: hidden;
  height: 250px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.item-news .img__news > a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.80);
  transition: all 0.5s;
  opacity: 0;
}
.item-news:hover .img__news > a::before {
  opacity: 1;
}
.item-news .img__news > a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.item-news .img__news a i {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  z-index: 9;
  transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transform: translate(-50%, -50%) scale(0);
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
}
.item-news:hover .img__news a i {
  transform: translate(-50%, -50%) scale(1);
}
.item-news .img__news a:hover i {
  color: var(--glaiforniaGold);
}
.item-news .inf__news {
  padding-top: 20px;
}
.item-news .inf__news .date {
  position: relative;
  display: inline-block;
  height: 45px;
  border-bottom: 3px solid #dadada;
  transition: all 700ms ease 500ms;
  text-transform: uppercase;
}
.item-news .inf__news .date strong {
  color: var(--berkeleyBlue);
}
.item-news .inf__news .by__name {
  color: var(--berkeleyBlue);
  font-weight: bold;
}
.item-news .inf__news .by__name b {
  color: #666;
}
.item-news .inf__news a.title__news {
  color: #27282c;
  font-size: 18px;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.item-news .inf__news .desc__news {
  color: #828282;
  overflow: hidden;
  height: 50px;
}
.item-news .inf__news .link__more {
  color: #27282c;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  text-transform: capitalize;
  font-family: 'Rubik', sans-serif;
  transition: all 500ms ease;
}
.item-news .inf__news a.title__news:hover,
.item-news .inf__news .link__more:hover {
  color: var(--glaiforniaGold);
}
.item-news .inf__news .link__more i {
  transition: .5s;
}
.item-news .inf__news .link__more:hover i {
  transform: translateX(10px);
}
/* //END => News */

/* START => Footer */
footer {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
footer .title-footer {
  font-weight: bold;
}
.footer-links a {
  color: var(--berkeleyBlue);
  display: block;
}
.footer-links a:hover {
  color: var(--glaiforniaGold);
}
.footer-links .links a {
  padding-bottom: .5rem;
}
.contact_social-links a,
footer .social-links li,
footer .social-links a {
  display: inline-block;
  margin: auto 3px;
}
.contact_social-links i,
footer .social-links i {
  color: #FFF;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  transition: .5s;
}
.contact_social-links a:hover i,
footer .social-links a:hover i {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.contact_social-links a .fa-facebook-f,
footer .social-links a .fa-facebook-f {
  background-color: #3b5998
}
.contact_social-links a .fa-twitter,
footer .social-links a .fa-twitter {
  background-color: #55acee
}
.contact_social-links a .fa-google-plus-g,
footer .social-links a .fa-google-plus-g {
  background-color: #dd4b39
}
.contact_social-links a .fa-instagram,
footer .social-links a .fa-instagram {
  background-color: #e95950;
  background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
.contact_social-links a .fa-linkedin-in,
footer .social-links a .fa-linkedin-in {
  background-color: #007bb5
}
.contact_social-links a .fa-youtube,
footer .social-links a .fa-youtube {
  background-color: #e95950
}
.contact_social-links a .fa-snapchat,
footer .social-links a .fa-snapchat {
  background-color: #ffcd36;
}
.footer-copyright {
  background-color: var(--berkeleyBlue);
  color: #fff;
}
/* //END => Footer */

/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/

/* START => inner-banner */
.inner-banner {
  background-color: #011928;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: bottom;
  position: relative;
}
.inner-banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #011928;
  opacity: 0.5;
}
.inner-banner .container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 190px;
  padding-bottom: 1.5rem;
}
.inner-banner__title {
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: #fff;
  margin-top: 1rem;
}
.inner-banner__title.btn_frame {
  width: 300px;
  font-size: 1.2rem;
}
.thm-breadcrumb {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.thm-breadcrumb li {
  font-size: 20px;
  text-transform: capitalize;
}
.thm-breadcrumb li a {
  color: #fff;
}
.thm-breadcrumb li+li::before {
  content: '.';
  color: #fff;
  margin-left: 15px;
  margin-right: 15px;
}
/* //END => inner-banner */

/* START => Page About Us */
.static-txt-style {
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  line-height: 1.8 !important;
  color: #444 !important;
}
.static-txt-style ul li {
  position: relative;
  line-height: 2 !important;
  padding: 0 1.5rem;
  font-size: 1rem !important;
}
.static-txt-style ul li::before {
  content: "\f0c8";
  position: absolute;
  right: 0;
  top: 3px;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 13px;
}
.static-txt-style ul li >ul > li::before {
  content: unset;
}
.static-txt-style strong {
  color: var(--foundersRock) !important;
}
.static-txt-style img {
  max-height: 500px;
  margin: auto;
  display: block;
}
/* //END => Page About Us */

/* START => Page Courses */
.sidebar {
  background-color: transparent;
  box-shadow: 0 2px 10px #ddd;
  border-radius: 10px;
  overflow: hidden;
}
.title-filter {
  border-radius: 10px 10px 0 0;
  background-color: var(--berkeleyBlue);
}
.title-filter strong {
  padding: 1rem;
  color: #fff;
}
.sidebar article {
  padding: 1rem 0;
}
.sidebar article h4 {
  margin-bottom: 0;
  padding: 0 .5rem 1rem .5rem;
  border-bottom: 1px solid #ddd;
  font-size: 1.3rem;
  font-weight: bold;
}
.sidebar article ul {
  padding: .5rem 0;
}
input[type="submit"].btn-filter {
  all: unset;
  box-sizing: border-box;
  background-color: var(--berkeleyBlue);
  border: 1px solid var(--berkeleyBlue);
  color: #fff;
  padding: 1rem 0;
  display: block;
  width: 70%;
  margin: auto;
  text-align: center;
  font-weight: 600;
  font-size: 1.2rem;
  letter-spacing: 1px;
  border-radius: 10px;
  transition: .5s;
  cursor: pointer;
}
input[type="submit"].btn-filter:hover {
  background-color: var(--glaiforniaGold);
  border: 1px solid var(--glaiforniaGold);
  box-shadow: 0 2px 10px #fff;
  transform: translateY(-5px);
}
.scroll-y {
  max-height: 300px;
  overflow: hidden;
  overflow-y: scroll;
}
.scroll-y::-webkit-scrollbar {
  width: 4px;
}
.scroll-y::-webkit-scrollbar-track {
  border-radius: 10px;
}
.scroll-y::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: var(--berkeleyBlue);
}
.scroll-y::-webkit-scrollbar-thumb:window-inactive {
  background: #999;
}

.container-checkbox {
  display: block;
  position: relative;
  padding: 5px 0px 5px 25px;
  margin-bottom: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #555;
  font-size: 1rem;
}
.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.container-checkbox .checkmark {
  position: absolute;
  top: 6px;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 4px;
  background-color: #eee;
  border: 1px solid #ddd;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.container-checkbox:hover input~.checkmark {
  background-color: #ccc;
}
.container-checkbox input:checked~.checkmark {
  background-color: var(--berkeleyBlue);
}
.container-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container-checkbox input:checked~.checkmark:after {
  display: block;
}
.container-checkbox .checkmark:after {
  left: 5px;
  top: 1px;
  width: 8px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.container-checkbox.container-radiobox {
  display: block;
  position: relative;
  padding: 5px 0px 5px 25px;
  margin-bottom: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #555;
  font-size: 1rem;
}
.container-checkbox.container-radiobox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.container-checkbox.container-radiobox .checkmark {
  position: absolute;
  top: 6px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border: 1px solid #ddd;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.container-checkbox.container-radiobox:hover input~.checkmark {
  background-color: #ccc;
}
.container-checkbox.container-radiobox input:checked~.checkmark {
  background-color: var(--foundersRock);
}
.container-checkbox.container-radiobox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container-checkbox.container-radiobox input:checked~.checkmark:after {
  display: block;
}
.container-checkbox.container-radiobox .checkmark:after {
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--berkeleyBlue);
  background-color: #fff;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

/*************************************************************/

.title-sorts {
  background-color: #fff;
  padding: .5rem 1rem;
  border: 1px solid #eee;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.title-sorts .right-sorting > div {
  margin: auto .5rem;
}
.title-sorts .right-sorting .selectric {
  border: 1px solid #EEE;
  background: transparent;
  width: 120px;
}
.title-sorts .right-sorting .selectric .button {
  background-color: transparent;
  color: var(--berkeleyBlue);
}
.title-sorts .right-sorting .selectric .button:after {
  border-top-color: var(--berkeleyBlue);
}
.title-sorts .right-sorting > div span {
  margin: auto .5rem;
  font-size: 14px;
}
.title-sorts .right-sorting .selectric-items li:hover,
.title-sorts .right-sorting .selectric-items li.highlighted {
  background: var(--berkeleyBlue);
  color: #fff;
}

.btn-close-filter,
.btn-filter-mobile {
  display: none;
}
/* //END => Page Courses */

/* START => Page Course Details */
.info-course {
  background-color: var(--berkeleyBlue);
}
.info-course .lecture-name-img {
  text-align: center;
}
.info-course .lecture-name-img .img-lecture {
  height: 220px;
  width: 220px;
  margin: auto;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
}
.info-course .lecture-name-img .img-lecture img {
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.info-course .lecture-name-img strong {
  padding: 1rem 0;
  font-weight: bold;
  color: var(--glaiforniaGold);
}
.info-course .right-info {}
.info-course .right-info strong.title {
  color: var(--glaiforniaGold);
  font-weight: bold;
}
.info-course .right-info strong {
  line-height: 1.7;
  color: #ddd;
}
.info-course .right-info strong b {

}
.info-course .right-info strong.price {
  font-size: 1.8rem;
  color: var(--glaiforniaGold);
  text-align: center;
}

.course-details .static-txt-style p {
  font-size: 1rem;
}

.course-details {
  /* padding: 120px 0; */
}

.course-details .list-unstyled {
  margin-bottom: 0;
}

.course-details .course-one__category {
  position: relative;
  top: auto;
  left: auto;
  transform: translate(0);
}

.course-details__author {
  display: flex;
  align-items: center;
  color: #81868a;
  font-size: 18px;
  font-weight: 500;
}

.course-details__author a {
  color: #2da397;
  margin-left: 10px;
}

.course-details__author img {
  width: 53px;
  border-radius: 50%;
  margin-right: 20px;
}

.course-details__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.course-details__title {
  font-size: 2.2rem;
  font-weight: 600;
  color: #012237;
  margin: 0;
  margin-bottom: 5px;
}
.course-details__progress-item {
  align-items: center;
  display: flex;
}

.course-details__progress-text {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  min-width: 100px;
}

.course-details__progress-count {
  margin: 0;
  font-family: "Satisfy";
}

.course-details__progress-bar {
  position: relative;
  width: 210px;
  height: 2px;
  background-color: #f1f1f1;
  margin-left: 20px;
  margin-right: 20px;
}

.course-details__progress-bar span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #f16101;
}

.course-details__progress-bar span.no-bubble:before {
  display: none;
}

.course-details__progress-bar span:before {
  content: '';
  width: 15px;
  height: 15px;
  background-color: #f16101;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.course-details__review-box {
  width: 237px;
  height: 237px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  background-color: #f1f1f1;
}

.course-details__review-count {
  margin: 0;
  line-height: 1em;
  font-size: 60px;
  color: #2da397;
  margin-bottom: 5px;
}

.course-details__review-stars {
  font-size: 24px;
  line-height: 1em;
  margin-bottom: 15px;
}

.course-details__review-stars i {
  color: #f16101;
}

.course-details__review-text {
  margin: 0;
  line-height: 1em;
  font-size: 12px;
  color: #81868a;
  letter-spacing: .2em;
}

.course-details__tab-navs {
  display: flex;
  background-color: #f1f1f1;
  margin-top: 30px;
  margin-bottom: 0;
}
.course-details__tab-navs li {
  line-height: 1em;
}
.course-details__tab-navs li a {
  color: #81868a;
  font-size: 18px;
  font-weight: 500;
  display: block;
  padding: 30.5px 50px;
  transition: all .4s ease;
  position: relative;
}
.course-details__tab-navs li a::before {
  content: '';
  width: 35px;
  height: 10px;
  background-color:  var(--glaiforniaGold);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) scaleY(0);
  transform-origin: top center;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  transition: transform .4s ease;
}
.course-details__tab-navs li a:hover,
.course-details__tab-navs li a.active {
  background-color:  var(--glaiforniaGold);
  color: #fff;
}
.course-details__tab-navs li a:hover:before,
.course-details__tab-navs li a.active:before {
  transform: translateX(-50%) scaleY(1);
}
.course-details__tab-content {
  border-style: solid;
  border-width: 2px;
  border-color: #f1f1f1;
  padding: 50px;
}

.course-details__tab-content .course-details__meta-icon {
  width: 30px;
  height: 30px;
}
.course-details__tab-content .course-details__meta-icon i {
  font-size: 12px;
}
.course-details__tab-content .course-details__meta-icon:before {
  border-width: 1px;
}
.course-details__tab-content .course-details__meta-icon.video-icon {
  background-color: #7c4bc0;
}
.course-details__tab-content .course-details__meta-icon.video-icon:before {
  border-color: #7c4bc0;
}
.course-details__tab-content .course-details__meta-icon.file-icon {
  background-color: #f16101;
}
.course-details__tab-content .course-details__meta-icon.file-icon:before {
  border-color: #f16101;
}
.course-details__tab-content .course-details__meta-icon.quiz-icon {
  background-color: #d23f3f;
}
.course-details__tab-content .course-details__meta-icon.quiz-icon:before {
  border-color: #d23f3f;
}
.course-details__tab-text {
  margin: 0;
  font-size: 16px;
  line-height: 34px;
  font-weight: 500;
  color: #81868a;
}
.course-details__tab-title {
  font-size: 20px;
  color: #012237;
  font-weight: 600;
  margin: 0;
}
.course-details__overview-list li {
  color: #f16101;
  font-size: 16px;
  font-weight: 500;
}
.course-details__curriculum-list li {
  display: flex;
  justify-content: space-between;
  padding-top: 22.5px;
  padding-bottom: 22.5px;
  border-bottom: 1px solid #f1f1f1;
}
.course-details__curriculum-list li:first-child {
  padding-top: 0;
}
.course-details__curriculum-list-left {
  display: flex;
  align-items: center;
}
.course-details__curriculum-list-left a {
  font-size: 16px;
  font-weight: 600;
  color: #012237;
}
.course-details__curriculum-list-left a.file_down,
.course-details__curriculum-list-left span {
  font-size: 12px;
  color: #81868a;
  font-weight: 500;
  background-color: #f1f1f1;
  display: inline-block;
  vertical-align: middle;
  line-height: 22px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 15px;
}
.course-details__curriculum-list-left a.file_down:hover {
  background-color: var(--berkeleyBlue);
  color: #fff;
}
.course-details__curriculum-list-right {
  font-size: 16px;
  font-weight: 500;
  color: #81868a;
}
.lectureimg.lectureimg-details_img {
  width: auto;
  height: auto;
}
.course-details__price {
  background-color: #f1f1f1;
  text-align: center;
  padding: 50px;
}
.course-details__price-text {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #81868a;
  text-transform: uppercase;
  letter-spacing: .2em;
  line-height: 1em;
}
.course-details__price-amount {
  margin: 0;
  color: #012237;
  font-size: 30px;
  font-weight: 600;
  line-height: 1em;
  margin-top: 10px;
}
.course-details__price-amount {
  color: var(--glaiforniaGold);
}
.course-details__price-amount del {
  font-size: 16px;
  color: #999;
}
.thm-btn {
  display: inline-block;
  vertical-align: middle;
  border: none;
  outline: none;
  background-color: var(--glaiforniaGold);
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  padding: 6.5px 27px;
  transition: all .4s ease;
}
.thm-btn:hover {
  background-color: var(--berkeleyBlue);
  color: #fff;
}
.course-details__price-btn {
  padding-top: 11.5px;
  padding-bottom: 11.5px;
  width: 100%;
  margin-top: 30px;
}
.course-details__meta {
  margin-top: 30px;
  margin-bottom: 30px;
  border-style: solid;
  border-width: 2px;
  border-color: #f1f1f1;
}
.course-details__meta-link {
  display: flex;
  align-items: center;
  color: #81868a;
  font-size: 18px;
  font-weight: 500;
  padding: 16px 20px;
  transition: all .4s ease;
}
.course-details__meta-link:hover {
  color: #f16101;
}
.course-details__meta-link:hover .course-details__meta-icon::before {
  left: 0;
}
.course-details__meta-link span {
  color: #012237;
  margin-left: 15px;
}
.course-details__meta-link:nth-child(1) .course-details__meta-icon {
  background-color: #1888c9;
}
.course-details__meta-link:nth-child(1) .course-details__meta-icon::before {
  border-color: #1888c9;
}
.course-details__meta-link:nth-child(2) .course-details__meta-icon {
  background-color: #7c4bc0;
}
.course-details__meta-link:nth-child(2) .course-details__meta-icon::before {
  border-color: #7c4bc0;
}
.course-details__meta-link:nth-child(3) .course-details__meta-icon {
  background-color: #f16101;
}
.course-details__meta-link:nth-child(3) .course-details__meta-icon::before {
  border-color: #f16101;
}
.course-details__meta-link:nth-child(4) .course-details__meta-icon {
  background-color:  var(--glaiforniaGold);
}
.course-details__meta-link:nth-child(4) .course-details__meta-icon::before {
  border-color:  var(--glaiforniaGold);
}
.course-details__meta-link:nth-child(5) .course-details__meta-icon {
  background-color: #d23f3f;
}
.course-details__meta-link:nth-child(5) .course-details__meta-icon::before {
  border-color: #d23f3f;
}
.course-details__meta-link:nth-child(6) .course-details__meta-icon {
  background-color: #33a9bb;
}
.course-details__meta-link:nth-child(6) .course-details__meta-icon::before {
  border-color: #33a9bb;
}
.course-details__meta-link+.course-details__meta-link {
  border-top: 2px solid #f1f1f1;
}
.course-details__meta-icon {
  width: 40px;
  height: 40px;
  background-color:  var(--glaiforniaGold);
  border-radius: 50%;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  position: relative;
}
.course-details__meta-icon:before {
  content: '';
  position: absolute;
  left: -5px;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid;
  border-color:  var(--glaiforniaGold);
  transition: all .4s ease;
}
.course-details__meta-icon i {
  color: #fff;
  font-size: 16px;
}
.course-details__list {
  border-style: solid;
  border-width: 2px;
  border-color: #f1f1f1;
  padding: 30px;
}
.course-details__list-title {
  margin: 0;
  color: #012237;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
}
.course-details__list-item {
  display: flex;
  align-items: center;
}
.course-details__list-item+.course-details__list-item {
  border-top: 2px solid #f1f1f1;
  padding-top: 18px;
  margin-top: 18px;
}
.course-details__list-img {
  width: 67px;
  margin-right: 30px;
}
.course-details__list-img>img {
  width: 100%;
}
.course-details__list-content {
  width: calc(100% - 67px);
}
.course-details__list h3 {
  font-size: 16px;
  font-weight: 600;
  color: #81868a;
  margin: 0;
  line-height: 1em;
  margin-top: 10px;
  margin-bottom: 10px;
}
.course-details__list h3 a {
  color: inherit;
  transition: all .4s ease;
}
.course-details__list h3 a:hover {
  color: var(--glaiforniaGold);
}
.course_price.course_price_sidebar span {
  font-size: 1rem;
}
.course_price.course_price_sidebar del {
  font-size: 13px;
}

.course-details .accordion-button:not(.collapsed) {
  background-color: rgb(253, 181, 20, 0.7);
  color: #fff;
}
.course-details .accordion-button:focus {
  z-index: 3;
  border-color: var(--glaiforniaGold);
  outline: 0;
  box-shadow: unset;
}
.accordion-button::after {
  background-image: unset;
  content: "\f106";
  font-family: "Font awesome 5 Free";
  font-weight: 600;
  font-size: 1.5rem;
}
.accordion-button:not(.collapsed)::after {
  background-image: unset;
}

.list_tips li {
  line-height: 1.8;
}
/* //END => Page Course Details */

/* START => Page Lecture Details */
.static-txt-style p i {
  width: 25px;
  text-align: center;
}
.lectureimg {
  height: 350px;
  width: 350px;
  margin: auto;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  pointer-events: none;
}
.lectureimg img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/* //END => Page Lecture Details */

/* START => Page News Details */
.sidebar-news {}
.sidebar-news .title {
  background-color: var(--berkeleyBlue);
  padding: .7rem 1rem;
  text-align: center;
}
.sidebar-news .title strong {
  color: #fff;
  margin: 0;
  font-weight: bold;
}
.items-articles > article {
  border-bottom: 1px solid #ddd;
}
.sidebar-news article .img {
  width: 200px;
  overflow: hidden;
  display: inline-block;
  margin: .5rem;
}
.sidebar-news article .img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sidebar-news article .title-news {
  font-size: 14px;
  color: #444;
}
.sidebar-news article:hover a {
  color: var(--glaiforniaGold);
}
/* //END => Page News Details */

/* START => Contact Us */
.google-map iframe {
  width: 100% !important;
  height: 512px !important;
}
.ct_title {
  color: #555555;
  font-weight: 500;
  margin-bottom: 15px;
}
.contact_adress {
  background-color: #f9f9f9;
  height: 100%;
  padding: 2rem;
}
.ct_address p {
  color: #555555;
  line-height: 28px;
  margin-bottom: 35px;
  font-size: 1rem;
}
.address_wrapper .address {
  display: flex;
  margin-bottom: 15px;
}
.address_wrapper .address .icon {
  min-width: 35px;
}
.address_wrapper .address .icon i {
  color: #555555;
  font-size: 22px;
}
.address_wrapper .address .contact-info-text a,
.address_wrapper .address .contact-info-text p {
  color: #555555;
  margin: 0;
  font-size: 1rem;
}
.address_wrapper .address .contact-info-text p span {
  font-weight: 600;
}
.address_wrapper .address .contact-info-text a:hover {
  color: var(--glaiforniaGold);
}
.contact_form {
  padding: 1rem;
  border: 1px solid #ddd;
}
.contact_form .input_box input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #dddddd;
  border-radius: 3px;
  color: #252525;
  height: 45px;
  margin-bottom: 20px;
  padding: 0 20px;
  text-transform: capitalize;
  width: 100%;
}
.contact_form textarea {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-radius: 3px;
  height: 150px;
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;
}
.contact-form .form-control {
  background: transparent;
  font-size: 14px;
  color: #252525;
  padding: 1rem;
}
.contact-info {
  text-align: center;
}
.contact-info .icon {
  width: 88px;
  height: 88px;
  border: 1px solid #62ab00;
  color: #62ab00;
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  border-radius: 50%;
}
.contact-info .icon i {
  font-size: 30px;
}
.contact-info .content .title {
  font-weight: 600;
  color: #333;
  font-size: 18px;
}
.btn-booking {
  display: inline-block;
  padding: .8rem 2rem;
  background-color: var(--berkeleyBlue);
  color: #fff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border: 0;
  outline: none;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.btn-booking:focus, .btn-booking:hover {
  background-color: var(--glaiforniaGold);
  color: #fff;
  border: 0;
  outline: none;
}
/* //END => Contact Us */

/* START => Page Visual and Audio and Reading */
.nav-gallery {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-gallery li {
  margin: auto 1rem;
}
.nav-gallery li a {
  padding: 1rem;
  display: block;
  width: 200px;
  text-align: center;
  background-color: var(--berkeleyBlue);
  color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.nav-gallery li a.active,
.nav-gallery li a:hover {
  background-color: var(--glaiforniaGold);
}

.item-gallery {
  display: block;
  height: 220px;
  overflow: hidden;
  position: relative;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}
.item-gallery img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.item-gallery i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  color: #fff;
  z-index: 1;
}
.item-gallery:hover i {
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
}
.item-gallery::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.3s ease-in-out;
}
.item-gallery:hover::before {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.cookiePolicy {
  display: none !important;
}

.item-reading-libs {
  margin-bottom: 1.5rem;
}
.item-reading-libs .img-book {
  height: 250px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}
.item-reading-libs .img-book img {
  height: 100%;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}
.links-callactions {
  /* display: flex; */
  justify-content: space-around;
  padding: 1rem;
}
.links-callactions a {
  width: 90%;
  display: block;
  padding: .2rem .3rem;
  background-color: var(--berkeleyBlue);
  text-align: center;
  color: #fff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
.links-callactions a:first-child {
  margin-bottom: 5px;
}
.links-callactions a:hover {
  background-color: var(--glaiforniaGold);
}
.links-callactions a i {
  margin: auto 6px;
}

.form-search-libs {
  width: 75%;
  margin: auto;
}
.form-search-libs input {
  padding: 1.2rem;
}
/* //END => Page Visual and Audio and Reading */

/* START => Page Gallery */
.form-select-year {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 1rem;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
.form-select-year .selectric .label {
  font-size: 1rem;
  /* line-height: 50px; */
  color: #444;
  height: 50px;
  font-weight: bold;
}
.form-select-year .selectric .button {
  height: 50px;
}
.form-select-year .selectric-items li {
  font-size: 1rem;
}
.item-alboum {
  overflow: hidden;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}
.item-alboum .img-alboum {
  display: block;
  height: 196px;
  overflow: hidden;
}
.item-alboum .img-alboum img {
  width: 100%;
}
.item-alboum .inf-alboum {
  text-align: center;
  padding: 2rem 1rem 1rem 1rem;
  border: 1px solid #ddd;
  border-top: 0;
  position: relative;
  border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  -ms-border-radius: 0 0 15px 15px;
  -o-border-radius: 0 0 15px 15px;
}
.item-alboum .inf-alboum strong {
  display: block;
  font-size: 14px;
  margin-bottom: 1rem;
  position: absolute;
  top: -16.5px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  padding: 5px 10px;
  color: #fff;
  background-color: var(--glaiforniaGold);
  z-index: 1;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}
.item-alboum .inf-alboum a {
  display: block;
  color: var(--berkeleyBlue);
  font-weight: bold;
  font-size: 1.1rem;
}
.item-alboum .inf-alboum a:hover {
  color: var(--glaiforniaGold);
}
/* //END => Page Gallery */

/* START => Page Cart */
.items-cart {
  box-shadow: 0 0 10px #ddd;
  padding: 1rem;
  margin-bottom: 1.5rem;
  position: relative;
  overflow: hidden;
}
.items-cart .img__cart img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
}
.items-cart .inf__cart a.title {
  color: #666;
  font-weight: bold;
  margin-bottom: .5rem;
  font-size: 1.5rem;
}
.items-cart .inf__cart p {
  color: #666;
}
.items-cart .inf__cart .user__by img {
  max-width: 100%;
  max-height: 30px;
}
.items-cart .inf__cart a.user__by {
  font-size: 12px;
}

.min-add-button label {
  display: inline-block;
  font-size: 14px;
  color: #666;
  font-weight: bold;
}
.min-add-button a.input-group-addon {
  display: block;
  background-color: var(--berkeleyBlue);
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
}
.min-add-button .adults {
  color: #555;
  border: 0;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  outline: none;
  width: 70px;
}

.cart-total-prices {
  background-color: #2c3e50;
  color: #fff;
  padding: 2.5rem 1rem;
}
.cart-total-prices hr {
  border-top: 1px solid rgb(189, 189, 189);
}
.btn_checkout {
  padding: 10px;
  display: block;
  margin-left: auto;
  text-align: center;
  background-color: var(--berkeleyBlue);
  color: #fff;
  border-radius: 30px;
}
.btn_checkout:hover {
  background-color: var(--glaiforniaGold);
  color: #fff;
}

.remove__this {
  color: #fff;
  background-color: tomato;
  width: 60%;
  margin: auto;
  font-size: 13px;
}
.remove__this:hover {
  background-color: #f00;
  color: #fff;
}
/* //END => Page Cart */

/* START Page => Profile */
.box-profile {
  /* padding: 0 2rem; */
}
.title-box-profile strong {
  color: #333;
}
.title-box-profile span {
  color: #333;
}
.sidebar-profile {
  background-color: var(--foundersRock);
  border-right: 1px solid #ddd;
  height: 100%;
}
.sidebar-profile strong {
  color: #fff;
  font-weight: bold;
  display: block;
  padding: 1rem;
}
.sidebar-profile ul li {
  display: block;
  padding: 0 .5rem;
}
.sidebar-profile ul li a {
  padding: 1rem .5rem;
  display: block;
  color: #fff;
  font-size: 1rem;
  position: relative;
  overflow: hidden;
  font-weight: bold;
  border-bottom: 1px dashed rgba(221, 221, 221, 0.5);
}
.sidebar-profile ul li a i {
  width: 40px;
  text-align: center;
}
.sidebar-profile ul li a.active,
.sidebar-profile ul li a:hover {
  color: var(--glaiforniaGold);
}
.profile-details form label {
  color: #333;
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: .5rem;
}
.profile-details form .form-control {
  padding: .8rem 1rem;
  outline: none;
}
.profile-details form .form-control:focus {
  box-shadow: 0 5px 10px #ddd;
}
.cart-section .table a.title {
  color: var(--glaiforniaGold);
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.cart-section .table a.title:hover {
  color: var(--berkeleyBlue);
}
.btn-toggle-menu {
  display: none;
}
.delete_item {
  cursor: pointer;
  color: #333;
  padding: 4px;
  border-radius: 2px;
  opacity: .5;
}
.delete_item:hover {
  color: #f00;
  opacity: 1;
}
.profile-details .cart-section tbody tr td {
  min-width: auto;
}
.cart-section tbody tr td a img,
.cart-section tbody tr td p img {
  height: 70px;
}
.cart-section tbody tr td a,
.cart-section tbody tr td h2 {
  font-size: calc(12px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.profile-details .cart-section thead th {
  font-size: 14px;
  text-transform: capitalize;
}
.profile-details .cart-section .btn.btn-primary {
  color: #fff;
  font-size: 13px;
  padding: .3rem 0.2rem;
}

@media (max-width: 767px) {
  .sidebar-profile {
    border-right: 0;
  }
  .title__profile {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding-bottom: 1rem;
  }
  .btn-toggle-menu {
    display: block;
    cursor: pointer;
  }
  .sidebar-profile > ul {
    position: fixed;
    top: 0;
    left: -250px;
    width: 250px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
  }
  .sidebar-profile > ul.show {
    left: 0;
  }
  .profile-details .table, .profile-details .table * {
    display: block;
    border: 0;
  }
  .profile-details .table tr {
    border: 1px solid #ddd;
    padding: 1rem;
    text-align: center;
    margin-bottom: .5rem;
  }
  .profile-details .table tr .btn-searchnow {
    font-size: 13px;
    width: 50%;
    display: inline-block;
  }
  .profile-details .table tr .btn-searchnow i {
    display: inline-block;
  }

  .profile-details .cart-section .table thead {
    display: none;
  }
  .profile-details .cart-section tbody tr td:nth-last-child(-n+4) {
    display: block;
  }
}

.table-mycourses .table>:not(:first-child) {
  border-top: 1px solid var(--berkeleyBlue);
}
.table-mycourses table .table-dark {
  border-bottom: 1px solid var(--berkeleyBlue);
}
.table-mycourses table .table-dark tr th {
  background-color: var(--berkeleyBlue);
}
.table-mycourses table th,
.table-mycourses table td {
  font-size: 13px;
}
.table-mycourses table td a {
  color: var(--colorOne);
  font-weight: 500;
}
.table-mycourses table td a:hover {
  color: var(--colorTwo);
}
.table-mycourses table td a.btn-canceled {
  font-size: 13px;
  background-color: tomato;
  color: #fff;
  padding: 2px 4px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.table-mycourses table td a.btn-canceled:hover {
  background-color: #f00;
}
.btn_canceled {
  color: tomato;
}
@media (max-width: 767px) {
  .table-mycourses .table, .table-mycourses .table * {
    display: block;
    border: 0;
    margin: auto;
  }
  .table-mycourses .table tr {
    border: 1px solid #ddd;
    padding: 1rem;
    text-align: center;
    margin-bottom: .5rem;
  }
  .table-mycourses .table tr .btn-searchnow {
    font-size: 13px;
    width: 50%;
    display: inline-block;
  }
  .table-mycourses .table tr .btn-searchnow i {
    display: inline-block;
  }

  .table-mycourses .table thead {
    display: none;
  }
  .table-mycourses tbody tr td:nth-last-child(-n+4) {
    display: block;
  }
}
/* //END Page => Profile */

/* START => Page  */
/* //END => Page  */


/* START => Page Register */
.form-register {
  width: 900px;
  margin: auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 2rem;
}
.selectric .label,
.form-register .form-control {
  padding: 1rem;
  line-height: 1.5;
  font-weight: 400;
  height: auto;
}

.link_have {
  color: var(--berkeleyBlue);
}
.link_have:hover {
  color: var(--glaiforniaGold);
}

.chk-agree a {
  color: var(--berkeleyBlue);
}
.chk-agree a:hover {
  color: var(--glaiforniaGold);
}
/* //END => Page Register */

/**************************************************************************/
/**************************************************************************/
/**************************************************************************/
/**************************************************************************/

.contact_us h6 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
.contact_us p a {
  color: var(--berkeleyBlue);
  font-size: 1.5rem;
  font-weight: bold;
}
.chat-btns.chat-us {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  transform: translate(0);
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
}
.chat-btns.chat-us a {
  margin: auto 1rem;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}


/* START => Our Happy Clients */
.sec-happyclients {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: relative;
  z-index: 1;
}
.sec-happyclients::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.sec-happyclients .sec-title strong {
  color: #fff;
}
.sec-title p {
  color: #777;
}

.sec-happyclients .swiper-container {
}
.sec-happyclients .swiper-container .swiper-button-next,
.sec-happyclients .swiper-container .swiper-button-prev {
  font-weight: bold;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--foundersRock);
  color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  outline: none;
}
.sec-happyclients .swiper-container .swiper-button-next {right: 0;}
.sec-happyclients .swiper-container .swiper-button-prev {left: 0;}
.sec-happyclients .swiper-container .swiper-button-next:focus,
.sec-happyclients .swiper-container .swiper-button-prev:focus,
.sec-happyclients .swiper-container .swiper-button-next:hover,
.sec-happyclients .swiper-container .swiper-button-prev:hover {
  background-color: var(--glaiforniaGold);
}

.sec-happyclients .swiper-container .swiper-button-next:after,
.sec-happyclients .swiper-container .swiper-button-prev:after {
  font-size: 1.5rem;
}
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,0));
}

.swiper-button-next:after,
.swiper-button-prev:after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
}
.swiper-button-next:after {content: "\f061";}
.swiper-button-prev:after {content: "\f060";}

.item-testi {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 930.85 482.91'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23c4baa9;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M110.14,242.38s-6.66,3.81-2.38,8.57l7.14,10.95s5.72,5.71,2.86,8.57c0,0-3,3.59-9.05-3.33,0,0-24.75-19.52-25.7-40,0,0,1-24.17,23.8-18.1,0,0,12.38,3.34,12.38,17.14C119.19,226.19,118.24,240,110.14,242.38Z'/%3E%3Cpath class='cls-1' d='M152.51,242.38s-6.66,3.81-2.38,8.57l7.14,10.95s5.72,5.71,2.86,8.57c0,0-3,3.71-9-3.33,0,0-24.76-19.52-25.71-40,0,0,.49-23.91,23.8-18.1,0,0,12.38,3.34,12.38,17.14C161.56,226.19,160.61,240,152.51,242.38Z'/%3E%3Cpath class='cls-1' d='M817.89,237.14s6.67-3.8,2.39-8.56l-7.15-11s-5.71-5.71-2.85-8.56c0,0,3-3.6,9,3.33,0,0,24.76,19.52,25.71,40,0,0-1,24.16-23.8,18.09,0,0-12.38-3.34-12.38-17.14C808.85,253.33,809.8,239.52,817.89,237.14Z'/%3E%3Cpath class='cls-1' d='M775.52,237.14s6.67-3.8,2.38-8.56l-7.14-11s-5.71-5.71-2.85-8.56c0,0,3-3.72,9,3.33,0,0,24.76,19.52,25.71,40,0,0-.49,23.9-23.8,18.09,0,0-12.38-3.34-12.38-17.14C766.48,253.33,767.43,239.52,775.52,237.14Z'/%3E%3Cpath class='cls-1' d='M718,43.59V65.44a39.52,39.52,0,0,0,.91-4.78s33.85,11.13,45,67.69c0,0,8.34-26,36.17-26,0,0,24.11-5.11,44,35.7,0,0,38.49,87.64,60.75,102.48,0,0-32.46,33.85-55.19,94.59,0,0-19,45.44-49.15,45.44,0,0-26.89,3.25-34.77-27.81,0,0-11.14,49.61-45.45,70,0,0-.83-2.68-2.3-6.84v22.93c12.33-6.62,37.91-23.36,51-53.65,0,0,15.3,12.06,38.48,8.35,0,0,26-4.18,40.34-29.21,0,0,14.84-20.88,31.53-61.21,0,0,24.58-53.32,51.47-62.6,0,0-26.89-7.42-41.73-42.65,0,0-28.75-61.22-32.92-67.71,0,0-20.4-42.19-58.89-42.19,0,0-17.16,0-28.28,8.81C769,96.83,751,59.67,718,43.59Z'/%3E%3Cpath class='cls-1' d='M212.82,43.59V65.44a41.56,41.56,0,0,1-.91-4.78s-33.85,11.13-45,67.69c0,0-8.34-26-36.16-26,0,0-24.12-5.11-44.06,35.7,0,0-38.49,87.64-60.75,102.48,0,0,32.47,33.85,55.19,94.59,0,0,19,45.44,49.15,45.44,0,0,26.89,3.25,34.78-27.81,0,0,11.13,49.61,45.44,70,0,0,.83-2.68,2.3-6.84v22.93c-12.32-6.62-37.91-23.36-51-53.65,0,0-15.3,12.06-38.49,8.35,0,0-26-4.18-40.34-29.21,0,0-14.83-20.88-31.53-61.21,0,0-24.58-53.32-51.47-62.6,0,0,26.89-7.42,41.74-42.65,0,0,28.74-61.22,32.91-67.71,0,0,20.4-42.19,58.89-42.19,0,0,17.16,0,28.29,8.81C161.83,96.83,179.82,59.67,212.82,43.59Z'/%3E%3Cpath class='cls-1' d='M704.79,405.73v38.74c0,21.74-17.35,19.28-17.35,19.28H243.87c-20.71,0-18.21-19.29-18.21-19.29V405.73h-16v58.93s-.56,18.25,19.63,18.25l469.07-.45s22.85,2.39,22.85-21.95V405.73Z'/%3E%3Cpath class='cls-1' d='M209.61,89.71h16V36.48s-.82-19.67,20.15-19.67l438-1s21-2.18,21,17.61V89.71h16.37V22.51C721.16-1.82,695.72,0,695.72,0H232.86c-23.81,0-23.25,23.51-23.25,23.51Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.item-testi .team-content {
  text-align: center;
  padding-bottom: 60px;
  padding-top: 60px;
  padding-left: 100px;
  padding-right: 100px;
}
.item-testi .text-title {
  font-weight: 500;
  color: #fff;
  font-size: 1.2rem;
  margin-bottom: .8rem;
}
.item-testi .text-sub-comment {
  color: #fff;
  font-weight: bold;
  color: var(--glaiforniaGold);
  margin-bottom: .3rem;
}
.item-testi .text-name {
  font-weight: 400;
  color: #fff;
}
.item-testi .text-comment {
  margin-top: 1rem;
  color: #fff;
}
/* .cls-1d21 {
  fill: #c4baa9;
} */
.add-comments-form {}
.add-comments-form .btn-more {
  color: var(--glaiforniaGold);
  border-color: var(--glaiforniaGold);
}
.add-comments-form .btn-more:hover {
  color: #fff;
}
#modal-form-inquery .form-control {
  font-size: .9rem;
  padding: 1rem;
}
.box-tags a {
  background-color: var(--berkeleyBlue);
  color: #fff;
  margin: .5rem;
  padding: 1rem;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}
.box-tags a:hover {
  background-color: var(--glaiforniaGold);
}
/* //END => Our Happy Clients */


/* Pathes */
.box-path {
  /* width: 90%; */
  margin: auto;
}
.head-title {
  background-color: var(--berkeleyBlue);
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.head-title .titles {}
.head-title .titles strong.h1 {
  color: #fff;
  font-weight: bold;
}
.head-title .titles strong.h4 {
  color: var(--glaiforniaGold);
}
.head-title .logo img {
  width: 70px;
}
.items-path {
  margin: 1.5rem auto auto auto;
}
.items-path .item {
  margin: 2rem auto;
  display: flex;
  align-items: center;
}
.items-path .item .title-item {
  max-width: 25%;
  flex: 0 0 25%;
}
.items-path .item .title-item a {
  background-color: var(--berkeleyBlue);
  color: #fff;
  position: relative;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  padding: 2rem 1rem;
  text-align: center;
  font-size: 1.4rem;
  display: block;
  font-weight: bold;
}
.items-path .item .title-item a sub {
  display: inline-block;
  position: absolute;
  bottom: -7px;
  left: 50%;
  padding: 10px 5px;
  font-size: 10px;
  color: #fff;
  background-color: var(--glaiforniaGold);
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.items-path .item .title-item a span {
  background-color: #198754;
  color: #fff;
  position: absolute;
  top: -8px;
  right: 25px;
  width: 40px;
  height: 40px;
  font-size: 1.2rem;
  font-weight: normal;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.items-path .item .title-item.step_1 {
  max-width: 100%;
  flex: 0 0 100%;
}
.items-path .item .title-item.step_1 a {
  width: 100%;
}
.items-path .item .sup-titles {
  display: flex;
  align-items: center;
  justify-content: space-around;
  max-width: 75%;
  flex: 0 0 75%;
  margin: auto;
  padding: 0 1rem;
}
.items-path .item .sup-titles a {
  /* background-color: var(--glaiforniaGold);
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold; */
  color: #fff;
  font-size: 1.1rem;
  font-weight: bold;
  width: calc(100% / 3);
  position: relative;
  text-align: center;
}
.cls-101 {fill: var(--foundersRock);}
.cls-201 {fill: var(--glaiforniaGold);}
.items-path .item .sup-titles a:hover {
  /* background-color: var(--foundersRock); */
}
.items-path .item .sup-titles a span.title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 1;
  width: 100%;
}
.items-path .item .sup-titles span.levels {
  background-color: #198754;
  color: #fff;
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 50%;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  padding: 5px 0;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.items-path .item .sup-titles a:hover span.levels {
  background-color: var(--glaiforniaGold);
}
.items-path .item .sup-titles a sup {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: var(--berkeleyBlue);
  color: #fff;
  padding: 10px;
  font-size: 13px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

.items-path .item .sub_title {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  margin-top: 1rem;
  color: var(--glaiforniaGold);
}
.items-path .item .title-item.step_1 a:hover {
  background-color: var(--glaiforniaGold);
}
.items-path .item .title-item.step_1 a:hover .sub_title {
  color: var(--berkeleyBlue);
}


.items-path .item .sup-titles.egaza-sup_titles {
  max-width: 100%;
  flex: 0 0 100%;
  padding: 2rem;
  flex-wrap: wrap;
  grid-row-gap: 1rem;
  /* column-gap: 1px; */
}
.items-path .item .sup-titles.egaza-sup_titles > div {
  width: calc(100% / 3 - 10px);
}
.items-path .item .sup-titles.egaza-sup_titles a {
  color: var(--berkeleyBlue);
  font-size: 1rem;
  font-weight: bold;
  width: 100%;
  position: relative;
  text-align: center;
  display: inline-block;
}
.items-path .item .sup-titles.egaza-sup_titles a:hover {
  color: #fff;
}
.items-path .item .sup-titles.egaza-sup_titles a span.title {
  width: 70%;
}
.items-path .item .sup-titles.egaza-sup_titles a svg .cls-201 {
  fill: var(--glaiforniaGold);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.items-path .item .sup-titles.egaza-sup_titles a:hover svg .cls-201 {
  fill: var(--berkeleyBlue);
}

.library-item {}
.library-item .library-image {
  overflow: hidden;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}
.library-item .library-image img {}
.library-item .library-content {}
.library-item .library-content .library-title {
  color: #444;
  font-size: 1.1rem;
  font-weight: bold;
}
.library-item .library-content .library-title:hover {
  color: var(--glaiforniaGold);
}



/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/

.bg_gr {
  background: rgb(44,100,127);
  background: radial-gradient(circle, rgba(44,100,127,1) 0%, rgba(0,50,98,1) 100%);
}
.box-cert {
  background-color: #fff;
  /* height: 500px; */
  position: relative;
  border: 8px solid var(--glaiforniaGold);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 4rem 2rem;
}
.box-cert::before, .box-cert::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  border-color: var(--berkeleyBlue) transparent transparent transparent;
  border-style: solid;
  border-width: 50px 150px 50px 150px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.box-cert::after {
  bottom: 0;
  border-color: transparent transparent var(--berkeleyBlue) transparent;
}

.logo-cert {
  position: absolute;
  top: 30px;
  left: 50px;
}
.box-cert p {
  color: var(--berkeleyBlue);
  font-weight: bold;
  font-size: 20px;
}
.logo-cert img {}
.txt-box-cert {}
.besmla {}
.besmla p:last-child {
  color: var(--glaiforniaGold);
}
.intro_cert {}
.name_cert {}
p.course_name {}
p.precentage_cert {}
p.otro_cert {}

.footer_cert {
  display: flex;
  justify-content: space-between;
}
.footer_cert > div {
  max-width: 33.33%;
  flex: 0 0 33.33%;
  text-align: center;
}
.academy_name {}
.img_logo_footer {}
.academy_manager {}
.manager_name {}
.academy_manager img {}

@media print {
  .noprint {
    display: none !important;
  }
}



/* =========================================================================== */
.item-exam {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 1rem;
  color: #444;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.item-exam:hover {
  color: #444;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
}
.item-exam .title-exam {
  display: block;
  color: #444;
  font-weight: 700;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
}
.item-exam:hover .title-exam {
  color: var(--lawrence);
}
.item-exam span {
  font-weight: bold;
}
.item-exam span i {
  width: 30px;
  text-align: center;
}

.questions {
  border: 1px solid #eee;
  padding: 1rem;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.question {
  justify-content: space-between;
  border-bottom: 1px solid #f5f5f5;
}
.question_block .question_txt {
  font-weight: 600;
}
.question_block .check_result {
  max-width: 50%;
  flex: 0 0 50%;
}
.question_block .check_result > label {
  width: 100px;
}

.question_block .check_multi .container-checkbox.container-radiobox .checkmark {
  padding: 4px;
  width: 100%;
  display: inline-block;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  top: 0;
}
.question_block .check_multi .container-checkbox.container-radiobox .checkmark:after {
  width: 100%;
  height: 100%;
  background-color: var(--berkeleyBlue);
  border: 0;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  z-index: -1;
}
.question_block .check_multi .container-checkbox input:checked~.checkmark {
  color: #fff;
}
.question_block .check_multi > label {
  margin: auto .4rem;
  width: 100%;
}
/* =========================================================================== */


/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/


.section_intro {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.section_intro .tab-intro {
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0;
  position: relative;
  z-index: 1;
  transition: all 1s linear;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -o-transition: all 1s linear;
}
.section_intro .tab-intro:hover {
  background-position: 100%;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}
.section_intro .tab-intro::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: -1;
}
.section_intro .tab-intro img {
  max-height: 170px;
  transition: all 1s linear;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -o-transition: all 1s linear;
}
.section_intro .tab-intro:hover img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/


.items-chats {
  max-height: 800px;
  overflow: hidden;
  overflow-y: scroll;
}
.items-chats::-webkit-scrollbar {
  width: 12px;
}
.items-chats::-webkit-scrollbar-track {
  border-radius: 10px;
}
.items-chats::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: var(--orangeColor);
}
.items-chats::-webkit-scrollbar-thumb:window-inactive {
  background: var(--orangeColor);
}

.item-chat {
  padding: .3rem 1rem 1rem;
  color: #fff;
  width: 45%;
  position: relative;
  border-radius: 10px;
  margin-bottom: 1.5rem;
}
.item-chat .name-user {
  color: #fff;
  display: inline-block;
  padding-bottom: .5rem;
}
.item-chat p {
  color: #fff;
  margin: 0;
  padding: 0 .5rem;
}

.item-chat::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.item-chat.send {
  background-color: #2c3e50;
}
.item-chat.send::after {
  right: -30px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 15px solid transparent;
  border-left: 15px solid #2c3e50;
}
.item-chat.replay {
  background-color: #2980b9;
}
.item-chat.replay::after {
  left: -30px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 15px solid #2980b9;
  border-left: 15px solid transparent;
}
.item-chat span {
  position: absolute;
  bottom: 0;
  right: 5px;
  font-size: 13px;
}

/****************************************************/
/****************************************************/
/****************************************************/

.page-congrats img {
  max-height: 200px;
  margin-bottom: 1.3rem;
}
.page-congrats svg {
  fill: var(--glaiforniaGold);
  margin-bottom: 1.5rem;
}
.page-congrats strong {
  color: #444;
  font-size: 3rem;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 1rem;
}
.page-congrats p {
  color: #222;
  font-size: 1rem;
}
.page-congrats p span {
  color: var(--glaiforniaGold);
}
.btn-backshop {
  padding: 1rem;
  display: inline-block;
  margin-top: 2rem;
  background-color: var(--berkeleyBlue);
  color: #fff;
  box-shadow: 0 0 10px rgb(255 255 255 / 10%);
  border-radius: 4px;
}
.btn-backshop:hover {
  background-color: var(--glaiforniaGold);
  color: #fff;
}


#clock {
  /*width: 200px;*/
  /*height: 200px;*/
  /*margin: 100px auto;*/
  font-size: 24px;
  font-family: cursive;
  /*background-color: #333;*/
  color: #333;
  /*text-align: center;*/
  /*padding: 10px;*/
}
.title-exam-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#text_slider {
    background-color: #c4baa9;
    color: #333333;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}




/****************************************************/
/****************************************************/
/****************************************************/

/****************************************************/
/****************************************************/
/****************************************************/

.item-gallery {
  display: block;
  height: 220px;
  overflow: hidden;
  position: relative;
}
.item-gallery img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.item-gallery i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  color: #fff;
  z-index: 1;
}
.items_gals:hover .item-gallery i {
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
}
.item-gallery::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.items_gals:hover .item-gallery::before {
  opacity: 0.9;
  filter: alpha(opacity=90);
  -webkit-filter: alpha(opacity=90);
}

.items_gals button {
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  color: #fff;
  z-index: 1;

  padding: 0.5rem 1rem;
  font-size: 14px;

  display: block;

}
.items_gals:hover button {
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
}



/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/

.course-details__author img {
  margin-right: 0;
  margin-left: 20px;
}

.comment {
  display: grid;
  gap: 14px;
}
.comment .user-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.comment .user-banner .user {
  gap: 8px;
  align-items: center;
  display: flex;
}
.comment .user-banner .user .avatar {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  position: relative;
  border-radius: 100px;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
}
.comment .user-banner .user .avatar img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.comment .user-banner .user .avatar .stat {
  display: flex;
  position: absolute;
  right: -2px;
  bottom: -2px;
  display: block;
  width: 12px;
  height: 12px;
  z-index: 9;
  border: 2px solid #ffffff;
  border-radius: 100px;
}
.comment .user-banner .user .avatar .stat.green {
  background: #00ba34;
}
.comment .user-banner .user .avatar .stat.grey {
  background: #969696;
}
.comment .footer {
  gap: 12px;
  display: flex;
  align-items: center;
}
.comment .footer a {
  color: #1c1c1c;
}
.comment .footer a:hover {
  color: var(--glaiforniaGold);
}
.comment .footer .divider {
  height: 12px;
  width: 1px;
  background: #e8e8e8;
}
.comments_items .comment_item:not(:last-child) {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #e8e8e8;
}
.comment + .comment.reply {
  border-top: 1px solid #e8e8e8;
  margin-top: 12px;
}
.comment + .comment {
  padding-top: 12px;
}
.comment.reply .user-banner,
.comment.reply .content,
.comment.reply .footer {
  margin-left: 32px;
}

[dir="rtl"] .comment.reply .user-banner,
[dir="rtl"] .comment.reply .content,
[dir="rtl"] .comment.reply .footer {
  margin-left: 0;
  margin-right: 32px;
}

.writing {
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
  padding: 12px;
}
.writing textarea {
  width: 100%;
  height: 60px;
  overflow-y: auto;
  appearance: none;
  border: 0;
  outline: 0;
  resize: none;
  font-size: 16px;
  line-height: 24px;
}
.writing:focus-within {
  border: 1px solid #0085ff;
  box-shadow: 0px 0px 2px 2px rgba(0, 133, 255, 0.15);
}
.writing .footer {
  margin-top: 12px;
  padding-top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #e8e8e8;
}
.writing .footer .text-format {
  display: flex;
  align-items: center;
  gap: 12px;
}
.group-button {
  display: flex;
  gap: 16px;
}

@media (max-width: 600px) {
  .comment h5 {
    font-size: 14px;
  }
  .comment .footer a,
  .comment .footer span,
  .comment p {
    font-size: 13px;
  }

  .btn-booking {
    font-size: 14px;
    padding: 0.5rem 0.8rem;
  }
  .group-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: initial;
  }
  .group-button button {
    margin: auto;
    width: 100%;
  }

  .chat-btns a {
    display: block;
    padding: 0.5rem 0.5rem;
    color: #fff;
    font-size: 0.6rem;
    text-align: center;
  }
  .course-details__tab-navs li a {
    font-size: 13px !important;
    padding: 10px 5px !important;
  }
  .course-details__title {
    font-size: 1.1rem !important;
  }
}

#social-share {
  position: fixed;
  bottom: 50%;
  left: 1px;
  z-index: 20;
}
#social-share div.social-open-menu {
  transition: all 0.3s;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
}
#social-share div.social-open-menu.hide {
  position: absolute;
  left: -50px;
  opacity: 0;
}
#social-share div.social-open-menu .btn-share {
  width: 50px;
  height: 50px;
  cursor: pointer;
  border-radius: 50%;
  outline: 0;
  border: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background-color: #fdb514;
  color: #333;
}
#social-share div.social-open-menu .btn_chat:hover,
#social-share ul.social-items .btn_chat:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
#social-share div.social-open-menu .btn-share i {
  font-size: 30px;
}

#social-share ul.social-items.open .btn_chat {
  transform: scale(1);
  opacity: 1;
  /* transform: translate(0px, -15px); */
}
#social-share ul.social-items {
  position: absolute;
  top: 50%;
  left: -50px;
  transform: translateY(-50%);
  transition: all 0.3s;
}
#social-share ul.social-items.open {
  left: 0px;
}

#social-share ul.social-items li {
  position: relative;
}
#social-share ul.social-items li .btn_chat {
  transform: scale(0) translateY(-5px);
  opacity: 0;
}
#social-share ul.social-items li:nth-child(1) .btn_chat {
  transition: all 0.5s;
}
#social-share ul.social-items li:nth-child(2) .btn_chat {
  transition: all 0.7s;
}
#social-share ul.social-items li:nth-child(3) .btn_chat {
  transition: all 0.9s;
}
#social-share ul.social-items li .btn_chat.showing {
  transform: scale(1) translateY(0px);
  opacity: 1;
}
#social-share ul.social-items li .btn-share-text {
  /* opacity: 0; */
  position: absolute;
  bottom: 15px;
  left: 100%;
  margin-left: 3px;
  border-radius: 2px;
  padding: 3px 3px;
  text-align: center;
  font-weight: 300;
  background: rgba(20, 20, 20, 0.7);
  color: #fff;
  display: block;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  min-width: 100px;
  font-size: 10px;
}
#social-share ul.social-items li:hover .btn-share-text {
  opacity: 1;
}
#social-share div.social-open-menu .btn_chat {
  width: 65px;
  height: 65px;
  background-color: #f44336;
}

/* *********************** */
#social-share ul.social-items a.btn_chat {
  height: 50px;
  width: 50px;
  color: #fff;
  font-size: 1.1rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
#social-share ul.social-items a.facebook {
  background-color: #3b5998;
}
#social-share ul.social-items a.whatsapp {
  background-color: #4dc247;
}
#social-share ul.social-items a.telegram {
  background-color: #28a7e7;
}

.closeSocial {
  cursor: pointer;
  padding: 1rem;
  text-align: center;
  background-color: rgb(255 99 71 / 50%);
  color: #fff;
}
.closeSocial:hover {
  background-color: tomato;
  color: #fff;
}

@media (max-width: 767.98px) {
  #social-share div.social-open-menu .btn-share {
    width: 35px;
    height: 35px;
  }
  #social-share div.social-open-menu .btn-share i {
    font-size: 20px;
  }
  .closeSocial {
    padding: 0.2rem 0;
  }
  #social-share ul.social-items a.btn_chat {
    height: 30px;
    width: 30px;
    font-size: 0.8rem;
  }
}