@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Theme Name: Educal – Education WordPress Theme
    Author: Theme_Pure
    Support: mdsalim400@gmail.com
    Description: Educal – Education WordPress Theme
    Version: 1.0

-----------------------------------------------------------------------------------

/************ TABLE OF CONTENTS ***************

    01. Common CSS
    02. Header CSS
    03. Hero CSS
    04. Category CSS
    05. Banner CSS
    06. Course CSS
    07. Events CSS
    08. Price CSS
    09. Cta CSS
    10. Product CSS
    11. Services CSS
    12. About CSS
    13. What CSS
    14. Why CSS
    15. Counter CSS
    16. Testimonial CSS
    17. Blog CSS
    18. Slider CSS
    19. Brand CSS
    20. Teacher CSS
    21. Page Title CSS
    22. Contact CSS
    23. Error CSS
    24. Login CSS
    00. Footer CSS


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


*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Hind", sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #6d6e75;
  line-height: 26px;
}

a {
  text-decoration: none;
}

.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

a,
.btn,
button,
span,
p,
i,
input,
select,
textarea,
li,
img,
svg path,
*::after,
*::before,
.transition-3 {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
  border: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Hind", sans-serif;
  color: #0e1133;
  margin-top: 0px;
  font-weight: 700;
  line-height: 1.2;
  /*  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;*/
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

ul {
  margin: 0px;
  padding: 0px;
}

p {
  font-family: "Hind", sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #6d6e75;
  margin-bottom: 15px;
  line-height: 26px;
}

*::-moz-selection {
  background: #2b4eff;
  color: #ffffff;
  text-shadow: none;
}

::-moz-selection {
  background: #2b4eff;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #2b4eff;
  color: #ffffff;
  text-shadow: none;
}

/*--
    - Input Placeholder
-----------------------------------------*/
*::-moz-placeholder {
  color: #0e1133;
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: #0e1133;
  font-size: 14px;
  opacity: 1;
}

/*--
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.z-index-1 {
  z-index: 1;
}

.overflow-y-visible {
  overflow-x: hidden;
  overflow-y: visible;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

/*--
    - Background color
-----------------------------------------*/
.grey-bg {
  background: #f3f4f8;
}

.grey-bg-2 {
  background: #edeef3;
}

.grey-bg-5 {
  background: #f5f6fa;
}

.blue-bg {
  background: #2b4eff;
}

.blue-bg-3 {
  background: #b8dde3;
}

.blue-bg-4 {
  background: #2d69f0;
}

.pink-bg {
  background: #dd246e;
}

.purple-bg {
  background: #8007e6;
}

.green-bg {
  background: #0cae74;
}

.white-bg {
  background: #ffffff;
}

.black-bg {
  background: #0e1133;
}

.footer-bg {
  background: #0e1133;
}

/*--
    - color
-----------------------------------------*/
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
  color: #ffffff !important;
}

.white-color {
  color: #ffffff;
}

.theme-color {
  color: #2b4eff !important;
}

.black-color {
  color: #0e1133;
}

.pl-245 {
  padding-left: 245px;
}

.pr-245 {
  padding-right: 245px;
}

.mb-22 {
  margin-bottom: 22px;
}

.ml-270 {
  margin-left: 270px;
}

.mb--120 {
  margin-bottom: -120px;
}

.mb--100 {
  margin-bottom: -100px;
}

.mt--210 {
  margin-top: -210px;
}

.mt--80 {
  margin-top: -80px;
}

.mb-130 {
  margin-bottom: -130px;
}

.section-padding {
  padding-left: 50px;
  padding-right: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .section-padding {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 575px) {
  .section-padding {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.e-btn {
  display: inline-block;
  height: 50px;
  line-height: 52px;
  text-align: center;
  padding: 0 25px;
  color: #ffffff;
  background: #2b4eff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 500;
  text-transform: lowercase;
}
.e-btn:first-letter {
  text-transform: uppercase;
}
.e-btn:hover {
  color: #ffffff;
  -webkit-box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
  -moz-box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
  box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
}
.e-btn-2 {
  height: 34px;
  line-height: 36px;
  padding: 0 20px;
  font-size: 14px;
  text-transform: capitalize;
}
.e-btn-3 {
  padding: 0 28px;
}
.e-btn-4 {
  height: 46px;
  line-height: 44px;
  border: 2px solid #2b4eff;
  background: #2b4eff;
  color: #ffffff;
}
.e-btn-5 {
  padding-left: 22px;
  padding-right: 22px;
}
.e-btn-6 {
  padding-left: 60px;
  padding-right: 60px;
}
.e-btn-7 {
  height: 44px;
  line-height: 46px;
}
.e-btn-border {
  height: 46px;
  line-height: 44px;
  border: 2px solid #d7d9e3;
  color: #0e1133;
  background: transparent;
}
.e-btn-border:hover {
  background: #2b4eff;
  border-color: #2b4eff;
  color: #ffffff;
}
.e-btn-border-2 {
  height: 46px;
  line-height: 44px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  background: transparent;
  padding: 0 20px;
}
.e-btn-border-2:hover {
  background: #ffffff;
  border-color: #ffffff;
  color: #0e1133;
}
.e-btn-white {
  height: 54px;
  line-height: 58px;
  background: #ffffff;
  color: #0e1133;
  padding: 0 45px;
}
.e-btn-white:hover {
  color: #0e1133;
}

/* link btn */
.link-btn {
  position: relative;
  font-size: 16px;
  color: #6d6e75;
  font-weight: 500;
  padding-right: 21px;
  display: inline-block;
}
.link-btn i {
  font-size: 14px;
  position: absolute;
  top: 12px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
}
.link-btn i:first-child {
  right: 10%;
  visibility: hidden;
  opacity: 0;
}
.link-btn i:last-child {
  right: 0;
}
.link-btn:hover {
  color: #2b4eff;
}
.link-btn:hover i:first-child {
  right: 0;
  visibility: visible;
  opacity: 1;
}
.link-btn:hover i:last-child {
  right: -10%;
  visibility: hidden;
  opacity: 0;
}
.link-btn.link-prev {
  padding-right: 0;
  padding-left: 21px;
}
.link-btn.link-prev i:first-child {
  left: 10%;
  right: auto;
}
.link-btn.link-prev i:last-child {
  left: 0;
  right: auto;
}
.link-btn.link-prev:hover i:first-child {
  left: 0%;
  right: auto;
}
.link-btn.link-prev:hover i:last-child {
  left: -10%;
  right: auto;
}

.link-btn-2 {
  position: relative;
  font-size: 12px;
  font-weight: 500;
  color: #0e1133;
  text-transform: uppercase;
  padding-right: 25px;
  width: 40px;
  height: 40px;
  display: inline-block;
  line-height: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.2);
  overflow: hidden;
}
.link-btn-2 i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
}
.link-btn-2 i:first-child {
  left: -100%;
  visibility: hidden;
  opacity: 0;
}
.link-btn-2 i:last-child {
  right: 35%;
}
.link-btn-2:hover {
  color: #ffffff;
}
.link-btn-2:hover i:first-child {
  left: 35%;
  visibility: visible;
  opacity: 1;
}
.link-btn-2:hover i:last-child {
  right: -100%;
  visibility: hidden;
  opacity: 0;
}

.play-btn {
  display: inline-block;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 47px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffffff;
  color: #2b4eff;
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  font-size: 12px;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.section__sub-title {
  font-size: 18px;
  font-weight: 500;
  color: #2b4eff;
  display: inline-block;
  margin-bottom: 5px;
}
.section__title {
  font-size: 40px;
  color: #0e1133;
  text-transform: capitalize;
  z-index: 1;
  margin-bottom: 3px;
}
@media (max-width: 575px) {
  .section__title {
    font-size: 33px;
  }
}
.section__title span {
  position: relative;
}
.section__title span img {
  position: absolute;
  left: -14px;
  bottom: 12px;
  z-index: -1;
  -webkit-animation: section-animation 3s infinite;
  animation: section-animation 3s infinite;
}
.section__title span.yellow-bg-big img {
  bottom: 15px;
  width: 120%;
  -webkit-animation: section-animation-2 3s infinite;
  animation: section-animation-2 3s infinite;
}
.section__title span.yellow-bg-sm img {
  bottom: 10px;
  width: 120%;
  -webkit-animation: section-animation-2 3s infinite;
  animation: section-animation-2 3s infinite;
}
.section__title-wrapper {
  position: relative;
  z-index: 1;
}
.section__title-wrapper p {
  font-size: 16px;
  color: #53545b;
}

@keyframes section-animation {
  0% {
    width: 0;
  }
  15% {
    width: 100%;
  }
  85% {
    opacity: 1;
  }
  90% {
    width: 100%;
    opacity: 0;
  }
  to {
    width: 0;
    opacity: 0;
  }
}
@keyframes section-animation-2 {
  0% {
    width: 0;
  }
  15% {
    width: 125%;
  }
  85% {
    opacity: 1;
  }
  90% {
    width: 125%;
    opacity: 0;
  }
  to {
    width: 0;
    opacity: 0;
  }
}
/* basic pagination */
.basic-pagination ul li {
  display: inline-block;
  margin-right: 20px;
}
@media (max-width: 575px) {
  .basic-pagination ul li {
    margin-right: 5px;
  }
}
.basic-pagination ul li.prev a,
.basic-pagination ul li.next a {
  width: inherit;
  height: inherit;
  line-height: inherit;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
}
.basic-pagination ul li.prev a:hover,
.basic-pagination ul li.next a:hover {
  color: #2b4eff;
  background: inherit;
}
.basic-pagination ul li.active a {
  color: #ffffff;
  background: #2b4eff;
  border-color: #2b4eff;
}
.basic-pagination ul li a {
  position: relative;
  overflow: hidden;
  background: transparent;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  border: 2px solid #eef0f6;
  color: #0e1133;
}
.basic-pagination ul li .page-numbers.current {
  position: relative;
  overflow: hidden;
  background: transparent;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  background: #2b4eff;
}

.basic-pagination ul li .page-numbers.dots {
  position: relative;
  overflow: hidden;
  background: transparent;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  border: 2px solid #eef0f6;
  color: #0e1133;
}

.basic-pagination ul li a:hover {
  background: #2b4eff;
  color: #ffffff;
  border-color: #2b4eff;
}

.body-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.body-overlay:hover {
  cursor: pointer;
}

.body-overlay.opened {
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------*/
/*  02. HEADER CSS START
/*----------------------------------------*/
.header__padding {
  padding-left: 245px;
  padding-right: 245px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .header__padding {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header__padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__padding {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__padding {
    padding: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__padding {
    padding: 20px;
  }
}
@media (max-width: 575px) {
  .header__padding {
    padding: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__padding-2 {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__padding-2 {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__padding-2 {
    padding: 20px 0;
  }
}
@media (max-width: 575px) {
  .header__padding-2 {
    padding: 20px 0;
  }
}
.header__shadow {
  -webkit-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
  -moz-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
  box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
}
.header__area.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  z-index: 99;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  display: block;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -moz-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
}
.header__area.sticky .header__search input {
  background: #edeef3;
}
.header__area.sticky .logo .logo-white {
  display: none;
}
.header__area.sticky .logo .logo-black {
  display: block;
}

.header__area .edu-sticky-logo .standard-logo {
  display: inline-block;
}
.header__area .edu-sticky-logo .sticky-logo {
  display: none;
}
.header__area.sticky .edu-sticky-logo .standard-logo {
  display: none;
}
.header__area.sticky .edu-sticky-logo .sticky-logo {
  display: block;
}

.header__area.sticky .main-menu-3 ul li a {
  color: #0e1133 !important;
}
.header__area.sticky .main-menu-3 ul li a::after {
  color: #0e1133;
}
.header__area.sticky .main-menu-3 ul li a::before {
  background: #0e1133;
}
.header__area.sticky .main-menu-3 ul li .submenu li a::before {
  background: #2b4eff;
}
.header__area.sticky .header__search-2 svg .st0 {
  fill: #0e1133;
}
.header__area.sticky .header__search-2 svg .st1 {
  fill: #121317;
}
.header__area.sticky .cat-menu {
  color: #0e1133;
}
.header__area.sticky .cat-menu:hover {
  color: #2b4eff;
}
.header__area.sticky .cat-menu:hover svg .cat-dot {
  fill: #2b4eff;
}
.header__area.sticky .cat-menu svg .cat-dot {
  fill: #0e1133;
}
.header__area.sticky .header__category::after {
  background: rgba(14, 17, 51, 0.2);
}
.header__area.sticky .sidebar-toggle-btn .line {
  background-color: #2b4eff;
}

div.t__header__sticky.sticky .main-menu-3 ul li.has-dropdown a::after {
  color: #0e1133;
}

.header__transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 11;
}
.header__white .cat-menu {
  color: #ffffff;
}
.header__white .cat-menu svg .cat-dot {
  fill: #ffffff;
}
.header__white .cat-menu:hover {
  color: #ffffff;
}
.header__white .cat-menu:hover svg .cat-dot {
  fill: #ffffff;
}
.header__white .header__category::after {
  background: rgba(255, 255, 255, 0.2);
}
.header__white .main-menu ul li a {
  color: #ffffff;
}
.header__white .sidebar-toggle-btn .line {
  background-color: #ffffff;
}
.header__category {
  position: relative;
  padding-left: 30px;
  margin-left: 30px;
  padding-top: 3px;
}
.header__category::after {
  position: absolute;
  content: "";
  left: 0;
  top: 60%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 40px;
  background: #c9ccd4;
}
.header__category ul li {
  position: relative;
}
.header__category ul li .cat-submenu {
  position: absolute;
  top: calc(100% + 30px);
  left: 0;
  width: 200px;
  padding: 17px 0;
  padding-bottom: 15px;
  background: #ffffff;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -moz-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  z-index: 9;
}
.header__category ul li .cat-submenu li {
  display: block;
  margin-right: 0;
}
.header__category ul li .cat-submenu li > a {
  width: 100%;
  display: block;
  padding: 3px 30px;
  text-transform: capitalize;
  color: #6d6e75;
  font-weight: 500;
  position: relative;
}
.header__category ul li .cat-submenu li > a::after {
  right: 30px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.header__category ul li .cat-submenu li:hover > a {
  color: #2b4eff;
}
.header__category ul li:hover .cat-submenu {
  visibility: visible;
  opacity: 1;
  top: calc(100% + 10px);
}
.header__search input {
  width: 280px;
  height: 50px;
  line-height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #ffffff;
  outline: none;
  border: 1px solid #ffffff;
  font-size: 16px;
  padding: 25px 65px 20px 55px;
}
.header__search input::placeholder {
  color: #8c8faa;
}
.header__search input:focus {
  border-color: #2b4eff;
}
.header__search button {
  background: transparent;
  position: absolute;
  top: 15px;
  left: 24px;
}
.header__search button i::after {
  color: #0e1133;
  opacity: 1;
}
.header__search button i::before {
  color: #8c8faa;
}
.header__search-2 svg {
  width: 18px;
  height: 18px;
}
.header__search-2 svg .st0 {
  fill: #8c8faa;
}
.header__search-2 svg .st1 {
  fill: #ffffff;
}
.header__search-2 svg:hover {
  cursor: pointer;
}
.header__cart {
  position: absolute;
  top: 15px;
  right: 20px;
  padding-left: 18px;
}
.header__cart::after {
  position: absolute;
  content: "";
  top: -5px;
  left: 0;
  width: 2px;
  height: 30px;
  background: #dbdfe9;
}
.header__cart-icon {
  display: inline-block;
}
.header__cart-icon svg {
  width: 20px;
  height: 19px;
}
.header__cart-icon svg .st0 {
  fill: none;
  stroke: #0e1133;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.header__cart a {
  position: relative;
  font-size: 17px;
  color: #0e1133;
}
.header__cart a .cart-item {
  position: absolute;
  top: -10px;
  right: -10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 22px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  background: #2b4eff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-weight: 500;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(4, 23, 118, 0.3);
  -moz-box-shadow: 0px 10px 20px 0px rgba(4, 23, 118, 0.3);
  box-shadow: 0px 10px 20px 0px rgba(4, 23, 118, 0.3);
}
.header__cart a:hover .cart-item {
  background: #0e1133;
}
.header__btn-2 a {
  height: 44px;
  line-height: 44px;
  padding: 0 38px;
}
.header__search-3 {
  position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  min-height: 330px;
  padding: 40px 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  z-index: 9999;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__search-3 {
    min-height: 300px;
  }
}
@media (max-width: 575px) {
  .header__search-3 {
    padding-top: 30px;
    min-height: 300px;
  }
}
.header__search-3.search-opened {
  top: 0;
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.header__search-3-btn {
  margin-bottom: 35px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__search-3-btn {
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .header__search-3-btn {
    margin-bottom: 20px;
  }
}
.header__search-3-btn-close {
  font-size: 18px;
  color: #2b4eff;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.header__search-3-header {
  margin-bottom: 35px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__search-3-header {
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .header__search-3-header {
    margin-bottom: 20px;
  }
}
.header__search-3-header h3 {
  color: #0e1133;
  font-size: 30px;
}
.header__search-3-categories {
  margin-bottom: 35px;
}
.header__search-3-categories ul li {
  display: inline-block;
}
.header__search-3-categories ul li a {
  font-size: 18px;
  color: #121317;
  padding: 0 30px;
}
.header__search-3-categories ul li a:hover {
  color: #2b4eff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__search-3-categories ul li a {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__search-3-categories ul li a {
    font-size: 16px;
    padding: 0 5px;
  }
}
@media (max-width: 575px) {
  .header__search-3-categories ul li a {
    padding: 0 5px;
    font-size: 14px;
  }
}
.header__search-3-input input {
  height: 50px;
  width: 100%;
  border: none;
  padding: 0 15px;
  padding-right: 30px;
  border-bottom: 1px solid #eef0f6;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  outline: none;
}
.header__search-3-input input::placeholder {
  color: #53545b;
}
.header__search-3-input input:focus {
  border-color: #2b4eff;
}
.header__search-3-input button {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  text-align: center;
  font-size: 14px;
  background: transparent;
  color: #0e1133;
}

.logo-black {
  display: none;
}

.cat-menu {
  font-size: 16px;
  font-weight: 500;
  color: #0e1133;
  position: relative;
}
.cat-menu:hover {
  color: #2b4eff;
}
.cat-menu:hover svg .cat-dot {
  fill: #2b4eff;
}
.cat-menu svg {
  width: 16px;
  height: 16px;
}
.cat-menu svg .cat-dot {
  fill: #0e1133;
}
.cat-menu span {
  padding-left: 14px;
  line-height: 1;
  display: inline-block;
  padding-top: 3px;
}

.main-menu ul li {
  display: inline-block;
  position: relative;
}
.main-menu ul li:not(:first-child) {
  margin-left: 40px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .main-menu ul li:not(:first-child) {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-menu ul li:not(:first-child) {
    margin-left: 10px;
  }
}
.main-menu ul li a {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #0e1133;
  padding: 35px 0;
}
.main-menu ul li.has-dropdown > a {
  position: relative;
}
.main-menu ul li.has-dropdown > a::after {
  content: "";
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 14px;
  color: #0e1133;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  margin-left: 5px;
  display: inline-block;
}
.main-menu ul li:hover > a {
  color: #2b4eff;
}
.main-menu ul li:hover > a::after {
  color: #2b4eff;
}
.main-menu ul li:hover .submenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
}
.main-menu ul li .submenu {
  position: absolute;
  top: 120%;
  left: 0;
  width: 200px;
  background: #ffffff;
  z-index: 99;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  visibility: hidden;
  opacity: 0;
  -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -moz-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
}
.main-menu ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
}
.main-menu ul li .submenu li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.main-menu ul li .submenu li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.main-menu ul li .submenu li a {
  padding: 10px 25px;
  font-size: 13px;
  position: relative;
  z-index: 1;
  color: #0e1133;
  width: 100%;
}
.main-menu ul li .submenu li a::before {
  position: absolute;
  content: "";
  top: 0;
  left: auto;
  right: 0;
  width: 0;
  height: 100%;
  background: #2b4eff;
  z-index: -1;
}
.main-menu ul li .submenu li .submenu {
  left: 120%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.main-menu ul li .submenu li:hover > a {
  color: #ffffff !important;
}
.main-menu ul li .submenu li:hover > a::after {
  color: #ffffff;
}
.main-menu ul li .submenu li:hover > a::before {
  left: 0;
  right: auto;
  width: 100%;
}
.main-menu ul li .submenu li:hover .submenu {
  left: 100%;
  visibility: visible;
  opacity: 1;
}

.main-menu-2 ul li:not(:first-child) {
  margin-left: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-menu-2 ul li:not(:first-child) {
    margin-left: 20px;
  }
}
.main-menu-2 ul li .menu-tag {
  position: absolute;
  top: 13px;
  right: -4px;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 7px;
  background: #2b4eff;
  color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 12px;
  text-transform: capitalize;
  -webkit-box-shadow: 0px 8px 20px 0px rgba(1, 23, 133, 0.3);
  -moz-box-shadow: 0px 8px 20px 0px rgba(1, 23, 133, 0.3);
  box-shadow: 0px 8px 20px 0px rgba(1, 23, 133, 0.3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu-2 ul li .menu-tag {
    display: none;
  }
}
.main-menu-2 ul li .menu-tag::after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 5px solid #2b4eff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.main-menu-3 ul li a {
  color: #ffffff;
  position: relative;
}
.main-menu-3 ul li a::before {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  bottom: 38px;
  width: 0%;
  height: 1px;
  background: #ffffff;
}
.main-menu-3 ul li.has-dropdown a::after {
  color: #ffffff;
}
.main-menu-3 ul li .submenu li a::after {
  color: #0e1133;
}
.main-menu-3 ul li:hover > a {
  color: #ffffff;
}
.main-menu-3 ul li:hover a::before {
  width: 100%;
  left: 0;
  right: auto;
}

/* sidebar css start */
.sidebar-toggle-btn .line {
  width: 30px;
  height: 3px;
  background-color: #2b4eff;
  display: block;
  margin: 6px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sidebar-toggle-btn-white .line {
  background: #ffffff;
}
.sidebar-toggle-btn:hover {
  cursor: pointer;
}
.sidebar-toggle-btn:hover .line {
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.sidebar-toggle-btn:hover .line:nth-child(1) {
  width: 10px;
}
.sidebar-toggle-btn:hover .line:nth-child(2) {
  width: 20px;
}

.sidebar__area {
  position: fixed;
  right: -340px;
  top: 0;
  width: 320px;
  height: 100%;
  background: #ffffff none repeat scroll 0 0;
  overflow-y: scroll;
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 99999;
}
.sidebar__area.sidebar-opened {
  right: 0px;
}
.sidebar__wrapper {
  position: relative;
  padding: 30px;
}
.sidebar__close {
  position: absolute;
  top: 33px;
  right: 30px;
}
.sidebar__close-btn {
  transition: all 450ms cubic-bezier(0.4, 0.25, 0.3, 1.3);
  width: 40px;
  height: 40px;
  color: #0e1133;
  border: 1px solid #2a3a57;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  background: transparent;
  line-height: 42px;
}
.sidebar__close-btn:focus {
  border: 1px solid #0e1133;
}
.sidebar__close-btn span {
  transition: all 400ms cubic-bezier(0.4, 0.25, 0.3, 1.3) 100ms;
  font-size: 14px;
  font-weight: 500;
}
.sidebar__close button:hover {
  color: #fff;
  border-color: #2b4eff;
  background-color: #2b4eff;
}
.sidebar__search input {
  width: 100%;
  height: 50px;
  line-height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #edeef3;
  outline: none;
  border: 1px solid #ffffff;
  font-size: 16px;
  padding: 25px 65px 20px 55px;
}
.sidebar__search input::placeholder {
  color: #8c8faa;
}
.sidebar__search input:focus {
  border-color: #2b4eff;
}
.sidebar__search button {
  background: transparent;
  position: absolute;
  top: 15px;
  left: 24px;
}
.sidebar__search button i::after {
  color: #0e1133;
  opacity: 1;
}
.sidebar__search button i::before {
  color: #8c8faa;
}
.sidebar__cart-icon {
  display: inline-block;
}
.sidebar__cart-icon svg {
  width: 20px;
  height: 19px;
}
.sidebar__cart-icon svg .st0 {
  fill: none;
  stroke: #0e1133;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.sidebar__cart a {
  position: relative;
  font-size: 17px;
  color: #0e1133;
}
.sidebar__cart a .cart-item {
  position: absolute;
  top: -10px;
  right: -10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 22px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  background: #2b4eff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-weight: 500;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(4, 23, 118, 0.3);
  -moz-box-shadow: 0px 10px 20px 0px rgba(4, 23, 118, 0.3);
  box-shadow: 0px 10px 20px 0px rgba(4, 23, 118, 0.3);
}
.sidebar__cart a:hover .cart-item {
  background: #0e1133;
}

/* mean menu customize */
.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: #0e1133;
  border-top: 1px solid #bbbcbf;
  font-size: 13px;
  font-weight: 600;
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 0px;
  height: 15px;
  line-height: 14px;
  border-bottom: none;
  padding: 0;
  display: inline-block;
  width: 40px;
  height: 44px;
  line-height: 51px;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  color: #0e1133;
}

.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
  color: #0e1133;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  color: #0e1133;
}

/*----------------------------------------*/
/*  03. HERO CSS START
/*----------------------------------------*/
.hero__height {
  min-height: 950px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__height {
    min-height: 850px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__height {
    min-height: 750px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__height {
    min-height: 1100px;
  }
}
@media (max-width: 575px) {
  .hero__height {
    min-height: 850px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__height-2 {
    min-height: 1350px;
  }
}
@media (max-width: 575px) {
  .hero__height-2 {
    min-height: 850px;
  }
}
.hero__title {
  font-size: 60px;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero__title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__title {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .hero__title {
    font-size: 30px;
  }
}
.hero__title span:first-child {
  font-weight: 300;
  display: block;
}
.hero__title span.yellow-shape {
  position: relative;
  z-index: 1;
}
.hero__title span.yellow-shape img {
  position: absolute;
  bottom: 22px;
  left: -8px;
  z-index: -1;
  -webkit-animation: section-animation 3s infinite;
  animation: section-animation 3s infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__title span.yellow-shape img {
    bottom: 12px;
    height: 40% !important;
  }
}
.hero__title-2 {
  margin-bottom: 20px;
}
.hero__content p {
  font-size: 22px;
  color: #0e1133;
  padding-right: 130px;
  line-height: 30px;
  margin-bottom: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__content p {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__content p {
    padding-right: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__content p {
    padding-right: 0px;
  }
}
@media (max-width: 575px) {
  .hero__content p {
    padding-right: 0px;
  }
}
.hero__content-2 h4 {
  font-size: 22px;
  margin-bottom: 0;
}
.hero__content-2 p {
  color: #53545b;
  font-size: 16px;
  margin-bottom: 37px;
}
.hero__thumb {
  z-index: 1;
}
.hero__thumb-big {
  position: relative;
}
.hero__thumb-big img {
  max-width: 400px;
  max-height: 460px;
  -webkit-border-radius: 40px 4px 40px 4px;
  -moz-border-radius: 40px 4px 40px 4px;
  border-radius: 40px 4px 40px 4px;
  -webkit-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  -moz-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__thumb-big img {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__thumb-big img {
    margin-top: 50px;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .hero__thumb-big img {
    margin-top: 50px;
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero__thumb-sm {
    margin-left: -50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__thumb-sm {
    margin-left: -160px;
    margin-top: -95px;
  }
}
div.hero__thumb-sm img {
  max-width: 200px;
  max-height: 240px;
  -webkit-border-radius: 4px 40px 4px 40px;
  -moz-border-radius: 4px 40px 4px 40px;
  border-radius: 4px 40px 4px 40px;
  -webkit-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  -moz-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
}
.hero__thumb-shape img {
  position: absolute;
  z-index: -1;
}
.hero__thumb-shape img.hero-1-dot {
  bottom: -25px;
  left: -30px;
  -webkit-animation: hero-dot-1 5s linear 0s infinite alternate;
  -moz-animation: hero-dot-1 5s linear 0s infinite alternate;
  -o-animation: hero-dot-1 5s linear 0s infinite alternate;
  animation: hero-dot-1 5s linear 0s infinite alternate;
}
.hero__thumb-shape img.hero-1-circle-3 {
  bottom: -47px;
  right: 1%;
}
.hero__thumb-shape img.hero-1-circle-4 {
  top: -50px;
  right: 10%;
}
.hero__thumb-2 {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero__thumb-2 img.hero-big {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__thumb-2 img.hero-big {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__thumb-2 img.hero-big {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__thumb-2 img.hero-big {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .hero__thumb-2 img.hero-big {
    width: 100%;
  }
}
.hero__thumb-2 img.hero-shape-purple {
  position: absolute;
  left: 0;
  bottom: 19%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero__thumb-2 img.hero-shape-purple {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__thumb-2 img.hero-shape-purple {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__thumb-2 img.hero-shape-purple {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__thumb-2 img.hero-shape-purple {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .hero__thumb-2 img.hero-shape-purple {
    width: 100%;
  }
}
.hero__quote {
  position: absolute;
  bottom: 60px;
  right: -200px;
  padding: 15px 25px;
  padding-bottom: 20px;
  background: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  -moz-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero__quote {
    right: -145px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__quote {
    right: 60px;
    bottom: -50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__quote {
    right: 30px;
    bottom: -50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__quote {
    right: 30px;
    bottom: -50px;
  }
}
@media (max-width: 575px) {
  .hero__quote {
    right: 15px;
    bottom: -50px;
  }
}
.hero__quote span {
  font-size: 14px;
  color: #474956;
}
.hero__quote h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1;
}
.hero__quote-animation {
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: hero-bounce;
}
.hero__shape img {
  position: absolute;
}
.hero__shape img.hero-1-circle {
  top: 25%;
  left: 5%;
  -webkit-animation: hero-circle-1 6s linear 0s infinite alternate;
  -moz-animation: hero-circle-1 6s linear 0s infinite alternate;
  -o-animation: hero-circle-1 6s linear 0s infinite alternate;
  animation: hero-circle-1 6s linear 0s infinite alternate;
}
.hero__shape img.hero-1-circle-2 {
  bottom: 29%;
  left: 0;
}
.hero__shape img.hero-1-dot-2 {
  right: 0;
  bottom: 38%;
}
.hero__search-input {
  position: relative;
  width: 370px;
}
@media (max-width: 575px) {
  .hero__search-input {
    width: 100%;
  }
}
.hero__search-input input {
  width: 100%;
  height: 54px;
  line-height: 54px;
  padding: 0 24px;
  padding-right: 35px;
  font-size: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  outline: none;
  border: none;
}
.hero__search-input input::placeholder {
  color: #8d8e9a;
}
.hero__search-input button {
  position: absolute;
  top: 50%;
  right: 24px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  background: transparent;
}
.hero__search-input button i::after {
  color: #0e1133;
  opacity: 1;
}
.hero__search-input button i::before {
  color: #8c8faa;
}
.hero__search p {
  font-size: 16px;
  color: #6d6e75;
}
.hero__promotion {
  position: absolute !important;
  left: -7% !important;
  top: 44% !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  -moz-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  padding: 15px 20px;
  padding-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__promotion {
    left: 20% !important;
    top: 71% !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__promotion {
    left: 9% !important;
    top: 71% !important;
  }
}
@media (max-width: 575px) {
  .hero__promotion {
    left: 9% !important;
    top: 52% !important;
  }
}
.hero__promotion.education {
  bottom: 28% !important;
  top: auto !important;
  left: -11% !important;
}
.hero__promotion-icon span {
  display: inline-block;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ff7921;
}
.hero__promotion-icon span svg {
  height: 24px;
  fill: #ffffff;
}
.hero__promotion-icon span.cap {
  background: #5773ff;
}
.hero__promotion-text h5 {
  font-size: 16px;
  margin-bottom: 0;
}
.hero__promotion-text p {
  font-size: 14px;
  color: #474956;
  margin-bottom: 0;
}
.hero__class {
  position: absolute;
  left: auto !important;
  top: auto !important;
  bottom: 33%;
  right: -12%;
  -webkit-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  -moz-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  background: rgba(255, 255, 255, 0.9);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero__class {
    right: -5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__class {
    right: 1%;
    bottom: 15%;
  }
}
.hero__class-thumb img {
  width: 34px;
  height: 34px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.hero__class-text h5 {
  font-size: 16px;
  margin-bottom: 0;
}
.hero__class-text p {
  font-size: 14px;
  color: #474956;
  margin-bottom: 0;
}
.hero__class-text a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  font-weight: 500;
  padding: 0 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #e233fb;
}
.hero__mic {
  position: absolute;
  top: 30%;
  right: 10%;
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: hero-bounce;
}
.hero__mic span {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #ff3c4e;
  -webkit-box-shadow: 0px 14px 30px 0px rgba(131, 2, 14, 0.2);
  -moz-box-shadow: 0px 14px 30px 0px rgba(131, 2, 14, 0.2);
  box-shadow: 0px 14px 30px 0px rgba(131, 2, 14, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.hero__mic span svg {
  height: 28px;
  fill: #ffffff;
}

@keyframes hero-dot-1 {
  0% {
    transform: translateY(-100px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes hero-bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@keyframes hero-circle-1 {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*----------------------------------------*/
/*  04. CATEGORY CSS START
/*----------------------------------------*/
.category__item {
  padding: 20px 40px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 2px solid #eef0f6;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .category__item {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .category__item {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 575px) {
  .category__item {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.category__item:hover {
  background: #2b4eff;
  border-color: #2b4eff;
  -webkit-box-shadow: 0px 20px 30px 0px rgba(4, 23, 118, 0.3);
  -moz-box-shadow: 0px 20px 30px 0px rgba(4, 23, 118, 0.3);
  box-shadow: 0px 20px 30px 0px rgba(4, 23, 118, 0.3);
}
.category__item:hover .category__title {
  color: #ffffff;
}
.category__item:hover svg .st0,
.category__item:hover svg .st1,
.category__item:hover svg .st2,
.category__item:hover svg .st4,
.category__item:hover svg .st5 {
  fill: #ffffff;
}
.category__item:hover .category__content p {
  color: #ffffff;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .category__icon {
    margin-right: 15px;
  }
}
.category__icon svg {
  width: 40px;
  height: 40px;
}
.category__icon svg .st0 {
  fill: #cee1f2;
}
.category__icon svg .st1 {
  fill: #3444f1;
}
.category__icon svg .st4 {
  fill: #3444f1;
}
.category__icon svg .st2 {
  fill: #ffb31f;
}
.category__icon svg .st5 {
  fill: #ffb31f;
}
.category__title {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 0;
}
.category__content p {
  font-weight: 500;
  margin-bottom: 0;
}

/*----------------------------------------*/
/*  05. BANNER CSS START
/*----------------------------------------*/
.banner__item {
  padding: 50px 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner__item {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__item {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.banner__item span {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  background: #fc4389;
  display: inline-block;
  height: 20px;
  line-height: 22px;
  padding: 0 14px;
  margin-bottom: 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-transform: capitalize;
}
.banner__item span.orange {
  background: #ff652e;
}
.banner__title {
  font-size: 26px;
  margin-bottom: 30px;
}
.banner__title a:hover {
  color: #2b4eff;
}
.banner__thumb {
  position: absolute;
  top: 56%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner__thumb {
    right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__thumb {
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner__thumb img {
    width: 240px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__thumb img {
    width: 240px;
  }
}
.banner__thumb-2 {
  top: 63%;
}
.banner__content {
  position: relative;
  z-index: 1;
}

/*----------------------------------------*/
/*  06. COURSE CSS START
/*----------------------------------------*/
.course__item {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
  -moz-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
  box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
}
.course__item-3 {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.course__item-3 .course__more {
  border: 1px solid #eef0f6;
}
.course__item-3 .course__content {
  border: 1px solid #eef0f6;
  border-top: none;
  border-bottom: none;
}
.course__item:hover .course__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.course__item-2 {
  padding: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course__item-2 {
    padding: 20px;
  }
}
@media (max-width: 575px) {
  .course__item-2 {
    padding: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course__thumb-list {
    height: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course__thumb-list img {
    height: 100%;
  }
}
.course__tag {
  position: absolute;
  top: 20px;
  left: 20px;
}
.course__tag a {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  background: #3b60ff;
  padding: 0 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.course__tag a:nth-child(2) {
  background: #f2277e;
}
.course__tag a:nth-child(3) {
  background: #30a820;
}
.course__tag a:nth-child(4) {
  background: #fa7919;
}
.course__tag a.sky-blue {
  background: #0fa0dd;
}
.course__tag a.green {
  background: #30a820;
}
.course__tag a.blue {
  background: #3b60ff;
}
.course__tag a.blue-2 {
  background: #5744cb;
}
.course__tag a.orange {
  background: #fa7919;
}
.course__tag a.pink {
  background: #f2277e;
}
.course__tag a.yellow {
  background: #ffa507;
}
.course__tag-2 i {
  color: #2b4eff;
  padding-right: 8px;
}
.course__tag-2 a {
  font-size: 16px;
  color: #53545b;
  font-weight: 500;
}
.course__tag-2 a:last-child span {
  display: none;
}
.course__tag-2 a:hover {
  color: #2b4eff;
}
.course__title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course__title {
    font-size: 18px;
  }
}
.course__title a:hover {
  color: #2b4eff;
}
.course__title-2 {
  font-size: 24px;
  margin-bottom: 2px;
}
.course__title-2 a:hover {
  color: #2b4eff;
}
.course__title-3 {
  font-size: 36px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .course__title-3 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .course__title-3 {
    font-size: 20px;
  }
}
.course__meta {
  margin-bottom: 7px;
}
.course__lesson span {
  font-size: 16px;
}
.course__lesson span i {
  color: #53545b;
  padding-right: 7px;
}
.course__content {
  padding: 25px 30px;
}
.course__content-2 {
  padding-top: 25px;
}
.course__content-2 p {
  margin-bottom: 30px;
}
.course__content-3 {
  padding-left: 80px;
  padding-right: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course__content-3 {
    padding-top: 15px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course__content-3 {
    padding-left: 45px;
    padding-bottom: 85px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .course__content-3 {
    padding-left: 45px;
    padding-bottom: 85px;
  }
}
@media (max-width: 575px) {
  .course__content-3 {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 85px;
  }
}
.course__content-4 {
  padding-left: 50px;
  padding-right: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course__content-4 {
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course__content-4 {
    padding-left: 45px;
    padding-bottom: 85px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .course__content-4 {
    padding-left: 45px;
    padding-bottom: 85px;
  }
}
@media (max-width: 575px) {
  .course__content-4 {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 85px;
  }
}
.course__summary p {
  font-size: 18px;
}
@media (max-width: 575px) {
  .course__summary p {
    font-size: 16px;
  }
}
.course__right {
  position: relative;
  height: 100%;
}
.course__rating span {
  font-size: 16px;
}
.course__rating span i {
  padding-right: 5px;
  color: #ff9415;
}
.course__rating-2 h5 {
  font-size: 14px;
  color: #53545b;
  font-weight: 600;
  margin-bottom: 0;
}
.course__rating-2 ul li {
  display: inline-block;
}
.course__rating-2 ul li a {
  font-size: 14px;
  color: #ff9415;
}
.course__rating-2 i {
  font-size: 14px;
  color: #ff9415;
  margin-right: 5px;
}
.course__rating-inner p {
  font-size: 16px;
  color: #0e1133;
  font-weight: 600;
  margin-bottom: 0;
  padding-left: 3px;
  transform: translateY(2px);
}
div.course__teacher-thumb img {
  width: 35px;
  height: 35px;
  border: 2px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
  -moz-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
  box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
}
.course__teacher-thumb-2 {
  position: relative;
}
.course__teacher-thumb-2 img {
  width: 46px;
  height: 46px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 5, 52, 0.1);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0, 5, 52, 0.1);
  box-shadow: 0px 10px 20px 0px rgba(0, 5, 52, 0.1);
}
.course__teacher-thumb-3 img {
  width: 44px;
  height: 44px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #ffffff;
  -webkit-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
  -moz-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
  box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
}
.course__teacher h6 {
  font-size: 16px;
  font-weight: 500;
  color: #53545b;
  margin-bottom: 0;
  line-height: 1;
  padding-top: 2px;
}
.course__teacher h6 a:hover {
  color: #2b4eff;
}
.course__teacher-info h6 {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize;
}
.course__teacher-info h6 a {
  line-height: 1;
}
.course__teacher-info span {
  color: #6d6e75;
  font-size: 14px;
  font-weight: 600;
}
.course__teacher-info-3 h5 {
  font-size: 14px;
  color: #53545b;
  font-weight: 600;
  margin-bottom: 0;
}
.course__teacher-info-3 p {
  font-size: 16px;
  color: #0e1133;
  font-weight: 600;
  margin-bottom: 0;
}
.course__teacher-rating {
  position: absolute;
  top: -1px;
  right: -7px;
}
.course__teacher-rating i {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 10px;
  color: #ffffff;
  background: #ff9415;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.course__update h5 {
  font-size: 14px;
  color: #53545b;
  font-weight: 600;
  margin-bottom: 0;
}
.course__update p {
  font-size: 16px;
  color: #0e1133;
  font-weight: 600;
  margin-bottom: 0;
}
.course__status span {
  font-size: 20px;
  color: #3b60ff;
  font-weight: 600;
  padding-right: 0;
}
.course__status span.sky-blue {
  color: #0fa0dd;
}
.course__status span.green {
  color: #30a820;
}
.course__status span.blue {
  color: #3b60ff;
}
.course__status span.blue-2 {
  color: #5744cb;
}
.course__status span.orange {
  color: #fa7919;
}
.course__status span.pink {
  color: #f2277e;
}
.course__status span.yellow {
  color: #ffa507;
}
.course__status span.old-price {
  font-size: 14px;
  color: #6d6e75;
  text-decoration: line-through;
}
.course__more {
  padding: 10px 30px;
  padding-top: 15px;
  border-top: 1px solid #f0f0f5;
}
.course__more-2 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  padding-left: 80px;
  padding-right: 70px;
  background: #ffffff;
}
.course__comment ul li {
  list-style: none;
}
@media (max-width: 575px) {
  .course__more-2 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.course__more-3 {
  padding-left: 50px;
  padding-right: 50px;
}
@media (max-width: 575px) {
  .course__more-3 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.course__btn .link-btn {
  color: #0e1133;
}
.course__btn .link-btn:hover {
  color: #2b4eff;
}
.course__menu button {
  font-size: 16px;
  font-weight: 500;
  color: #0e1133;
  background: transparent;
  text-transform: capitalize;
  position: relative;
}
.course__menu button .tag {
  position: absolute;
  top: -25px;
  right: -4px;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 7px;
  background: #2b4eff;
  color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 12px;
  text-transform: capitalize;
  -webkit-box-shadow: 0px 8px 20px 0px rgba(1, 23, 133, 0.3);
  -moz-box-shadow: 0px 8px 20px 0px rgba(1, 23, 133, 0.3);
  box-shadow: 0px 8px 20px 0px rgba(1, 23, 133, 0.3);
}
.course__menu button .tag::after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 5px solid #2b4eff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.course__menu button:hover,
.course__menu button.active {
  color: #2b4eff;
}
.course__menu button:not(:first-child) {
  margin-left: 25px;
}
@media (max-width: 575px) {
  .course__menu button:not(:first-child) {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .course__menu button {
    margin-right: 25px;
  }
}
.course__tab-inner {
  padding: 15px 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.course__tab-btn .nav-tabs {
  border: none;
}
.course__tab-btn .nav-tabs .nav-item .nav-link {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  width: 30px;
  height: 30px;
  background: transparent;
  padding: 0;
  margin-right: 6px;
}
.course__tab-btn .nav-tabs .nav-item .nav-link svg {
  width: 14px;
  height: 14px !important;
}
.course__tab-btn .nav-tabs .nav-item .nav-link svg.grid .st0 {
  fill: none;
  stroke: #53545b;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.course__tab-btn .nav-tabs .nav-item .nav-link.active {
  background: #2b4eff;
}
.course__tab-btn .nav-tabs .nav-item .nav-link.active svg.grid .st0 {
  fill: none;
  stroke: #ffffff;
}
.course__tab-btn .nav-tabs .nav-item .nav-link.active svg .st0 {
  fill: #ffffff;
}
.course__tab-2 .nav-tabs {
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
}
.course__tab-2 .nav-tabs .nav-item {
  width: 25%;
}
.course__tab-2 .nav-tabs .nav-item:not(:last-child) .nav-link {
  border-right: 1px solid #d2d3dc;
}
.course__tab-2 .nav-tabs .nav-item:not(:last-child) .nav-link.active {
  border-color: #2b4eff;
}
.course__tab-2 .nav-tabs .nav-item .nav-link {
  background: #edeef3;
  font-size: 16px;
  font-weight: 600;
  color: #0e1133;
  width: 100%;
  height: 54px;
  line-height: 54px;
  padding: 0;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.course__tab-2 .nav-tabs .nav-item .nav-link i {
  padding-right: 5px;
}
.course__tab-2 .nav-tabs .nav-item .nav-link.active {
  background: #2b4eff;
  color: #ffffff;
}
@media (max-width: 575px) {
  .course__tab-2 .nav-tabs .nav-item .nav-link span {
    display: none;
  }
}
.course__view {
  margin-left: 12px;
}
.course__view h4 {
  font-size: 15px;
  font-weight: 500;
  color: #53545b;
  display: inline-block;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .course__sort {
    margin-top: 15px;
  }
}
.course__sort-inner {
  position: relative;
}
.course__sort-inners::before {
  content: "";
  right: 15px;
  top: 4px;
  position: absolute;
  color: #53545b;
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
}
.course__sort-inner select {
  appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
  min-width: 160px;
  height: 35px;
  line-height: 37px;
  padding: 0 20px;
  font-size: 15px;
  color: #53545b;
  font-weight: 500;
  text-transform: capitalize;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding-right: 33px;
  background: #fff;
}
.course__sort-inner select:hover {
  cursor: pointer;
}
.course__description h3 {
  font-size: 26px;
  margin-bottom: 15px;
}
.course__description p {
  font-size: 18px;
  color: #53545b;
  line-height: 28px;
}
.course__description-list h4 {
  font-size: 26px;
  margin-bottom: 15px;
}
.course__description-list ul li {
  font-size: 18px;
  color: #53545b;
  margin-bottom: 7px;
  list-style: none;
}
.course__description-list ul li i {
  font-size: 16px;
  color: #0e1133;
  padding-right: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course__sidebar {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course__sidebar {
    padding-left: 0;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .course__sidebar {
    margin-top: 50px;
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .course__sidebar {
    margin-top: 50px;
    padding-left: 0;
  }
}
.course__sidebar-widget {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 27px 30px;
  padding-bottom: 24px;
  margin-bottom: 10px;
}
.course__sidebar-widget-2 {
  padding: 30px;
  -webkit-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  -moz-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.course__sidebar-title {
  font-size: 20px;
  margin-bottom: 27px;
  text-transform: capitalize;
}
.course__sidebar-search {
  position: relative;
}
.course__sidebar-search input {
  width: 100%;
  height: 60px;
  line-height: 58px;
  padding: 0 30px;
  padding-right: 45px;
  background: #f3f4f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #f3f4f8;
  outline: none;
}
.tutor-course-filter-wrapper > div:first-child h4 {
  font-size: 20px;
  color: #0e1133;
  margin: 16px 0px 12px;
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 0;
}
.course__sidebar-search input::placeholder {
  color: #8d8e9a;
  font-weight: 500;
}
.course__sidebar-search input:focus {
  border-color: #2b4eff;
  background: #ffffff;
}
.course__sidebar-search button {
  width: 18px;
  height: 18px;
  background: transparent;
  position: absolute;
  top: 20px;
  right: 20px;
}
.course__sidebar-search button svg .st0 {
  fill: #8c8faa;
}
.course__sidebar-search button svg .st1 {
  fill: #0e1133;
}
.tutor-course-filter-nested-terms {
  margin-bottom: 8px;
}
.tutor-course-filter-nested-terms input {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 18px;
  height: 18px;
  background: #ffffff;
  border: 1px solid #c7c9d2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  outline: none;
  margin-right: 4px;
}
.tutor-course-filter-nested-terms input:checked {
  position: relative;
  background-color: #2b4eff;
  border-color: transparent;
}
.tutor-course-filter-nested-terms input:checked::after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-size: 11px;
  color: #ffffff;
  top: 46%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.tutor-course-filter-nested-terms input:hover {
  cursor: pointer;
}
.tutor-course-filter-nested-terms label {
  font-size: 15px;
  font-weight: 500;
  color: #53545b;
  padding-left: 14px;
}
.tutor-course-filter-nested-terms label:hover {
  cursor: pointer;
  color: #2b4eff;
}
.tutor-course-filter-wrapper > div:first-child label {
  display: flex;
  cursor: pointer;
  font-size: 15px;
  align-items: center;
  font-weight: 500;
  color: #53545b;
}
.tutor-course-filter-wrapper > div:first-child label:hover {
  color: #2b4eff;
}
.tutor-course-filter-nested-terms label {
  padding-left: 0;
  font-size: 15px;
  font-weight: 500;
  color: #53545b;
  padding-left: 0px;
}
.course__sm-thumb img {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  object-fit: cover;
}
.course__sm-content h5 {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1;
}
.course__sm-content h5 a:hover {
  color: #2b4eff;
}
.course__sm-price span {
  font-size: 14px;
  color: #2b4eff;
  font-weight: 600;
}
.course__sm-price span.old-price {
  text-decoration: line-through;
  color: #777;
}
.course__sm-rating ul li {
  display: inline-block;
}
.course__sm-rating ul li a {
  font-size: 10px;
  color: #ff9415;
  line-height: 1;
}
.course__instructor h3 {
  font-size: 26px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course__instructor-item {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .course__instructor-item {
    margin-top: 25px;
    margin-right: 0px;
  }
}
@media (max-width: 575px) {
  .course__instructor-item {
    margin-top: 25px;
    margin-right: 0px;
  }
}
.course__instructor-thumb img {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.course__instructor-content h3 {
  font-size: 16px;
  margin-bottom: 0;
  line-height: 1;
}
.course__instructor-content p {
  font-size: 14px;
  color: #53545b;
  margin-bottom: 0;
}
.course__share h3 {
  font-size: 20px;
}
.course__share ul li {
  display: inline-block;
  margin-right: 10px;
}
.course__share ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 44px;
  text-align: center;
  font-size: 13px;
  color: #0e1133;
  background: #f3f4f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.course__share ul li a.fb {
  color: #285da1;
  background: rgba(40, 93, 161, 0.1);
}
.course__share ul li a.fb:hover {
  color: #ffffff;
  background: #285da1;
}
.course__share ul li a.tw {
  color: #03a9f4;
  background: rgba(3, 169, 244, 0.1);
}
.course__share ul li a.tw:hover {
  color: #ffffff;
  background: #03a9f4;
}
.course__share ul li a.pin {
  color: #d8163f;
  background: rgba(216, 22, 63, 0.1);
}
.course__share ul li a.pin:hover {
  color: #ffffff;
  background: #d8163f;
}
.course__curriculum-content {
  padding: 13px 30px;
  border-bottom: 1px solid #edeef2;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.course__curriculum-content:hover {
  background: #f6f7fb;
}
.course__curriculum-info svg {
  width: 16px;
  height: 16px;
  margin-right: 7px;
}
.course__curriculum-info svg .st0 {
  fill: none;
  stroke: #6d6e75;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.course__curriculum-info h3 {
  display: inline-block;
  font-size: 16px;
  color: #53545b;
  font-weight: 400;
  margin-bottom: 0;
}
.course__curriculum-info h3 span {
  color: #0e1133;
  font-weight: 500;
}
.course__curriculum-meta span.time {
  font-size: 16px;
  color: #53545b;
}
.course__curriculum-meta span.time i {
  margin-right: 7px;
}
.course__curriculum-meta span.question {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  color: #ffffff;
  padding: 0 11px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #f2277e;
  margin-left: 20px;
}
.course__curriculum .accordion-item {
  padding: 0;
}
.course__curriculum .accordion-item .accordion-button {
  outline: none;
  border: 1px solid #edeef2;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  background: #f3f4f8;
  font-size: 20px;
  font-weight: 700;
  color: #0e1133;
  padding-top: 18px;
  padding-left: 30px;
  padding-right: 30px;
}
.course__curriculum .accordion-item .accordion-button.collapsed {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.course__curriculum .accordion-item .accordion-button:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.course__curriculum .accordion-item .accordion-body {
  padding: 0;
}
.course__review-rating-info {
  padding: 62px 0;
  border-right: 3px solid #ffffff;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
@media (max-width: 575px) {
  .course__review-rating-info {
    border-right: 0;
    border-bottom: 3px solid #ffffff;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
  }
}
.course__review-rating-info h5 {
  font-size: 100px;
  line-height: 70px;
  font-weight: 500;
  margin-bottom: 8px;
}
.course__review-rating-info ul li {
  display: inline-block;
}
.course__review-rating-info ul li a {
  color: #ff9415;
}
.course__review-rating-info p {
  color: #53545b;
  margin-bottom: 0;
}
.course__review-progress {
  width: calc(100% - 60px - 60px);
  height: 4px;
  overflow: hidden;
  background: #d8dae3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.course__review-progress .single-progress {
  background: #2b4eff;
  height: 100%;
}
.course__review-details {
  padding: 35px 65px 10px 35px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.course__review-details > h5 {
  font-size: 16px;
  font-weight: 500;
  color: #0e1133;
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .course__review-details {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
  }
}
.course__review-item {
  margin-bottom: 5px;
}
.course__review-text span {
  font-size: 16px;
  color: #53545b;
}
.course__review-percent {
  width: 40px;
}
.course__review-percent h5 {
  font-size: 16px;
  font-weight: 400;
  color: #53545b;
  margin-bottom: 0;
}
.course__comment-box {
  background: #f3f4f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 25px 40px 25px 30px;
  margin-bottom: 10px;
}
.course__comment-box p {
  color: #53545b;
  margin-bottom: 0;
}
.course__comment-thumb img {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.course__comment-info {
  margin-bottom: 5px;
}
.course__comment-info h4 {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
}
.course__comment-info span {
  font-size: 14px;
  color: #53545b;
}
.course__comment-rating ul li {
  display: inline-block;
}
.course__comment-rating ul li a {
  font-size: 12px;
  color: #ff9415;
}
.course__comment-rating ul li a.no-rating {
  color: #b8b9bf;
}
.course__form h3 {
  font-size: 26px;
  margin-bottom: 40px;
}
.course__form-input input,
.course__form-input textarea {
  width: 100%;
  height: 56px;
  line-height: 54px;
  border: 2px solid #f3f4f8;
  outline: none;
  background: #f3f4f8;
  padding: 0 22px;
  font-size: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.course__form-input input:focus,
.course__form-input textarea:focus {
  border-color: #2b4eff;
  background: #ffffff;
}
.course__form-input input::placeholder,
.course__form-input textarea::placeholder {
  color: #53545b;
}
.course__form-input textarea {
  height: 150px;
  resize: none;
  padding: 20px;
  line-height: 1.1;
}
.course__form-rating {
  margin-bottom: 10px;
}
.course__form-rating span {
  color: #53545b;
}
.course__form-rating ul {
  display: inline-block;
}
.course__form-rating ul li {
  display: inline-block;
}
.course__form-rating ul li a {
  font-size: 14px;
  color: #ff9415;
}
.course__form-rating ul li a.no-rating {
  color: #b8b9bf;
}
.course__form-btn button {
  text-transform: capitalize;
}
.course__member-item {
  padding: 25px 30px;
  background: #f3f4f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 10px;
}
.course__member-thumb {
  position: relative;
}
.course__member-thumb::after {
  position: absolute;
  content: "";
  right: 0;
  top: -5px;
  width: 1px;
  height: 80px;
  background: #dddee4;
}
@media (max-width: 575px) {
  .course__member-thumb::after {
    display: none;
  }
}
.course__member-thumb img {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.course__member-name h5 {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
}
.course__member-name span {
  font-size: 15px;
  color: #53545b;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .course__member-info {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .course__member-info {
    margin-top: 25px;
    padding-left: 0;
  }
}
.course__member-info h5 {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
}
.course__member-info span {
  font-size: 15px;
  color: #53545b;
}
.course__slider .swiper-pagination {
  bottom: 20px;
}
.course__slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #d6d7de;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 5px;
  opacity: 1;
}
.course__slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #2b4eff;
}
.course__video-thumb {
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.course__video-thumb::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 3, 32, 0.5);
}
.course__video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.course__video-price h5 {
  font-size: 26px;
  display: inline-block;
  margin-bottom: 0;
}
.course__video-price h5 span {
}
.course__video-price h5.old-price {
  text-decoration: line-through;
  color: #6d6e75;
  font-weight: 500;
  font-size: 16px;
  padding-left: 10px;
}
.course__video-discount span {
  display: inline-block;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  padding: 0 12px;
  color: #ff4690;
  background: rgba(255, 70, 144, 0.08);
  font-weight: 600;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.course__video-content ul li:not(:last-child) {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #eef0f6;
}
.course__video-icon svg {
  width: 16px;
  height: 20px;
  margin-right: 12px;
}
.course__video-icon svg .st0 {
  fill: none;
  stroke: #2b4eff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 2.6667;
}
.course__video-icon i {
  width: 16px;
  height: 20px;
  margin-right: 12px;
  color: #2b4eff;
}
.course__video-info h5 {
  margin-bottom: 0;
  font-weight: 400;
  color: #6d6e75;
  font-size: 15px;
  line-height: 1;
}
.course__video-info h5 span {
  font-weight: 500;
  color: #0e1133;
  padding-right: 5px;
}
.course__payment h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.course__enroll-btn i {
  padding-left: 4px;
}
.course__shape img {
  position: absolute;
}
.course__shape img.course-dot {
  right: -30px;
  top: 150px;
  z-index: -1;
}
.course-rat-space {
  padding-left: 46px;
}
.admin-bar .header__area.edu-header-style-5 {
  margin-top: 0;
}
.admin-bar .header__area.edu-header-style-5.sticky {
  margin-top: 32px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course__shape img.course-dot {
    right: -20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course__shape img.course-dot {
    right: -20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .course__shape img.course-dot {
    right: -10px;
  }
}
@media (max-width: 575px) {
  .course__shape img.course-dot {
    right: -10px;
  }
}

/*----------------------------------------*/
/*  07. EVENTS CSS START
/*----------------------------------------*/
.events__shape img.events-1-shape {
  position: absolute;
  top: 60%;
  left: 53%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events__shape img.events-1-shape {
    left: 50%;
    width: 90%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events__shape img.events-1-shape {
    left: 50%;
    width: 90%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .events__shape img.events-1-shape {
    left: 50%;
    width: 90%;
  }
}
@media (max-width: 575px) {
  .events__shape img.events-1-shape {
    left: 50%;
    width: 90%;
  }
}
.events__item {
  position: relative;
  z-index: 1;
}
.events__item-inner {
  padding: 28px 50px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  -moz-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .events__item-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 575px) {
  .events__item-inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.events__item::after {
  position: absolute;
  content: "";
  top: auto;
  bottom: 0;
  left: -3px;
  width: 10%;
  height: 0%;
  background: #2b4eff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  z-index: -1;
}
.events__item:hover::after,
.events__item.active::after {
  top: 0;
  bottom: auto;
  height: 100%;
}
.events__title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
}
.events__title a:hover {
  color: #2b4eff;
}
.events__meta {
  margin-bottom: 5px;
}
.events__meta span {
  display: inline-block;
  position: relative;
  padding-right: 7px;
  margin-right: 7px;
}
.events__meta span:not(:last-child)::after {
  position: absolute;
  content: "";
  right: 0;
  top: 5px;
  width: 1px;
  height: 14px;
  background: #6d6e75;
}
@media (max-width: 575px) {
  .events__more {
    margin-top: 15px;
  }
}
.events__more .link-btn {
  color: #0e1133;
}
.events__more .link-btn:hover {
  color: #2b4eff;
}
.events__details h3 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 15px;
}
.events__details p {
  font-size: 18px;
  line-height: 28px;
  color: #53545b;
}
.events__allow h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 15px;
}
.events__allow ul li {
  font-size: 16px;
  color: #0e1133;
  list-style: none;
}
.events__allow ul li:not(:last-child) {
  margin-bottom: 5px;
}
.events__allow ul li i {
  display: inline-block;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 10px;
  font-weight: 500;
  color: #30a820;
  background: rgba(48, 168, 32, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 10px;
}
.events__tag {
  border-top: 1px solid #e4e6ef;
  padding-top: 25px;
}
.events__tag span {
  font-size: 16px;
  color: #2b4eff;
  margin-right: 7px;
}
.events__tag a {
  font-size: 16px;
  color: #53545b;
  font-weight: 600;
}
.events__tag a:hover {
  color: #2b4eff;
}
.events__info-price h5 {
  font-size: 26px;
  display: inline-block;
  margin-bottom: 0;
}
.events__info-price h5 span {
  font-size: 20px;
  font-weight: 600;
}
.events__info-price h5.old-price {
  text-decoration: line-through;
  color: #6d6e75;
  font-weight: 500;
  font-size: 16px;
  padding-left: 10px;
}
.events__info-discount span {
  display: inline-block;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  padding: 0 12px;
  color: #ff4690;
  background: rgba(255, 70, 144, 0.08);
  font-weight: 600;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.events__info-content ul li:not(:last-child) {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #eef0f6;
}
.events__info-icon svg {
  width: 16px;
  height: 20px;
  margin-right: 12px;
}
.events__info-icon svg .st0 {
  fill: none;
  stroke: #2b4eff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 2.6667;
}
.events__info-item h5 {
  margin-bottom: 0;
  font-weight: 400;
  color: #6d6e75;
  font-size: 15px;
  line-height: 1;
}
.events__info-item h5 span {
  font-weight: 500;
  color: #0e1133;
  padding-right: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events__sidebar {
    padding-left: 0;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .events__sidebar {
    padding-left: 0;
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .events__sidebar {
    padding-left: 0;
    margin-top: 50px;
  }
}
.events__sidebar-widget {
  position: relative;
  padding: 30px;
  -webkit-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  -moz-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.events__sidebar-shape img {
  position: absolute;
  z-index: -1;
}
.events__sidebar-shape img.events-sidebar-img-2 {
  top: 40px;
  left: -25px;
}
.events__sidebar-shape img.events-sidebar-img-3 {
  bottom: 90px;
  right: -30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .events__sidebar-shape img.events-sidebar-img-3 {
    right: -15px;
  }
}
@media (max-width: 575px) {
  .events__sidebar-shape img.events-sidebar-img-3 {
    right: -10px;
  }
}
.events__join-btn a {
  background: #ff4690;
}
.events__join-btn a i {
  padding-left: 5px;
}
.events__social h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0px;
  margin-right: 10px;
}
.events__social ul li {
  display: inline-block;
  margin-left: 5px;
}
.events__social ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 44px;
  text-align: center;
  font-size: 13px;
  color: #0e1133;
  background: #f3f4f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.events__social ul li a.fb {
  color: #285da1;
  background: rgba(40, 93, 161, 0.1);
}
.events__social ul li a.fb:hover {
  color: #ffffff;
  background: #285da1;
}
.events__social ul li a.tw {
  color: #03a9f4;
  background: rgba(3, 169, 244, 0.1);
}
.events__social ul li a.tw:hover {
  color: #ffffff;
  background: #03a9f4;
}
.events__social ul li a.pin {
  color: #d8163f;
  background: rgba(216, 22, 63, 0.1);
}
.events__social ul li a.pin:hover {
  color: #ffffff;
  background: #d8163f;
}
.events__sponsor-title {
  font-size: 20px;
  margin-bottom: 20px;
}
.events__sponsor-info h3 {
  font-size: 16px;
}
.events__sponsor-info > h4 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
}
.events__sponsor-info > h4 span {
  font-weight: 400;
  color: #6d6e75;
}

/*----------------------------------------*/
/*  08. PRICE CSS START
/*----------------------------------------*/
.price__item {
  padding: 45px 50px;
  padding-bottom: 60px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.price__head h3 {
  font-size: 26px;
  margin-bottom: 5px;
}
.price__head p {
  color: #53545b;
  margin-bottom: 17px;
}
.price__tag {
  padding-bottom: 13px;
  border-bottom: 1px solid #e0e3ed;
}
.price__tag h4 {
  font-size: 50px;
  margin-bottom: 0;
}
.price__tag h4 span {
  font-size: 16px;
  font-weight: 400;
}
.price__offer {
  position: absolute;
  top: 20px;
  right: -15px;
  z-index: 1;
}
@media (max-width: 575px) {
  .price__offer {
    right: 0;
  }
}
.price__offer span {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  background: #f2277e;
  padding: 0 10px;
  -webkit-border-radius: 4px 4px 0px 4px;
  -moz-border-radius: 4px 4px 0px 4px;
  border-radius: 4px 4px 0px 4px;
  position: relative;
}
@media (max-width: 575px) {
  .price__offer span {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
}
.price__offer span::after {
  position: absolute;
  content: "";
  bottom: -10px;
  right: 0;
  width: 0;
  height: 0;
  border-left: 15px solid #960443;
  border-top: 0px solid transparent;
  border-bottom: 10px solid transparent;
}
@media (max-width: 575px) {
  .price__offer span::after {
    display: none;
  }
}
.price__features ul li {
  font-size: 16px;
  font-weight: 500;
  color: #0e1133;
  position: relative;
  padding-left: 30px;
  list-style: none;
}
.price__features ul li:not(:last-child) {
  margin-bottom: 10px;
}
.price__features ul li i {
  position: absolute;
  left: 0;
  top: 3px;
  display: inline-block;
  color: #30a820;
  font-size: 8px;
  height: 18px;
  width: 18px;
  line-height: 18px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: rgba(48, 168, 32, 0.1);
}
.price__features ul li:hover {
  color: #30a820;
}
.price__features ul li:hover i {
  background: #30a820;
  color: #ffffff;
}
.price__tab-btn .nav-tabs {
  border: none;
}
.price__tab-btn .nav-tabs .nav-link {
  background: transparent;
  padding: 0 15px;
  font-size: 14px;
  color: #121317;
  font-weight: 500;
  height: 36px;
  line-height: 34px;
  border: 2px solid #edeef3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-transform: capitalize;
}
.price__tab-btn .nav-tabs .nav-link:first-child {
  border-right: 0;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.price__tab-btn .nav-tabs .nav-link:last-child {
  border-left: 0;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
}
.price__tab-btn .nav-tabs .nav-link.active {
  background: #2b4eff;
  color: #ffffff;
  border-color: #2b4eff;
}

/*----------------------------------------*/
/*  09. CTA CSS START
/*----------------------------------------*/
.cta__inner {
  padding: 50px 100px 53px 70px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 30px 60px 0px rgba(0, 4, 48, 0.3);
  -moz-box-shadow: 0px 30px 60px 0px rgba(0, 4, 48, 0.3);
  box-shadow: 0px 30px 60px 0px rgba(0, 4, 48, 0.3);
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta__inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta__inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 575px) {
  .cta__inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta__inner-2 {
    padding-right: 50px;
    padding-left: 50px;
  }
}
.cta__inner-3 {
  padding-left: 100px;
  padding-right: 100px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta__inner-3 {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (max-width: 575px) {
  .cta__inner-3 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.cta__shape img {
  position: absolute;
  bottom: -48px;
  right: -148px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta__shape img {
    right: -80%;
  }
}
@media (max-width: 575px) {
  .cta__shape img {
    right: -170%;
  }
}
.cta__shape-3 img {
  position: absolute;
}
.cta__shape-3 img.cta-2 {
  left: -117px;
  top: -77px;
}
.cta__shape-3 img.cta-3 {
  right: -16px;
  top: 100px;
}
.cta__title {
  position: relative;
  z-index: 1;
  font-size: 46px;
  color: #ffffff;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta__title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta__title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta__title {
    font-size: 31px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta__title {
    font-size: 35px;
  }
}
@media (max-width: 575px) {
  .cta__title {
    font-size: 25px;
  }
}
.cta__title-2 {
  font-size: 40px;
  margin-bottom: 33px;
}
.cta__content span {
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  display: inline-block;
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #f2277e;
  margin-bottom: 14px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta__more {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .cta__more {
    margin-top: 30px;
  }
}
.cta__apps a {
  display: inline-block;
  height: 54px;
  line-height: 52px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  padding: 0 20px;
  padding-right: 26px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta__apps a {
    margin-bottom: 10px;
  }
}
.cta__apps a i {
  margin-right: 2px;
}
.cta__apps a:hover,
.cta__apps a.active {
  color: #0e1133;
  border-color: #ffffff;
  background: #ffffff;
  -webkit-box-shadow: 0px 16px 24px 0px rgba(107, 25, 0, 0.3);
  -moz-box-shadow: 0px 16px 24px 0px rgba(107, 25, 0, 0.3);
  box-shadow: 0px 16px 24px 0px rgba(107, 25, 0, 0.3);
}
.cta__form-inner {
  margin-bottom: 13px;
}
.cta__form-inner input {
  width: 325px;
  height: 56px;
  line-height: 56px;
  font-size: 15px;
  padding: 0 22px;
  padding-top: 2px;
  font-size: 15px;
  outline: none;
  background: #ffffff;
  border: 2px solid #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta__form-inner input {
    width: 290px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta__form-inner input {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta__form-inner input {
    margin-bottom: 20px;
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta__form-inner input {
    margin-bottom: 20px;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .cta__form-inner input {
    margin-bottom: 20px;
    width: 100%;
  }
}
.cta__form-inner input::placeholder {
  color: #6d6e75;
}
.cta__form-inner input:focus {
  border-color: #2b4eff;
}
.cta__form-inner button {
  height: 56px;
  line-height: 56px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta__form-inner button {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta__form-inner button {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .cta__form-inner button {
    width: 100%;
  }
}
.cta__agree {
  padding-left: 5px;
}
.cta__agree input {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 16px;
  height: 16px;
  background: #ffffff;
  border: 1px solid #b9bac1;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.cta__agree input:checked {
  position: relative;
  background-color: #2b4eff;
  border-color: transparent;
}
.cta__agree input:checked::after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-size: 10px;
  color: #ffffff;
  top: 46%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.cta__agree input:hover {
  cursor: pointer;
}
.cta__agree label {
  padding-left: 8px;
  color: #53545b;
}
.cta__agree label a {
  color: #0e1133;
  font-weight: 600;
}
.cta__agree label a:hover {
  color: #2b4eff;
}
.cta__agree label:hover {
  cursor: pointer;
}

/*----------------------------------------*/
/*  10. PRODUCT CSS START
/*----------------------------------------*/
.product__sm {
  padding: 20px;
}
.product__sm ul li {
  display: flex;
  margin-bottom: 20px;
}
.product__sm-thumb img {
  width: 85px;
  height: 100px;
}
.product__sm-content h5 {
  font-size: 14px;
  margin-bottom: 0px;
  font-weight: 500;
}
.product__sm-content h5 a:hover {
  color: #2b4eff;
}
.product__sm-price {
  color: #2b4eff;
  font-weight: 500;
}
.product__sm-price-wrapper span {
  font-size: 14px;
}

.cartmini__area {
  position: relative;
}
.cartmini__wrapper {
  position: fixed;
  right: -360px;
  top: 0;
  width: 340px;
  height: 100%;
  background: #ffffff;
  -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  z-index: 9999;
  overflow: hidden;
}
.cartmini__wrapper.opened {
  right: 0px;
}
.cartmini__title {
  padding: 20px 20px;
  border-bottom: 1px solid #eef0f6;
  box-shadow: 0 0 10px 0 rgba(129, 129, 129, 0.2);
}
.cartmini__title h4 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0;
}
.cartmini__close {
  position: absolute;
  top: 17px;
  right: 20px;
}
.cartmini__close-btn {
  background: transparent;
  color: #0e1133;
  font-size: 22px;
}
.cartmini__close-btn:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.cartmini__widget {
  overflow-y: scroll;
  height: 100%;
}
.cartmini__inner ul li {
  position: relative;
  display: flex;
  padding: 20px;
  padding-right: 35px;
  border-bottom: 1px solid rgba(129, 129, 129, 0.2);
  transition: background-color 0.3s;
}
.cartmini__inner ul li:hover {
  background: #f9f9f9;
}
.cartmini__thumb {
  margin-right: 15px;
}
.cartmini__thumb img {
  width: 70px;
  height: 90px;
}
.cartmini__content h5 {
  font-size: 13px;
  margin-bottom: 12px;
  font-weight: 500;
}
.cartmini__content h5 a:hover {
  color: #2b4eff;
}
.cartmini__del {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #0e1133;
  font-size: 12px;
  background: transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.cartmini__del:hover {
  background: #ffffff;
}
.cartmini__checkout {
  padding: 20px;
  padding-bottom: 85px;
  width: 100%;
  background: #ffffff;
  border-top: 2px solid #eef0f6;
}
.cartmini__checkout-title h4 {
  font-size: 18px;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 0;
}
.cartmini__checkout-title span {
  float: right;
  font-size: 20px;
  color: #0e1133;
  font-weight: 600;
  color: #2b4eff;
}

.cart-plus,
.cart-minus {
  width: 25px;
  height: 30px;
  border: 2px solid #eef0f6;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
}
.cart-plus:hover,
.cart-minus:hover {
  cursor: pointer;
  color: #ffffff;
  background: #2b4eff;
  border-color: #2b4eff;
}

.cart-input {
  height: 30px;
  width: 32px;
  text-align: center;
  font-size: 14px;
  border: none;
  border-top: 2px solid #eef0f6;
  border-bottom: 2px solid #eef0f6;
  display: inline-block;
  vertical-align: middle;
  margin: 0 -3px;
  padding-bottom: 0px;
}
.cart-input:focus {
  outline: none;
}

/*----------------------------------------*/
/*  02. SERVICES CSS START
/*----------------------------------------*/
.services__item {
  position: relative;
  padding: 40px 40px;
  padding-bottom: 45px;
  -webkit-box-shadow: 0px 30px 40px 0px rgba(3, 24, 128, 0.2);
  -moz-box-shadow: 0px 30px 40px 0px rgba(3, 24, 128, 0.2);
  box-shadow: 0px 30px 40px 0px rgba(3, 24, 128, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services__item {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__item {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__item {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.services__item:hover {
  -webkit-transform: translateY(-5px) translate3d(0, -5px, 0);
  -moz-transform: translateY(-5px) translate3d(0, -5px, 0);
  -ms-transform: translateY(-5px) translate3d(0, -5px, 0);
  transform: translateY(-5px) translate3d(0, -5px, 0);
}
.services__item:hover p {
  visibility: hidden;
  opacity: 0;
}
.services__item:hover .link-btn-2 {
  bottom: 45px;
  visibility: visible;
  opacity: 1;
}
.services__title {
  font-size: 22px;
  color: #ffffff;
  margin-bottom: 17px;
}
.services__icon {
  margin-bottom: 43px;
}
.services__icon svg {
  width: 50px;
  height: 50px;
}
.services__icon svg path {
  fill: #ffffff;
}
.services__content p {
  color: #ffffff;
  opacity: 0.8;
  line-height: 22px;
  margin-bottom: 0;
}
.services__content .link-btn-2 {
  position: absolute;
  left: 40px;
  bottom: 20px;
  visibility: hidden;
  opacity: 0;
  color: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__content .link-btn-2 {
    left: 15px;
  }
}
.services__content .link-btn-2:hover {
  border-color: #ffffff;
}

/*----------------------------------------*/
/*  12. ABOUT CSS START
/*----------------------------------------*/
div.about__thumb img {
  width: 370px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
@media (max-width: 575px) {
  .about__thumb img {
    width: 100%;
  }
}
.about__thumb-wrapper {
  position: relative;
}
@media (max-width: 575px) {
  .about__banner {
    margin-top: -25px;
  }
}
div.about__banner img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  max-width: 240px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__content {
    padding-left: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__content {
    margin-top: 50px;
    padding-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about__content {
    margin-top: 50px;
    padding-left: 0px;
  }
}
@media (max-width: 575px) {
  .about__content {
    margin-top: 50px;
    padding-left: 0px;
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .about__student {
    margin-top: 20px;
    margin-left: 0;
  }
}
.about__student img {
  height: 36px;
  width: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #ffffff;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 5, 52, 0.1);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0, 5, 52, 0.1);
  box-shadow: 0px 10px 20px 0px rgba(0, 5, 52, 0.1);
}
.about__student img + img {
  margin-left: -12px;
}
.about__student.about_width img {
  width: inherit;
}
.about__student p {
  margin-top: 4px;
  margin-bottom: 0;
}
.about__student p span {
  font-weight: 600;
  color: #0e1133;
}
.about__review {
  position: absolute;
  left: -25px;
  top: 100px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.about__review h5 {
  font-size: 16px;
  font-weight: 400;
  color: #6d6e75;
  margin-bottom: 0;
}
.about__review h5 span {
  font-weight: 600;
  color: #0e1133;
}
.about__list ul li {
  font-size: 16px;
  font-weight: 500;
  color: #0e1133;
  margin-bottom: 5px;
}
.about__list ul li i {
  font-size: 16px;
  color: #30a820;
  padding-right: 9px;
}

/*----------------------------------------*/
/*  13. WHAT CSS START
/*----------------------------------------*/
.what__item {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.what__item::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(14, 17, 51, 0.5);
}
.what__item:hover::after {
  background: rgba(43, 78, 255, 0.9);
}
.what__item:hover .what__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.what__title {
  font-size: 30px;
  margin-bottom: 18px;
}
@media (max-width: 575px) {
  .what__title {
    font-size: 18px;
  }
}
.what__content {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media (max-width: 575px) {
  .what__content {
    width: 90%;
  }
}

/*----------------------------------------*/
/*  14. WHY CSS START
/*----------------------------------------*/
.why__thumb {
  position: relative;
  z-index: 1;
  margin-left: -35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why__thumb {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .why__thumb {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .why__thumb {
    margin-top: 50px;
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .why__thumb img {
    width: 100%;
  }
}
.why__thumb img.why-green {
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .why__thumb img.why-green {
    right: -23px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .why__thumb img.why-green {
    right: -19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why__thumb img.why-green {
    right: -19px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .why__thumb img.why-green {
    right: 41px;
  }
}
@media (max-width: 575px) {
  .why__thumb img.why-green {
    right: 0px;
    width: 100%;
  }
}
.why__thumb img.why-pink {
  position: absolute;
  z-index: -2;
  bottom: -6%;
  left: 15%;
}
@media (max-width: 575px) {
  .why__thumb img.why-pink {
    width: 80%;
  }
}
.why__thumb img.why-dot {
  position: absolute;
  right: 10%;
  bottom: 6%;
}
@media (max-width: 575px) {
  .why__thumb img.why-dot {
    width: inherit;
  }
}
.why__thumb img.why-line {
  position: absolute;
  right: 0%;
  top: 28%;
}
@media (max-width: 575px) {
  .why__thumb img.why-line {
    width: inherit;
  }
}
.why__btn .link-btn {
  color: #0e1133;
}
.why__btn .link-btn:hover {
  color: #2b4eff;
}
@media (max-width: 575px) {
  .why__content {
    padding-right: 0;
  }
}

/*----------------------------------------*/
/*  15. COUNTER CSS START
/*----------------------------------------*/
.counter__icon svg {
  height: 34px;
}
.counter__icon.user svg {
  fill: #fc4d93;
}
.counter__icon.book svg {
  fill: #ff8f21;
}
.counter__icon.graduate svg {
  fill: #14c0da;
}
.counter__icon.globe svg {
  fill: #516eff;
}
.counter__content h4 {
  font-size: 26px;
  margin-bottom: 0;
  line-height: 1;
}
.counter__content p {
  font-weight: 500;
}
.counter__pl-80 {
  padding-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter__pl-80 {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter__pl-80 {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .counter__pl-80 {
    padding-left: 0px;
  }
}
@media (max-width: 575px) {
  .counter__pl-80 {
    padding-left: 0px;
  }
}
.counter__pl-34 {
  padding-left: 34px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter__pl-34 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .counter__pl-34 {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .counter__pl-34 {
    padding-left: 0;
  }
}
.counter__pl-70 {
  padding-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .counter__pl-70 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter__pl-70 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .counter__pl-70 {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .counter__pl-70 {
    padding-left: 0;
  }
}

/*----------------------------------------*/
/*  16. TESTIMONIAL CSS START
/*----------------------------------------*/
.testimonial__area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.testimonial__overlay {
  position: relative;
}
.testimonial__overlay::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(43, 78, 255, 0.84);
}
.testimonial__slider .swiper-nav i {
  display: inline-block;
  font-size: 14px;
  width: 50px;
  height: 50px;
  line-height: 46px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: transparent;
  color: #ffffff;
}
.testimonial__slider .swiper-nav i:hover {
  background: #ffffff;
  border-color: #ffffff;
  color: #2b4eff;
}
.testimonial__slider .swiper-nav::after {
  display: none;
}
.testimonial__slider-3 .testimonial-nav {
  width: 290px;
}
.testimonial__slider-3 .testimonial-nav .swiper-slide {
  width: 70px;
}
.testimonial__slider-3 .testimonial-nav .swiper-slide img {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.testimonial__slider-3 .testimonial-nav .swiper-slide.swiper-slide-thumb-active .testimonial__nav-thumb::after {
  border-color: rgba(255, 255, 255, 0.3);
}
.testimonial__slider-3 .swiper-container {
  margin-left: inherit;
  margin-right: inherit;
}
.testimonial__nav-thumb {
  position: relative;
  width: 70px;
  height: 70px;
  margin: 10px;
}
.testimonial__nav-thumb::after {
  position: absolute;
  content: "";
  left: -10px;
  top: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.testimonial__item-3 p {
  font-size: 24px;
  line-height: 40px;
  color: #ffffff;
}
.testimonial__title {
  font-size: 40px;
  color: #ffffff;
}
.testimonial__thumb {
  margin-bottom: 30px;
}
.testimonial__thumb img {
  width: 80px;
  height: 80px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.testimonial__thumb-3 {
  height: 300px;
  width: 100%;
}
.testimonial__thumb-3 iframe {
  width: 100%;
  height: 100%;
}
.testimonial__content p {
  font-size: 30px;
  color: #ffffff;
  line-height: 44px;
  font-weight: 500;
  padding: 0 290px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial__content p {
    padding: 0 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__content p {
    padding: 0 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__content p {
    padding: 0 80px;
  }
}
@media (max-width: 575px) {
  .testimonial__content p {
    font-size: 20px;
    line-height: 33px;
    padding: 0 80px;
  }
}
.testimonial__info h4 {
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 0;
}
.testimonial__info span {
  font-size: 14px;
  color: #ffffff;
  opacity: 0.7;
}
.testimonial__info-2 h4 {
  font-size: 22px;
  color: #ffffff;
  display: inline-block;
}
.testimonial__info-2 span {
  font-size: 18px;
  color: #e2ece9;
}
.testimonial__video {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 30px 70px 0px rgba(0, 32, 29, 0.14);
  -moz-box-shadow: 0px 30px 70px 0px rgba(0, 32, 29, 0.14);
  box-shadow: 0px 30px 70px 0px rgba(0, 32, 29, 0.14);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__video {
    margin-left: 0;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__video {
    margin-left: 0;
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .testimonial__video {
    margin-left: 0;
    margin-top: 50px;
  }
}
.testimonial__video-icon span {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #0fa0dd;
  text-align: center;
}
.testimonial__video-icon svg {
  width: 22px;
  height: 22px;
}
.testimonial__video-icon svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.testimonial__video-content {
  background: #ffffff;
  padding: 30px 40px;
  padding-right: 50px;
  padding-bottom: 60px;
}
.testimonial__video-text h4 {
  font-size: 26px;
}
.testimonial__video-text p {
  color: #53545b;
  margin-bottom: 0;
}

/*----------------------------------------*/
/*  17. BLOG CSS START
/*----------------------------------------*/
.blog__item {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);
  -moz-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);
  box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);
}
.blog__item:hover .blog__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.blog__title {
  font-size: 20px;
  margin-bottom: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog__title {
    font-size: 18px;
  }
}
.blog__title a:hover {
  color: #2b4eff;
}
.blog__content {
  padding: 30px;
  padding-bottom: 35px;
}
.blog__tag a {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #f2277e;
  background: rgba(242, 39, 126, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 500;
  padding: 0 6px;
  margin-right: 10px;
}
.blog__tag a:hover {
  background: #0fa0dd;
  color: #ffffff;
}
.blog__tag a.purple {
  background: rgba(131, 48, 254, 0.1);
  color: #8330fe;
}
.blog__tag a.purple:hover {
  background: #8330fe;
  color: #ffffff;
}
.blog__tag a.pink {
  background: rgba(242, 39, 126, 0.1);
  color: #f2277e;
}
.blog__tag a.pink:hover {
  background: #f2277e;
  color: #ffffff;
}
.blog__tag a.green {
  background: rgba(48, 168, 32, 0.1);
  color: #30a820;
}
.blog__tag a.green:hover {
  background: #30a820;
  color: #ffffff;
}
.blog__tag a.orange {
  background: rgba(250, 121, 25, 0.1);
  color: #fa7919;
}
.blog__tag a.orange:hover {
  background: #fa7919;
  color: #ffffff;
}
.blog__tag a.blue {
  background: rgba(43, 78, 255, 0.1);
  color: #2b4eff;
}
.blog__tag a.blue:hover {
  background: #2b4eff;
  color: #ffffff;
}
.blog__tag-2 a {
  display: inline-block;
  height: 30px;
  line-height: 32px;
  color: #53545b;
  font-weight: 500;
  background: #f3f4f8;
  padding: 0 12px;
  font-size: 15px;
  margin-right: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.blog__tag-2 a:hover {
  background: #2b4eff;
  color: #ffffff;
}
div.blog__author-thumb img {
  width: 35px;
  height: 35px;
  border: 2px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
  -moz-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
  box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
}
.blog__author-thumb-3 img {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.blog__author-info h5 {
  font-size: 15px;
  font-weight: 500;
  color: #53545b;
  margin-bottom: 0;
}
.blog__author-info-2 h5 {
  color: #ffffff;
}
.blog__author-3 {
  padding: 30px;
  padding-bottom: 35px;
  padding-right: 60px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media (max-width: 575px) {
  .blog__author-content {
    margin-top: 25px;
  }
}
.blog__author-content h4 {
  font-size: 16px;
  margin-bottom: 0;
}
.blog__author-content span {
  color: #53545b;
  display: inline-block;
  margin-bottom: 10px;
}
.blog__author-content p {
  font-size: 20px;
  line-height: 1.2;
  color: #0e1133;
  margin-bottom: 0;
}
.blog__date i {
  color: #53545b;
  margin-right: 10px;
}
.blog__date span {
  font-size: 14px;
  color: #53545b;
  font-weight: 500;
}
.blog__date-2 i {
  color: #ffffff;
}
.blog__date-2 span {
  color: #ffffff;
}
.blog__text h3 {
  font-size: 30px;
  margin-bottom: 12px;
}
.blog__text p {
  font-size: 18px;
  line-height: 28px;
  color: #53545b;
  margin-bottom: 27px;
}
.blog__quote {
  padding: 40px 50px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media (max-width: 575px) {
  .blog__quote {
    padding: 20px 30px;
  }
}
.blog__quote blockquote {
  margin-bottom: 0;
}
.blog__quote p {
  font-size: 24px;
  color: #0e1133;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 25px;
}
.blog__quote h4 {
  font-size: 20px;
  padding-left: 30px;
  position: relative;
  margin-bottom: 0;
}
.blog__quote h4::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 19px;
  height: 2px;
  background: #0e1133;
}
.blog__quote img.quote {
  position: absolute;
  bottom: -34px;
  right: 50px;
}
.blog__link p {
  font-size: 26px;
  line-height: 1.4;
  font-weight: 500;
  color: #0e1133;
}
@media (max-width: 575px) {
  .blog__link p {
    font-size: 24px;
  }
}
.blog__link p a {
  color: #2b4eff;
}
.blog__img img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
@media (max-width: 575px) {
  .blog__social {
    margin-top: 30px;
  }
}
.blog__social h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0px;
  margin-right: 10px;
}
.blog__social ul li {
  display: inline-block;
  margin-left: 5px;
}
.blog__social ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 44px;
  text-align: center;
  font-size: 13px;
  color: #0e1133;
  background: #f3f4f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.blog__social ul li a.fb {
  color: #285da1;
  background: rgba(40, 93, 161, 0.1);
}
.blog__social ul li a.fb:hover {
  color: #ffffff;
  background: #285da1;
}
.blog__social ul li a.tw {
  color: #03a9f4;
  background: rgba(3, 169, 244, 0.1);
}
.blog__social ul li a.tw:hover {
  color: #ffffff;
  background: #03a9f4;
}
.blog__social ul li a.pin {
  color: #d8163f;
  background: rgba(216, 22, 63, 0.1);
}
.blog__social ul li a.pin:hover {
  color: #ffffff;
  background: #d8163f;
}
.blog__line {
  margin-bottom: 28px;
  width: 100%;
  height: 1px;
  background: #f0f0f5;
}
.blog__comment h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 40px;
}
.blog__comment-input input,
.blog__comment-input textarea {
  width: 100%;
  height: 56px;
  line-height: 56px;
  border: 2px solid #f3f4f8;
  background: #f3f4f8;
  color: #0e1133;
  font-size: 15px;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 0 24px;
}
.blog__comment-input input::placeholder,
.blog__comment-input textarea::placeholder {
  font-size: 15px;
  color: #6d6e75;
}
.blog__comment-input input:focus,
.blog__comment-input textarea:focus {
  background: #ffffff;
  border-color: #2b4eff;
}
.blog__comment-input textarea {
  height: 180px;
  resize: none;
  line-height: 1.2;
  padding: 23px;
  padding-top: 19px;
  margin-bottom: 13px;
}
.blog__comment-agree {
  padding-left: 5px;
}
.blog__comment-agree input {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 14px;
  height: 14px;
  background: #ffffff;
  border: 1px solid #b9bac1;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.blog__comment-agree input:checked {
  position: relative;
  background-color: #2b4eff;
  border-color: transparent;
}
.blog__comment-agree input:checked::after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-size: 10px;
  color: #ffffff;
  top: 46%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.blog__comment-agree input:hover {
  cursor: pointer;
}
.blog__comment-agree label {
  padding-left: 8px;
  color: #53545b;
}
.blog__comment-agree label a {
  color: #0e1133;
  font-weight: 600;
  padding-left: 4px;
}
.blog__comment-agree label a:hover {
  color: #2b4eff;
}
.blog__comment-agree label:hover {
  cursor: pointer;
}
.post-input input,
.post-input textarea {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #f3f4f8;
  background: #f3f4f8;
  margin-bottom: 20px;
}
.post-input textarea {
  height: 180px;
  line-height: 26px;
  resize: none;
  padding: 30px;
  padding-top: 20px;
}
.post-input input:focus,
.post-input textarea:focus {
  border-color: #2b4eff;
  outline: none;
  background: #ffffff;
}
.comments-avatar {
  float: left;
  margin-right: 20px;
}
.comments-text {
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog__sidebar {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog__sidebar {
    padding-left: 0;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__sidebar {
    padding-left: 0;
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .blog__sidebar {
    padding-left: 0;
    margin-top: 50px;
  }
}

/* sidebar area */
.sidebar__widget-title {
  font-size: 20px;
  padding-bottom: 7px;
  border-bottom: 1px solid #f0f0f5;
}
.sidebar__search input {
  width: 100%;
  height: 60px;
  line-height: 56px;
  background: #f3f4f8;
  border: 2px solid #f3f4f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding-left: 30px;
  padding-right: 45px;
}
.sidebar__search input::placeholder {
  color: #8d8e9a;
  font-weight: 500;
}
.sidebar__search button {
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sidebar__search button svg {
  width: 18px;
  height: 18px;
}
.sidebar__search button svg .st0 {
  fill: #8c8faa;
}
.sidebar__search button svg .st1 {
  fill: #0e1133;
}
.sidebar__category ul li:not(:last-child) {
  margin-bottom: 15px;
}
.sidebar__category ul li a {
  font-size: 16px;
  font-weight: 500;
  color: #53545b;
  padding-left: 20px;
  position: relative;
}
.sidebar__category ul li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  background: #adaeba;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.sidebar__category ul li a:hover {
  color: #2b4eff;
}
.sidebar__category ul li a:hover::after {
  background: #2b4eff;
}

.sidebar__widget.widget_archive ul li:not(:last-child) {
  margin-bottom: 15px;
}
.sidebar__widget.widget_archive ul li a {
  position: relative;
  padding-left: 20px;
}
.sidebar__widget.widget_archive ul li a:hover {
  color: #2b4eff;
}
.sidebar__widget.widget_archive ul li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  background: #adaeba;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.sidebar__widget.widget_archive ul li a:hover::after {
  background: #2b4eff;
}

/*sidebar pages*/

.sidebar__widget.widget_pages ul li:not(:last-child) {
  margin-bottom: 15px;
}
.sidebar__widget.widget_pages ul li a {
  position: relative;
  padding-left: 20px;
}
.sidebar__widget.widget_pages ul li a:hover {
  color: #2b4eff;
}
.sidebar__widget.widget_pages ul li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  background: #adaeba;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.sidebar__widget.widget_pages ul li a:hover::after {
  background: #2b4eff;
}

/*sidebar pages*/

.sidebar__widget ul li {
  list-style: none;
}
.sidebar__widget.widget_meta ul li:not(:last-child) {
  margin-bottom: 15px;
}
.sidebar__widget.widget_meta ul li a {
  position: relative;
  padding-left: 20px;
}
.sidebar__widget.widget_meta ul li a:hover {
  color: #2b4eff;
}
.sidebar__widget.widget_meta ul li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  background: #adaeba;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.sidebar__widget.widget_meta ul li a:hover::after {
  background: #2b4eff;
}

/*Nav Menu*/

.sidebar__widget.widget_nav_menu ul li:not(:last-child) {
  margin-bottom: 15px;
}
.sidebar__widget.widget_nav_menu ul li a {
  position: relative;
  padding-left: 20px;
}
.sidebar__widget.widget_nav_menu ul li a:hover {
  color: #2b4eff;
}
.sidebar__widget.widget_nav_menu ul li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  background: #adaeba;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.sidebar__widget.widget_nav_menu ul li a:hover::after {
  background: #2b4eff;
}

.blog__area .sidebar__widget ul ul {
  padding-left: 10px;
  padding-top: 14px;
}

div.tagcloud a {
  display: inline-block;
  height: 36px;
  line-height: 38px;
  padding: 0 15px;
  font-size: 15px;
  font-weight: 500;
  color: #53545b;
  background: #f3f4f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-right: 8px;
  margin-bottom: 10px;
}
div.tagcloud a:hover {
  color: #ffffff;
  background: #2b4eff;
}
.sidebar__widget.widget_rss ul li a:hover {
  color: #2b4eff;
}
.sidebar__widget.widget_rss ul li a.rsswidget:hover {
  color: #2b4eff;
}

.rc__post:not(:last-child) {
  margin-bottom: 30px;
}
.rc__meta span {
  color: #53545b;
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  display: inline-block;
  margin-bottom: 10px;
}
.rc__thumb img {
  width: 75px;
  height: 75px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.rc__title {
  font-size: 18px;
  color: #0e1133;
  margin-bottom: 0px;
  font-weight: 600;
  line-height: 1.1;
}
.rc__title a:hover {
  color: #2b4eff;
}

/* comment box */
.latest-comments h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}

.latest-comments ul li {
  margin-bottom: 10px;
}

.latest-comments ul li.children {
  margin-left: 100px;
}
@media (max-width: 575px) {
  .latest-comments ul li.children {
    margin-left: 15px;
  }
}

.latest-comments ul li ul li.children-2 {
  margin-left: 100px;
  margin-top: 10px;
}
@media (max-width: 575px) {
  .latest-comments ul li ul li.children-2 {
    margin-left: 15px;
  }
}

.comments-box {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 30px;
  padding-right: 40px;
  padding-top: 25px;
  padding-top: 35px;
  background: #f3f4f8;
}

.comments-avatar img {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.avatar-name {
  margin-bottom: 5px;
}

.avatar-name h5 {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0;
  text-transform: capitalize;
}

.avatar-name span {
  font-size: 14px;
  color: #53545b;
}

@media (max-width: 575px) {
  .comments-text {
    margin-left: 0;
    margin-top: 15px;
  }
}

.comments-text p {
  font-size: 16px;
  color: #53545b;
  margin-bottom: 15px;
}

.comments-replay {
  margin-top: 10px;
}
.comments-replay a {
  display: inline-block;
  color: #2b4eff;
  background: rgba(43, 78, 255, 0.1);
  height: 20px;
  line-height: 22px;
  padding: 0 8px;
  font-weight: 500;
  font-size: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.comments-replay a:hover {
  color: #ffffff;
  background: #2b4eff;
}

/*----------------------------------------*/
/*  18. SLIDER CSS START
/*----------------------------------------*/
.slider__wrapper .swiper-slide-active span,
.slider__wrapper .swiper-slide-active p,
.slider__wrapper .swiper-slide-active a,
.slider__wrapper .swiper-slide-active .slider__title {
  opacity: 1;
  transform: translateY(0);
}
.slider__height {
  min-height: 950px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__height {
    min-height: 700px;
  }
}
@media (max-width: 575px) {
  .slider__height {
    min-height: 600px;
  }
}
.slider__overlay {
  position: relative;
}
.slider__overlay::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 3, 32, 0.66);
}
.slider__content {
  position: relative;
  z-index: 1;
}
.slider__content span {
  font-size: 18px;
  color: #ffb352;
  margin-bottom: 12px;
  display: inline-block;
}
.slider__content p {
  font-size: 22px;
  line-height: 30px;
  padding-right: 160px;
  margin-bottom: 28px;
  opacity: 0.7;
  color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__content p {
    padding-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__content p {
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .slider__content p {
    padding-right: 0;
  }
}
.slider__content > span,
.slider__content p,
.slider__content a {
  position: relative;
  z-index: 1;
  padding-right: 25px;
  transform: translateY(70px);
  transition: 1s;
  opacity: 0;
}
.slider__title {
  font-size: 70px;
  color: #ffffff;
  line-height: 1.05;
  margin-bottom: 5px;
  position: relative;
  z-index: 1;
  padding-right: 25px;
  transform: translateY(70px);
  transition: 1s;
  opacity: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__title {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .slider__title {
    font-size: 30px;
  }
}
.slider__title span {
  font-size: 70px;
  color: #ffffff;
  position: relative;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__title span {
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__title span {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .slider__title span {
    font-size: 30px;
  }
}
.slider__title span img {
  position: absolute;
  left: -14px;
  bottom: 11px;
  z-index: -1;
  -webkit-animation: section-animation 3s infinite;
  animation: section-animation 3s infinite;
}
@media (max-width: 575px) {
  .slider__title span img {
    height: 15px;
    bottom: 0;
  }
}
.slider__btn {
  height: 50px;
  line-height: 48px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  padding: 0 22px;
  background: transparent;
}
.slider__btn:hover {
  background: #ffffff;
  color: #000320;
  border-color: #ffffff;
}
div.slider__nav {
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  width: 100%;
}
.slider__nav-item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100px;
  transition: height 0.3s ease-in-out;
  position: relative;
}
.slider__nav-item:hover {
  cursor: pointer;
}
.slider__nav-item::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #2b4eff;
  opacity: 0.8;
}
.slider__nav-item.blue-bg::after {
  background: rgba(45, 105, 240, 0.8);
}
.slider__nav-item.pink-bg::after {
  background: rgba(221, 36, 110, 0.8);
}
.slider__nav-item.green-bg::after {
  background: rgba(12, 174, 116, 0.8);
}
.swiper-slide-thumb-active.slider__nav-item {
  transform: scaleY(1.1);
  transform-origin: bottom;
}
.swiper-container.slider__nav {
  padding-top: 10px;
  margin-top: -10px;
}
.slider__nav-content {
  position: relative;
  z-index: 1;
  padding: 23px 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider__nav-content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__nav-content {
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__nav-content {
    padding: 15px;
  }
}
.slider__nav-content span {
  display: inline-block;
  font-size: 15px;
  color: #ffffff;
  opacity: 0.8;
}
.slider__nav-content h4 {
  font-size: 22px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0;
}

/*----------------------------------------*/
/*  19. BRAND CSS START
/*----------------------------------------*/
.brand__title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 50px;
}
.brand__more {
  margin-top: 52px;
}
.brand__more .link-btn {
  color: #0e1133;
}
.brand__more .link-btn:hover {
  color: #2b4eff;
}

/*----------------------------------------*/
/*  20. TEACHER CSS START
/*----------------------------------------*/
.teacher__item {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 30px;
}
.teacher__item:hover {
  background: #ffffff;
  -webkit-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);
  -moz-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);
  box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);
}
.teacher__item:hover .teacher__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.teacher__content {
  padding-top: 25px;
}
.teacher__content span {
  font-size: 16px;
  color: #53545b;
}
.teacher__title {
  display: inline-block;
  font-size: 20px;
  margin-bottom: 10px;
}
.teacher__social ul li {
  display: inline-block;
  margin: 0 5px;
}
.teacher__social ul li a {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 13px;
  text-align: center;
  border: 2px solid #d7d9e3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #0e1133;
}
.teacher__social ul li a:hover {
  background: #2b4eff;
  color: #ffffff;
  border-color: #2b4eff;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .teacher__social-2 {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .teacher__social-2 {
    margin-bottom: 30px;
  }
}
.teacher__social-2 h4 {
  font-size: 16px;
  font-weight: 500;
  color: #53545b;
  margin-bottom: 0;
}
.teacher__social-2 ul li {
  display: inline-block;
}
.teacher__social-2 ul li a {
  font-size: 14px;
  color: #898a93;
}
.teacher__social-2 ul li a:hover {
  color: #2b4eff;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .teacher__rating {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .teacher__rating {
    margin-bottom: 30px;
  }
}
.teacher__rating span {
  font-size: 16px;
}
.teacher__rating span i {
  padding-right: 5px;
  color: #ff9415;
}
.teacher__rating h5 {
  font-size: 14px;
  color: #53545b;
  font-weight: 600;
  margin-bottom: 0;
}
.teacher__rating ul li {
  display: inline-block;
}
.teacher__rating ul li a {
  font-size: 14px;
  color: #ff9415;
}
.teacher__rating-inner p {
  font-size: 16px;
  color: #0e1133;
  font-weight: 600;
  margin-bottom: 0;
  padding-left: 3px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .teacher__info {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .teacher__info {
    margin-bottom: 30px;
  }
}
.teacher__info h4 {
  font-size: 40px;
  margin-bottom: 0;
}
.teacher__info span {
  font-size: 16px;
  color: #53545b;
}
.teacher__follow-btn {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0 25px;
  border: 2px solid #eef0f6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #0e1133;
  font-weight: 16px;
  font-weight: 500;
  text-transform: capitalize;
  background: #ffffff;
}
.teacher__follow-btn:hover {
  background: #2b4eff;
  color: #ffffff;
  border-color: #2b4eff;
}
.teacher__top {
  padding-bottom: 20px;
  border-bottom: 1px solid #e8eaf0;
}
.teacher__bio {
  padding-bottom: 50px;
  padding-top: 35px;
  border-bottom: 1px solid #e8eaf0;
}
.teacher__bio h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
.teacher__bio p {
  font-size: 16px;
  line-height: 26px;
  color: #53545b;
  margin-bottom: 0;
}
.teacher__courses .section__title {
  font-size: 30px;
}
.teacher__details-thumb img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.course__sidebar ul li {
  list-style: none;
}
.course__sidebar ul li:last-child .course__sm {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .teacher__details-thumb {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .teacher__details-thumb {
    margin-bottom: 50px;
  }
}
@media (max-width: 575px) {
  .teacher__details-thumb {
    margin-bottom: 50px;
    padding-right: 0;
  }
}
.teacher__details-shape img {
  position: absolute;
  z-index: -1;
  width: auto;
}
.teacher__details-shape img.teacher-details-shape-1 {
  right: 0px;
  bottom: 70px;
}
.teacher__details-shape img.teacher-details-shape-2 {
  left: -27px;
  top: 55px;
}

/*----------------------------------------*/
/*  21. PAGE TITLE CSS START
/*----------------------------------------*/
.page__title {
  font-size: 70px;
  color: #ffffff;
  line-height: 1.1;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .page__title {
    font-size: 50px;
  }
}
.page__title-2 {
  font-size: 60px;
  line-height: 1.17;
  color: #ffffff;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .page__title-2 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page__title-2 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page__title-2 {
    font-size: 33px;
  }
}
@media (max-width: 575px) {
  .page__title-2 {
    font-size: 35px;
  }
}
.page__title-3 {
  font-size: 50px;
  line-height: 1.1;
  margin-top: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page__title-3 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .page__title-3 {
    font-size: 26px;
  }
}
.page__title-pre {
  display: inline-block;
  height: 24px;
  line-height: 26px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  background: #3b60ff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0 7px;
  margin-bottom: 12px;
  margin-right: 4px;
}
.page__title-pre:hover {
  color: #fff;
  background: #f2277e;
}
.page__title-pres .page__title-pre:nth-child(2) {
  background: #f2277e;
}
.page__title-pres .page__title-pre:nth-child(3) {
  background: #30a820;
}
.page__title-pre.purple-bg {
  background: #b128ff;
}
.page__title-wrapper {
  position: relative;
  z-index: 1;
}
.page__title-wrapper .breadcrumb {
  margin-bottom: 0;
}
.page__title-wrapper .breadcrumb .breadcrumb-item.active {
  font-size: 15px;
  color: #ffffff;
}
.page__title-wrapper .breadcrumb .breadcrumb-item.active::before {
  content: ".";
  font-family: "Hind", sans-serif;
  font-size: 30px;
  color: #ffffff;
  line-height: 18px;
  padding-right: 13px;
}
.page__title-wrapper .breadcrumb .breadcrumb-item a {
  font-size: 15px;
  font-weight: 400;
  color: #ffffff;
}
.page__title-wrapper .breadcrumb .breadcrumb-item {
  padding-right: 13px;
  padding-left: 0;
}
.page__title-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: ".";
  font-family: "Hind", sans-serif;
  font-size: 30px;
  color: #ffffff;
  line-height: 18px;
  padding-right: 13px;
}
.page__title-height {
  padding-top: 235px;
  padding-bottom: 130px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.page__title-height-2 {
  min-height: 700px;
}
.page__title-overlay {
  position: relative;
}
.page__title-overlay::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 3, 32, 0.6);
}
.page__title-shape img {
  position: absolute;
  z-index: 1;
}
.page__title-shape img.page-title-shape-1 {
  left: 0;
  bottom: 105px;
}
.page__title-shape img.page-title-shape-2 {
  left: 105px;
  top: 35%;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .page__title-shape img.page-title-shape-2 {
    left: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .page__title-shape img.page-title-shape-2 {
    top: 28%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .page__title-shape img.page-title-shape-2 {
    top: 24%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page__title-shape img.page-title-shape-2 {
    top: 29%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page__title-shape img.page-title-shape-2 {
    left: 50px;
    top: 28%;
  }
}
@media (max-width: 575px) {
  .page__title-shape img.page-title-shape-2 {
    left: 30px;
    top: 28%;
  }
}
.page__title-shape img.page-title-shape-3 {
  bottom: 35%;
  right: 0;
}
.page__title-shape img.page-title-shape-4 {
  bottom: 41%;
  right: 0;
}
.page__title-shape img.page-title-shape-5 {
  top: 61%;
  left: 0;
  z-index: -1;
}
.page__title-shape img.page-title-shape-6 {
  top: 43%;
  left: 5%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .page__title-shape img.page-title-shape-6 {
    top: 20%;
    left: 3%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .page__title-shape img.page-title-shape-6 {
    top: 20%;
    left: 3%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page__title-shape img.page-title-shape-6 {
    top: 20%;
    left: 3%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page__title-shape img.page-title-shape-6 {
    top: 20%;
    left: 3%;
  }
}
@media (max-width: 575px) {
  .page__title-shape img.page-title-shape-6 {
    top: 20%;
    left: 3%;
  }
}
.page__title-shape img.page-title-shape-7 {
  top: 27%;
  right: 0;
  z-index: -1;
}
.page__title-shape img.page-title-shape-8 {
  top: 38%;
  right: 25%;
  z-index: -1;
}
.page__title-breadcrumb .breadcrumb {
  margin-bottom: 30px;
}
.page__title-breadcrumb .breadcrumb .breadcrumb-item {
  font-size: 14px;
  font-weight: 400;
  color: #53545b;
}
.page__title-breadcrumb .breadcrumb .breadcrumb-item.active::before {
  content: ".";
  font-family: "Hind", sans-serif;
  font-size: 30px;
  color: #53545b;
  line-height: 18px;
  padding-right: 13px;
}
.page__title-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: ".";
  font-family: "Hind", sans-serif;
  font-size: 30px;
  color: #53545b;
  line-height: 18px;
  padding-right: 13px;
}

/*----------------------------------------*/
/*  22. CONTACT CSS START
/*----------------------------------------*/
.contact__form-input input,
.contact__form-input textarea {
  width: 100%;
  height: 56px;
  line-height: 54px;
  padding: 0 23px;
  background: #f3f4f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #f3f4f8;
  color: #0e1133;
  font-size: 15px;
  margin-bottom: 20px !important;
}
.contact__form-input input::placeholder,
.contact__form-input textarea::placeholder {
  font-size: 15px;
  color: #6d6e75;
}
.contact__form-input input:focus,
.contact__form-input textarea:focus {
  border-color: #2b4eff;
  outline: none;
  background: #ffffff;
}
.contact__form-input textarea {
  height: 180px;
  padding: 23px 25px;
  line-height: 1.1;
  resize: none;
  margin-bottom: 20px;
}
.contact__form-agree {
  padding-left: 5px;
}
.contact__form-agree input {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 14px;
  height: 14px;
  background: #ffffff;
  border: 1px solid #b9bac1;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.contact__form-agree input:checked {
  position: relative;
  background-color: #2b4eff;
  border-color: transparent;
}
.contact__form-agree input:checked::after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-size: 10px;
  color: #ffffff;
  top: 46%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.contact__form-agree input:hover {
  cursor: pointer;
}
.contact__form-agree label {
  padding-left: 8px;
  color: #53545b;
}
.contact__form-agree label a {
  color: #0e1133;
  font-weight: 600;
  padding-left: 4px;
}
.contact__form-agree label a:hover {
  color: #2b4eff;
}
.contact__form-agree label:hover {
  cursor: pointer;
}
.contact__info-inner {
  padding: 45px 40px;
  padding-right: 70px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  -moz-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__info-inner {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__info-inner {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .contact__info-inner {
    margin-top: 50px;
    padding-right: 35px;
  }
}
.contact__info-icon svg {
  fill: none;
  stroke: #2b4eff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.contact__info-icon svg.map {
  width: 16px;
  height: 20px;
}
.contact__info-icon svg.mail {
  width: 18px;
  height: 18px;
}
.contact__info-icon svg.call {
  width: 18px;
  height: 18px;
}
.contact__info-text h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 6px;
}
.contact__info-text p {
  margin-bottom: 0;
  color: #53545b;
}
.contact__info-text p a:hover {
  color: #2b4eff;
}
.contact__social h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 13px;
}
.contact__social ul li {
  display: inline-block;
  margin-right: 10px;
}
.contact__social ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 44px;
  text-align: center;
  font-size: 13px;
  color: #0e1133;
  background: #f3f4f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.contact__social ul li a.fb {
  color: #285da1;
  background: rgba(40, 93, 161, 0.1);
}
.contact__social ul li a.fb:hover {
  color: #ffffff;
  background: #285da1;
}
.contact__social ul li a.tw {
  color: #03a9f4;
  background: rgba(3, 169, 244, 0.1);
}
.contact__social ul li a.tw:hover {
  color: #ffffff;
  background: #03a9f4;
}
.contact__social ul li a.pin {
  color: #d8163f;
  background: rgba(216, 22, 63, 0.1);
}
.contact__social ul li a.pin:hover {
  color: #ffffff;
  background: #d8163f;
}
.contact__icon {
  margin-bottom: 28px;
}
.contact__icon svg {
  width: 70px;
  height: 70px;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
.contact__icon svg .st0 {
  fill: none;
  stroke: #2b4eff;
  stroke-width: 0.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.contact__item {
  padding: 50px 80px;
  padding-bottom: 62px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 40px 50px 0px rgba(1, 11, 60, 0.08);
  -moz-box-shadow: 0px 40px 50px 0px rgba(1, 11, 60, 0.08);
  box-shadow: 0px 40px 50px 0px rgba(1, 11, 60, 0.08);
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__item {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 575px) {
  .contact__item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.contact__item:hover .contact__icon svg {
  -webkit-transform: translate3d(0, -10px, 0);
  -moz-transform: translate3d(0, -10px, 0);
  -ms-transform: translate3d(0, -10px, 0);
  -o-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
.contact__title {
  font-size: 26px;
  margin-bottom: 8px;
}
.contact__content p {
  font-size: 16px;
  color: #53545b;
  margin-bottom: 30px;
}
.contact__shape img {
  position: absolute;
}
.contact__shape img.contact-shape-1 {
  bottom: 75px;
  left: -30px;
  z-index: -1;
}
.contact__shape img.contact-shape-2 {
  top: 30px;
  right: -30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__shape img.contact-shape-2 {
    right: -20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__shape img.contact-shape-2 {
    right: -20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__shape img.contact-shape-2 {
    right: -20px;
  }
}
@media (max-width: 575px) {
  .contact__shape img.contact-shape-2 {
    right: 0px;
  }
}
.contact__shape img.contact-shape-3 {
  right: -45%;
  top: 50%;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .contact__shape img.contact-shape-3 {
    right: -20%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact__shape img.contact-shape-3 {
    right: -10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__shape img.contact-shape-3 {
    right: -5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__shape img.contact-shape-3 {
    right: -5%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__shape img.contact-shape-3 {
    right: -5%;
  }
}
@media (max-width: 575px) {
  .contact__shape img.contact-shape-3 {
    right: 0%;
  }
}
.contact__shape img.contact-shape-4 {
  right: 180px;
  bottom: -21%;
}
.contact__shape img.contact-shape-5 {
  left: 0;
  bottom: 142px;
}

/*----------------------------------------*/
/*  23. ERROR CSS START
/*----------------------------------------*/
.error__title {
  font-size: 70px;
  line-height: 0.9;
  margin-bottom: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .error__title {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .error__title {
    font-size: 37px;
  }
}
.error__content p {
  font-size: 20px;
  color: #53545b;
  margin-bottom: 45px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .error__thumb img {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .error__thumb img {
    width: 100%;
  }
}

/*----------------------------------------*/
/*  24. LOGIN CSS START
/*----------------------------------------*/
.sign__wrapper {
  padding: 50px 70px;
  padding-bottom: 45px;
  margin: 0 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 40px 80px 0px rgba(2, 2, 26, 0.14);
  -moz-box-shadow: 0px 40px 80px 0px rgba(2, 2, 26, 0.14);
  box-shadow: 0px 40px 80px 0px rgba(2, 2, 26, 0.14);
  z-index: 11;
}
@media (max-width: 575px) {
  .sign__wrapper {
    margin: 0;
    padding: 30px 20px;
    padding-bottom: 25px;
  }
}
.sign__shape img {
  position: absolute;
  z-index: -1;
}
.sign__shape img.man-1 {
  left: 28%;
  top: 60%;
  z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .sign__shape img.man-1 {
    left: 19%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sign__shape img.man-1 {
    left: 16%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sign__shape img.man-1 {
    left: 7%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sign__shape img.man-1 {
    left: 2%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sign__shape img.man-1 {
    left: 1%;
  }
}
@media (max-width: 575px) {
  .sign__shape img.man-1 {
    display: none;
  }
}
.sign__shape img.man-2 {
  right: 24%;
  top: 65%;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .sign__shape img.man-2 {
    top: 55%;
    right: 20%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sign__shape img.man-2 {
    top: 60%;
    right: 15%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sign__shape img.man-2 {
    top: 60%;
    right: 7%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sign__shape img.man-2 {
    top: 60%;
    right: 0%;
    z-index: 1;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sign__shape img.man-2 {
    top: 60%;
    right: 0%;
    z-index: 1;
  }
}
@media (max-width: 575px) {
  .sign__shape img.man-2 {
    display: none;
  }
}
.sign__shape img.man-2.man-22 {
  top: 50%;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .sign__shape img.man-2.man-22 {
    top: 55%;
    right: 20%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sign__shape img.man-2.man-22 {
    top: 60%;
    right: 15%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sign__shape img.man-2.man-22 {
    top: 60%;
    right: 7%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sign__shape img.man-2.man-22 {
    top: 60%;
    right: 0%;
    z-index: 1;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sign__shape img.man-2.man-22 {
    top: 60%;
    right: 0%;
    z-index: 1;
  }
}
.sign__shape img.circle {
  right: 32%;
  top: 38%;
  animation: signCircle 5s linear 0s infinite alternate;
  -webkit-animation: signCircle 5s linear 0s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .sign__shape img.circle {
    right: 25%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sign__shape img.circle {
    right: 22%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sign__shape img.circle {
    right: 11%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sign__shape img.circle {
    right: 4%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sign__shape img.circle {
    right: 2%;
  }
}
@media (max-width: 575px) {
  .sign__shape img.circle {
    display: none;
  }
}
.sign__shape img.dot {
  right: 34%;
  top: 43%;
  animation: signDot 5s linear 0s infinite alternate;
  -webkit-animation: signDot 5s linear 0s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .sign__shape img.dot {
    right: 29%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sign__shape img.dot {
    right: 26%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sign__shape img.dot {
    right: 18%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sign__shape img.dot {
    right: 5%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sign__shape img.dot {
    right: 3%;
  }
}
@media (max-width: 575px) {
  .sign__shape img.dot {
    display: none;
  }
}
.sign__shape img.bg {
  left: 33%;
  top: 26%;
  opacity: 0.06;
  max-width: 100%;
  animation: signBg 5s linear 0s infinite alternate;
  -webkit-animation: signBg 5s linear 0s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sign__shape img.bg {
    left: 10%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sign__shape img.bg {
    left: 0%;
  }
}
@media (max-width: 575px) {
  .sign__shape img.bg {
    display: none;
  }
}
.sign__shape img.zigzag {
  left: 32%;
  top: 43%;
  animation: signZigzag 5s linear 0s infinite alternate;
  -webkit-animation: signZigzag 5s linear 0s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .sign__shape img.zigzag {
    left: 24%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sign__shape img.zigzag {
    left: 23%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sign__shape img.zigzag {
    left: 11%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sign__shape img.zigzag {
    left: 3%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sign__shape img.zigzag {
    left: 2%;
  }
}
@media (max-width: 575px) {
  .sign__shape img.zigzag {
    display: none;
  }
}
.sign__shape img.flower {
  bottom: 13%;
  right: 30%;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .sign__shape img.flower {
    right: 24%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sign__shape img.flower {
    right: 24%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sign__shape img.flower {
    right: 12%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sign__shape img.flower {
    right: 3%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sign__shape img.flower {
    right: 1%;
  }
}
@media (max-width: 575px) {
  .sign__shape img.flower {
    right: 1%;
    bottom: 3%;
  }
}
.sign__header {
  padding: 0 35px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sign__header {
    padding: 0 10px;
  }
}
@media (max-width: 575px) {
  .sign__header {
    padding: 0px;
  }
}
.sign__header p {
  margin-bottom: 0;
  color: #7a797f;
  position: relative;
  padding: 0 40px;
  display: inline-block;
}
.sign__header p span {
  position: absolute;
  top: 40%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sign__header p span:last-child {
  left: auto;
  right: 0;
}
.sign__header p a:hover {
  color: #2b4eff;
}
.sign__social {
  display: block;
  height: 50px;
  background: #eeedf2;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  line-height: 52px;
  padding-left: 23px;
  z-index: 1;
  overflow: hidden;
  font-size: 16px;
}
.sign__social::after {
  position: absolute;
  content: "";
  left: -55%;
  top: 45%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 220px;
  width: 220px;
  background: #3360bd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: -1;
}
@media (max-width: 575px) {
  .sign__social::after {
    left: -62%;
  }
}
.sign__social i {
  color: #ffffff;
  font-size: 16px;
  margin-right: 50px;
}
@media (max-width: 575px) {
  .sign__social i {
    margin-right: 35px;
  }
}
.sign__social:hover {
  color: #ffffff;
}
.sign__social:hover::after {
  width: 100%;
  height: 150%;
  left: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.sign__social.g-plus::after {
  background: #e93e30;
}
.sign__form h5 {
  font-size: 16px;
  font-weight: 500;
  color: #0e1133;
  margin-bottom: 11px;
}
.sign__input {
  position: relative;
}
.sign__input input {
  width: 100%;
  height: 60px;
  line-height: 52px;
  padding: 0 50px;
  font-size: 14px;
  border: 2px solid transparent;
  background: #f6f6f7;
  color: #0e1133;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.sign__input input::placeholder {
  color: #8e8c94;
}
.sign__input input:focus {
  outline: none;
  background: #ffffff;
  border-color: #2b4eff;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(8, 0, 42, 0.2);
  -moz-box-shadow: 0px 1px 4px 0px rgba(8, 0, 42, 0.2);
  box-shadow: 0px 1px 4px 0px rgba(8, 0, 42, 0.2);
}
.sign__input i {
  position: absolute;
  top: 51%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 25px;
  font-size: 14px;
  color: #8e8c94;
}
.sign__agree input {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 14px;
  height: 14px;
  background: transparent;
  border: 1px solid #7a797f;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.sign__agree input:checked {
  position: relative;
  background-color: #2b4eff;
  border-color: transparent;
}
.sign__agree input:checked::after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-size: 10px;
  color: #ffffff;
  top: 46%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sign__agree input:hover {
  cursor: pointer;
}
.sign__agree label {
  padding-left: 10px;
  font-size: 14px;
}
.sign__agree label:hover {
  cursor: pointer;
}
.sign__agree label a {
  color: #0e1133;
  font-weight: 500;
}
.sign__agree label a:hover {
  color: #2b4eff;
}
.sign__forgot a {
  color: #7a797f;
}
.sign__forgot a:hover {
  color: #2b4eff;
}
.sign__new p {
  color: #7a797f;
  margin-bottom: 0;
}
.sign__new p a {
  color: #2b4eff;
}

@keyframes signDot {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  100% {
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
  }
}
@keyframes signZigzag {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  100% {
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
  }
}
@keyframes signCircle {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*----------------------------------------*/
/*  00. FOOTER CSS START
/*----------------------------------------*/
.footer__widget-title {
  padding-top: 5px;
  font-size: 20px;
  color: #ffffff;
}
.footer__widget-title-2 {
  color: #0e1133;
}
.footer__widget-body p {
  font-size: 16px;
  line-height: 24px;
  color: #a1a2ab;
  margin-bottom: 30px;
}
.footer__widget-body-2 p {
  color: #53545b;
}
.footer__social ul li {
  display: inline-block;
}
.footer__social ul li:not(:last-child) {
  margin-right: 10px;
}
div.footer__social ul li a {
  display: inline-block;
  font-size: 15px;
  width: 44px;
  height: 44px;
  line-height: 46px;
  text-align: center;
  border: 2px solid #285da1;
  background: #285da1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #ffffff;
}
.footer__social ul li a:hover {
  background: transparent;
  color: #285da1;
}
.footer__social ul li a.tw {
  background: #03a9f4;
  border-color: #03a9f4;
}
.footer__social ul li a.tw:hover {
  background: transparent;
  color: #03a9f4;
}
.footer__social ul li a.pin {
  background: #d2173f;
  border-color: #d2173f;
}
.footer__social ul li a.pin:hover {
  background: transparent;
  color: #d2173f;
}
.footer__widget ul li:not(:last-child) {
  margin-bottom: 4px;
}
.footer__widget ul li a {
  color: #a1a2ab;
}
div.footer__widget ul li a:hover {
  color: #ffffff;
}
.grey-bg-2 ul li a {
  color: #53545b;
}
.grey-bg-2 ul li a:hover {
  color: #2b4eff;
}
.footer__subscribe-input {
  position: relative;
}
.footer__subscribe-input input {
  width: 100%;
  height: 60px;
  padding: 0 30px;
  padding-right: 50px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  outline: none;
}
.footer__subscribe-input input::placeholder {
  font-size: 14px;
  color: #6d6e75;
}
.footer__subscribe-input button {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
  color: #ffffff;
  background: #2b4eff;
  width: 70px;
  height: 60px;
  padding-right: 25px;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  overflow: hidden;
}
.footer__subscribe-input button i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
}
.footer__subscribe-input button i:last-child {
  left: 0%;
  visibility: hidden;
  opacity: 0;
}
.footer__subscribe-input button:hover i {
  left: 100%;
  visibility: hidden;
  opacity: 0;
}
.footer__subscribe-input button:hover i:last-child {
  left: 50%;
  visibility: visible;
  opacity: 1;
}
.footer__subscribe p {
  font-size: 14px;
  line-height: 20px;
  color: #83848a;
  padding-right: 60px;
}
.footer__subscribe-2 p {
  color: #6d6e75;
}
.footer__pl-70 {
  padding-left: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__pl-70 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__pl-70 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__pl-70 {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .footer__pl-70 {
    padding-left: 0;
  }
}
.footer__bottom {
  padding: 20px 0;
  border-top: 1px solid #1c1f3f;
}
.footer__bottom-2 {
  border-color: #e0e1e8;
}
.footer__copyright p {
  font-size: 15px;
  color: #83848a;
  margin-bottom: 0;
}
.footer__copyright p a {
  color: #ffffff;
}
.footer__copyright-2 p {
  color: #6d6e75;
}
.footer__copyright-2 p a {
  color: #2b4eff;
}
.footer__logo img {
  width: 114px;
}
.sidebar__widget ul li a:hover {
  color: #2b4eff;
}
.sidebar__widget.widget_text .nice-select .list {
  overflow-y: inherit;
}
.sidebar__widget .nice-select .list {
  max-height: 300px;
  overflow-y: scroll;
  margin-top: 2px;
}

.sidebar__widget.widget_recent_entries ul li a {
  padding-left: 0;
}
.sidebar__widget.widget_recent_entries ul li a:after {
  display: none;
}

.sidebar__widget.widget_rss ul li a:after {
  display: none;
}

.contact__info ul li {
  list-style: none;
}
.footer__widget .nice-select .list {
  max-height: 300px;
  overflow-y: scroll;
}
.footer__widget.widget_text .nice-select .list {
  overflow-y: inherit;
}
div.footer__widget-body.footer__widget-body-2 p {
  color: #53545b;
}
.footer__widget .footer__subscribe.footer__subscribe-2 p {
  color: #53545b;
}
.services__icon img {
  width: 50px;
}
.about__banner img {
  max-width: 50%;
}

.testimonial__slider .swiper-button-next,
.testimonial__slider .swiper-button-prev {
  width: auto;
  height: auto;
}
.testimonial__slider .swiper-button-next,
.testimonial__slider .swiper-button-prev {
  background: none;
}
.testimonial__slider .swiper-nav i {
  font-family: "Font Awesome 5 Pro";
}
.testimonial__slider .testimonial__thumb img {
  border-radius: 50%;
}

.cta__form-inner .wpcf7-submit.e-btn.e-btn-6 {
  height: 56px;
  width: inherit;
  line-height: 56px;
  color: #ffffff;
  background: #2b4eff;
  padding-left: 60px;
  padding-right: 60px;
  border: 0;
  text-transform: capitalize;
}
.cta__form-inner.custome_form form p span {
  float: left;
}
.cta__form-inner.custome_form form p br {
  display: none;
}
.contact__form .contact__btn input {
  border: none;
  text-transform: capitalize;
}
.contact__form-agree span span {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 14px;
  height: 14px;
  background: #ffffff;
  border: 1px solid #b9bac1;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.contact__form-agree span:checked {
  position: relative;
  background-color: #2b4eff;
  border-color: transparent;
}
.contact__form-agree span:checked::after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-size: 10px;
  color: #ffffff;
  top: 46%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.custom_blog_content .blog__tag a i {
  margin-right: 5px;
}
.brand__more.custom_mt_btn {
  margin-top: 0;
}
.link-btn .far {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}
.brand__item {
  text-align: center;
}

/*# tutor css */
.rating-count-gap {
  margin-left: 5px;
}
.teacher-img {
  width: 100%;
  height: 410px;
  background-size: cover;
  background-position: center;
  border-radius: 6px;
}
.course__tag a {
  margin-right: 5px;
}
.tutor-course-loop-header-meta {
  position: absolute;
  left: auto;
  top: 20px;
  width: inherit;
  overflow: hidden;
  right: 20px;
}
.course__teacher h6 {
  text-transform: capitalize;
}
.tutor-course-loop {
  color: #6d6e75;
  border-radius: 6px;
  border: 0;
  height: 100%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tutor-course-loop:hover {
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tutor-course-loop-header-meta .tutor-course-wishlist a {
  display: inline-block;
}
.teacher__course-wrapper .tutor-course-col-3 {
  width: 50%;
}
.tutor-user-public-profile .tutor-user-profile-content h3 {
  font-size: 17px !important;
  line-height: 28px;
}
.tutor-user-public-profile .course__status span {
  font-size: 16px;
}
.tutor-user-public-profile.tutor-user-public-profile-pp-circle .ratings,
.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .ratings {
  gap: 5px;
}
.teacher__rating span i {
  padding-right: 0;
  color: #ff9415;
  font-size: 12px;
  margin-right: 4px;
}
.teacher__social-2 a {
  color: #898a93;
  font-size: 13px;
  margin-right: 6px;
}
.rating-digits {
  font-weight: 600;
  color: #0e1133;
}
.rating-total-meta {
  font-weight: 600;
  color: #0e1133;
}
.tutor-container {
  max-width: 1200px;
}
.tutor-pagination-wrap a,
.tutor-pagination-wrap span {
  position: relative;
  overflow: hidden;
  background: transparent;
  display: inline-block;
  width: auto;
  height: 40px;
  min-width: 40px;
  line-height: 38px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  border: 2px solid #eef0f6;
  color: #0e1133;
  padding: 0 15px;
  margin: 0 2px;
}
.tutor-pagination-wrap span.current,
.tutor-pagination-wrap a:hover {
  color: #ffffff;
  background: #2b4eff;
  border-color: #2b4eff;
}
.profile-breadcrumb .breadcrumb-trail.breadcrumbs {
  display: none;
}

/*tutor details*/
.tutor-star-rating-group i {
  margin-right: 4px;
  cursor: pointer;
  font-size: 13px;
  color: #ff9415;
}
.educal-course-sidebar {
  padding-left: 70px;
}
.educal-course-sidebar .tutor-price-preview-box {
  padding: 30px;
  -webkit-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  -moz-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 0;
  overflow: visible;
}
.educal-course-sidebar .tutor-price-box-thumbnail {
  margin: 0;
  margin-bottom: 30px;
}
.course__video-info .tutor-social-share-wrap {
  display: inline-block;
}
.educal-course-sidebar .course__video-info .tutor-social-share-wrap button {
  background: none;
  margin-right: 5px;
  font-size: 13px;
  color: #6d6e75;
}
.educal-course-sidebar .course__video-icon i {
  width: 16px;
  height: 20px;
  font-size: 14px;
  margin-right: 12px;
  color: #2b4eff;
}
.educal-course-sidebar .tutor-single-course-segment {
  padding: 30px;
  -webkit-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  -moz-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
}
.educal-course-sidebar .course__sidebar-title {
  font-size: 20px;
  margin-bottom: 27px;
  text-transform: capitalize;
}
.educal-course-sidebar .tutor-segment-title,
.educal-course-sidebar .tutor-single-course-segment .tutor-segment-title {
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #0e1133;
}
.educal-course-sidebar .tutor-custom-list-style li::before {
  color: #2b4eff;
  font-size: 12px;
  transform: translateY(-1px);
}
.educal-course-sidebar .tutor-custom-list-style li {
  line-height: 24px;
  padding-left: 25px;
}
.educal-course-sidebar .tutor-custom-list-style li:last-child {
  margin-bottom: 0;
}
.tutor-course-tags a {
  padding: 4px 15px;
  font-size: 14px;
}
.tutor-course-tags a:hover {
  background: #2b4eff;
  color: #fff;
}

.tutor-course-enrolled-wrap.tutor-course-enrolled-wrap {
  margin: 0 -30px -30px !important;
  padding: 25px 30px;
  overflow: hidden;
  border-top: 1px solid #f0f0f0;
  font-size: 14px;
  box-shadow: none !important;
}
.tutor-course-enrolled-wrap p i,
.tutor-course-enrolled-wrap p span {
  color: #2b4eff;
}
.tutor-course-content-content p {
  font-size: 18px;
  color: #53545b;
  line-height: 28px;
}
.tutor-segment-title,
.tutor-single-course-segment .tutor-segment-title {
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 13px;
  color: #0e1133;
}
.tutor-custom-list-style li {
  color: #53545b;
  font-size: 18px;
}
.instructor-bio {
  color: #53545b;
}
.tutor-wrap nav.course-enrolled-nav ul li.active a {
  border-bottom: 2px solid #2b4eff;
  color: #53545b;
}
.tutor-wrap nav.course-enrolled-nav ul li a {
  font-weight: 500;
}
.single-instructor-wrap .instructor-name h4 {
  font-weight: 400;
  color: #53545b;
  font-size: 14px;
}
.tutor-text-mute {
  color: #8f9195;
}
.single-instructor-wrap .single-instructor-bottom .ratings .rating-total-meta {
  color: #8f9195;
}
.single-instructor-wrap .single-instructor-bottom .courses i,
.single-instructor-wrap .single-instructor-bottom .students i {
  color: #2b4eff;
}
.tutor-review-individual-item .review-meta {
  color: #6d6e75;
}
.tutor-course-avg-rating-total {
  color: #6d6e75;
}
.tutor-lead-info-btn-group .tutor-course-complete-form-wrap button {
  display: block;
  width: 100%;
  background: #e8eff1;
  color: #0e1133;
  padding: 14px 25px;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 500;
  font-family: "Hind", sans-serif;
}
.tutor-lead-info-btn-group .tutor-course-complete-form-wrap button:hover {
  background: #2b4eff;
  color: #ffffff;
}
div.page__title-content .page__title-3 {
  font-size: 50px;
  line-height: 1.1;
  margin-top: 12px;
  color: #0e1133;
  font-weight: 700;
}
.tutor-segment-title.tutor-segment-title-700 {
  font-weight: 700;
  color: #0e1133;
  margin-bottom: 30px;
}
.tutor-course-topics-contents .tutor-course-title h4 {
  color: #0e1133;
}
.single-instructor-wrap .instructor-name h3 a {
  font-weight: 700;
  color: #0e1133;
  text-transform: capitalize;
}
.course__share span {
  display: none;
}
.course__share .tutor-social-share-wrap button {
  display: inline-block;
  margin-right: 8px;
}
.course__share .tutor-social-share-wrap button i {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 41px;
  text-align: center;
  font-size: 13px;
  background: #f3f4f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #285da1;
  background: rgba(40, 93, 161, 0.1);
}
.course__share .tutor-social-share-wrap button .tutor-icon-facebook {
  color: #285da1;
  background: rgba(40, 93, 161, 0.1);
}
.course__share .tutor-social-share-wrap button:hover .tutor-icon-facebook {
  color: #fff;
  background: #285da1;
}
.course__share .tutor-social-share-wrap button .tutor-icon-twitter {
  color: #03a9f4;
  background: rgba(3, 169, 244, 0.1);
}
.course__share .tutor-social-share-wrap button:hover .tutor-icon-twitter {
  color: #fff;
  background: #03a9f4;
}
.course__share .tutor-social-share-wrap button .tutor-icon-linkedin {
  color: #0a66c2;
  background: rgba(10, 102, 194, 0.1);
}
.course__share .tutor-social-share-wrap button:hover .tutor-icon-linkedin {
  color: #fff;
  background: #0a66c2;
}
.course__share .tutor-social-share-wrap button .tutor-icon-tumblr {
  color: #00cf35;
  background: rgba(0, 207, 53, 0.1);
}
.course__share .tutor-social-share-wrap button:hover .tutor-icon-tumblr {
  color: #fff;
  background: #00cf35;
}
.single-instructor-wrap .instructor-name {
  float: none;
  padding-left: 0;
  max-width: inherit;
}
.instructor-bio {
  color: #53545b;
}
.single-instructor-wrap .instructor-avatar img {
  max-width: 255px;
  margin-right: 20px;
  border-radius: 3px;
}
.single-instructor-wrap .instructor-avatar {
  float: left;
  position: relative;
}
.single-instructor-wrap .instructor-avatar .ratings {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 105px;
  padding: 3px 5px;
  border-top-right-radius: 3px;
  background: #fff;
  color: #1f2949;
  font-size: 14px;
  text-align: center;
}
.single-instructor-wrap .instructor-avatar .ratings i {
  color: #ffc922;
}
.single-instructor-wrap .instructor-avatar .ratings {
  color: #1f2949;
  font-size: 14px;
  text-align: center;
}
.single-instructor-wrap .instructor-name h3 {
  font-size: 24px;
  line-height: 35px;
  letter-spacing: -0.13px;
  color: #1f2949;
  font-weight: 700;
  margin-bottom: 6px;
  display: inline-block;
}
.single-instructor-wrap .instructor-name h4 {
  font-weight: 400;
  color: #53545b;
  font-size: 14px;
  display: inline-block;
}
.single-instructor-wrap .tutor-instructor-right .courses p {
  font-weight: 600;
  color: #1f2949;
}
.educal-instructor-social a {
  font-size: 14px;
  color: #797c7f;
  display: inline-block;
  padding-right: 12px;
}
.educal-instructor-social a:hover {
  color: #2b4eff;
}
.single-instructor-wrap .single-instructor-top {
  padding: 0 !important;
  border-bottom: 0;
  position: relative;
}
.single-instructor-wrap {
  border: 0;
}
.course-avg-rating-wrap .course-avg-rating {
  font-size: 72px;
  line-height: 1;
  font-weight: 500;
  color: #0e1133;
}
.tutor-course-avg-rating-total span {
  color: #0e1133;
}
.course-rating-meter i.tutor-icon-star-full {
  color: #ff9415;
  font-size: 15px;
}
.rating-meter-fill-bar {
  background: #ff9415;
}
.tutor-review-individual-item .tutor-review-user-info a {
  color: #0e1133;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 600;
}
.tutor-course-benefits-content ul {
  list-style: none;
  display: block;
  overflow: hidden;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 1;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 0;
  margin: 0;
}
.tutor-custom-list-style li::before {
  content: "\4e";
  font-family: "ElegantIcons";
  color: #2b4eff;
}
.tutor-price-preview-box .price del {
  text-decoration: none;
  line-height: 1;
  transform: translateY(-2px);
  display: inline-block;
  margin-left: 5px;
}
.tutor-price-preview-box .price del > span {
  text-decoration: line-through;
  color: #6d6e75;
  font-weight: 500;
  font-size: 16px;
  padding-left: 0;
  line-height: 1;
}
.tutor-price-preview-box .price del .woocommerce-Price-amount.amount {
  text-decoration: line-through;
  color: #6d6e75;
  font-weight: 500;
  font-size: 16px;
  padding-left: 0;
  line-height: 1;
}
.tutor-price-preview-box .price del + ins {
  margin-left: 0;
  float: left;
  text-decoration: none;
  margin-right: 5px;
}
.tutor-price-preview-box .price ins span {
  font-size: 26px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
}
.tutor-price-preview-box .price {
  margin: 0;
}
.educal-course-details,
.tutor-course-filter-wrapper {
  padding-top: 120px;
  padding-bottom: 95px;
}
.tutor-course-filter-wrapper {
  max-width: 1200px !important;
}
.tutor-course-filter-wrapper > div:first-child {
  width: 306px;
}
.tutor-course-filter-wrapper > div:last-child {
  width: calc(100% - 306px);
}
.course__status span del {
  text-decoration: none;
}
.course__status span del {
  transform: translateY(-3px);
  display: inline-block;
}
.course__status span del span {
  font-size: 14px;
  color: #6d6e75;
  text-decoration: line-through;
  padding-right: 0;
}
.course__status span ins {
  text-decoration: none;
  transform: translateY(-2px);
  display: inline-block;
  line-height: 1;
}
.course__status span ins span {
  padding: 0;
}

.tutor-course-loop-header-meta .tutor-course-wishlist {
  float: right;
  background: #fff;
  font-size: 19px;
  padding: 5px 5px;
  border-radius: 3px;
  -webkit-transition: 300ms;
  transition: 300ms;
  height: 30px;
}

.tutor-course-filter-form select {
  font-size: 16px;
  line-height: 26px;
  max-width: 100%;
  height: 50px;
  background: #fff;
  display: inline-block;
  padding: 0 60px 0 30px;
  border-radius: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: 93% 20px;
  background-image: url("../img/icon/down_arrow.png");
  -webkit-box-shadow: 5px 30px 40px 0px rgba(1, 11, 60, 0.06);
  box-shadow: 5px 30px 40px 0px rgba(1, 11, 60, 0.06);
  width: 100%;
  border: 0;
  border: 1px solid #f0f0f5;
}
.tutor-price-preview-box .tutor-course-purchase-box button {
  display: block;
  width: 100%;
  background: #2b4eff;
  border-radius: 4px;
  text-transform: capitalize;
  font-weight: 500;
  cursor: pointer;
  font-size: 16px;
}

/*cart*/
.woocommerce table.shop_table td {
  text-align: left;
}
.woocommerce table.shop_table.woocommerce-cart-form__contents td {
  text-align: center;
}
.woocommerce table.shop_table.woocommerce-cart-form__contents td.actions {
  text-align: right;
  border: 0;
}
.retbo-page-content .woocommerce-checkout-review-order-table td {
  border: 0;
}
.cart_totals h2 {
  margin-bottom: 20px;
}
.cart-collaterals .shop_table tr th {
  border-right: 0;
}
.woocommerce .cart-collaterals table.shop_table td {
  text-align: right;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  float: right;
  width: 38%;
  padding: 0;
}
.woocommerce table.shop_table.cart td {
  border-top: 0;
}
.cart .site-btn.brand-btn {
  background: #2b4eff;
  border-color: #2b4eff;
}
.cart .site-btn.brand-btn:hover {
  color: #ffffff;
  -webkit-box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
  -moz-box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
  box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
}
.coupon-left button {
  background: #222;
  border: 1px solid #222;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
  background: none;
  border: 0;
}

.shop_table:not(.woocommerce-checkout-review-order-table) .cart-subtotal th,
.shop_table:not(.woocommerce-checkout-review-order-table) .cart-subtotal td {
  padding-top: 0;
}
.cart_totals th {
  width: 30%;
  padding-left: 0;
}
.woocommerce .cart_totals table.shop_table th {
  font-weight: 700;
  padding: 9px 0 !important;
  line-height: 1.5em;
  text-align: left;
}

.woocommerce .cart_totals table.shop_table tbody:first-child tr:first-child td,
.woocommerce .cart_totals table.shop_table tbody:first-child tr:first-child th {
  border-top: 0;
  border-bottom: 0;
}
.cart_totals h2 {
  font-size: 24px;
}
#add_payment_method .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout {
  padding-bottom: 0;
  margin-top: 25px;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  display: block;
  text-align: center;
  margin-bottom: 1em;
  font-size: 16px;
  padding: 0 20px;
  font-weight: 500;
  text-transform: inherit;
  background: #000;
  border: 1px solid #000;
  color: #fff;
  line-height: 52px;
  border: 0;
}
.checkout-button.site-btn.brand-btn {
  margin-bottom: 0 !important;
}
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
  width: 100%;
  margin-top: 100px;
}
.woocommerce .cart-collaterals table th {
  border: 0 !important;
}
.woocommerce .cart-collaterals table tr {
  border-bottom: 1px solid #ddd;
}
.woocommerce .cart-collaterals table,
.woocommerce .cart-collaterals th,
.woocommerce .cart-collaterals td .woocommerce a.remove:hover {
  color: inherit !important;
  background: none;
}

.woocommerce table.shop_table {
  border: 0;
}
.shop_table {
  border-width: 0;
}

.cart_totals .shop_table td,
.shop_table th,
.shop_table tr.bundle-products td,
.shop_table tr.cart_item td,
.shop_table tr.order-total th,
.shop_table tr:first-child:last-child th,
.shop_table.wishlist_table tr td,
.shop_table.woocommerce-checkout-review-order-table tr td,
.shop_table.woocommerce-checkout-review-order-table tr.cart_item:last-child td {
  border-width: 0 0 0.0625rem 0;
}
.shop_table tr td:last-child,
.shop_table tr th:last-child,
.shop_table.woocommerce-checkout-review-order-table tr .product-thumb {
  border-right-width: 0 !important;
  border-left: 0 !important;
}
.shop_table td,
.shop_table tr:last-child th,
.shop_table.woocommerce-checkout-review-order-table tr:last-child td {
  border-width: 0;
}
.cart_totals .shop_table td,
.shop_table th,
.shop_table tr.bundle-products td,
.shop_table tr.cart_item td,
.shop_table tr.order-total th,
.shop_table tr:first-child:last-child th,
.shop_table.wishlist_table tr td,
.shop_table.woocommerce-checkout-review-order-table tr td,
.shop_table.woocommerce-checkout-review-order-table tr.cart_item:last-child td {
  border-width: 0 0 0.0625rem 0;
  padding: 1.1875rem;
}
.woocommerce-cart .container {
  max-width: 1200px;
}
.woocommerce table.shop_table .actions {
  padding: 1.875rem 0 0;
}

button.disabled,
button:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="submit"].disabled,
input[type="submit"]:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
.added_to_cart.disabled,
.added_to_cart:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
  color: inherit;
  cursor: not-allowed;
  opacity: 0.5;
  padding: 17px 33px;
  border: 2px solid #222;
  background: none;
  color: #222;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-color: #4636ff;
  text-decoration: none;
  background-image: none;
  color: #fff;
}
.shop_table .product-quantity {
  float: inherit;
  margin: 0;
}
.shop_table td,
.shop_table tr:last-child th,
.shop_table.woocommerce-checkout-review-order-table tr:last-child td {
  border-width: 0;
}
#coupon_code {
  height: 52px;
  border: 1px solid #ebebeb;
  padding: 0 15px;
  margin-right: 10px;
  width: auto;
  text-align: center;
}
.woocommerce-cart-form .actions button {
}

.woocommerce #respond input#submit,
.woocommerce a.buttons,
.woocommerce button.button,
.woocommerce input.button {
  font-size: 14px;
  margin: 0;
  line-height: 1;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  overflow: visible;
  padding: 19px 35px;
  font-weight: 700;
  border-radius: 3px;
  left: auto;
  color: #fff;
  background-color: #000;
  border: 0;
  display: inline-block;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
  width: 80px;
  box-shadow: none;
}

/*checkout*/
.woocommerce form .form-row label {
  color: #333;
  margin: 0 0 10px;
  display: block;
  width: 100%;
}
.woocommerce form .password-input,
.woocommerce-page form .password-input {
  width: 100%;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
  float: left;
  width: 48%;
  max-width: 48%;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  float: right;
  width: 48%;
  max-width: 48%;
}
.woocommerce-input-wrapper {
  width: 100%;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  outline: 0;
  line-height: normal;
  height: 50px;
  border: 2px solid #eaedff;
  padding: 0 15px;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 2px solid #eaedff;
  border-radius: 0;
  height: 50px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 45px;
  position: absolute;
  top: 1px;
  right: 10px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 45px;
}
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
  box-sizing: border-box;
  width: 100%;
  height: 100px;
  padding: 20px;
}
#order_review .woocommerce-checkout-review-order-table thead th,
#order_review .woocommerce-checkout-review-order-table thead td {
  border: none;
  text-align: left;
}
#order_review table td,
#order_review table th {
  padding: 8px 0;
  border-top: 0;
  border: 0;
}
#order_review table td.product-total,
#order_review table th.product-total,
#order_review table tfoot td {
  text-align: right;
  border: 0;
}
.yith-wcwl-add-to-wishlist {
  margin-top: 0px;
  display: inline-block;
  margin: 0 4px;
}
.hidden-title-form button i,
.wishlist-title a.show-title-form i,
.wishlist_manage_table tfoot a.create-new-wishlist i,
.wishlist_manage_table tfoot button.submit-wishlist-changes i,
.wishlist_table .add_to_cart.button i,
.wishlist_table .ask-an-estimate-button i,
.yith-wcwl-add-button > a i,
.yith-wcwl-wishlist-new button i,
.yith-wcwl-wishlist-search-form button.wishlist-search-button i {
  margin-right: 0;
}
.woocommerce table.woocommerce-checkout-review-order-table th {
  border: 0;
  text-align: left;
}
.woocommerce-info {
  border-top-color: #000;
}
.woocommerce-info::before {
  color: #000;
}
button#place_order {
  background: #222;
  border: 1px solid #222;
  color: #fff;
  font-size: 14px;
  margin-left: 10px;
  padding: 10px 30px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1;
  height: 50px;
}
.woocommerce-form-coupon #coupon_code {
  width: 100%;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background-color: #2b4eff;
  color: #fff;
}
.woocommerce-message {
  border-top-color: #2b4eff;
}
.woocommerce-message::before {
  color: #2b4eff;
}
.woocommerce-info {
  border-top-color: #2b4eff;
}
.woocommerce-info::before {
  color: #2b4eff;
}
.return-to-shop a.button {
  font-size: 100%;
  margin: 0;
  line-height: 1;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  overflow: visible;
  padding: 15px 25px;
  font-weight: 500;
  border-radius: 3px;
  left: auto;
  color: #fff;
  background-color: #2b4eff;
  border: 0;
  display: inline-block;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
}
#order_review_heading {
  margin-top: 35px;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: #f3f4f8;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
  background-color: #dfdcde;
}

.events__tag a:last-child span {
  display: none;
}
.events__tag a span {
  margin: 0;
}
.row [class*="col-xl-"]:nth-child(2) .blog__tag a {
  background: rgba(131, 48, 254, 0.1);
  color: #8330fe;
}
.row .col-xl-4:nth-child(3) .blog__tag a {
  background: rgba(242, 39, 126, 0.1);
  color: #f2277e;
}
.tutor-course-filter-wrap {
  background: #edeef3;
  padding: 15px 20px;
}

.teacher__rating .rating-generated {
  display: inline-block;
}
.educal-page-content img {
  max-width: 100%;
}
.footer-col-2 {
  padding-left: 30px;
}

/*header deafult */
.admin-bar .header__area {
  margin-top: 32px;
}
.admin-bar .header-default {
  margin-top: 0;
}
.admin-bar .header-default.sticky {
  margin-top: 32px;
}
.header-default {
  position: static;
  margin-top: 0;
}
.header-default .header__search input {
  background: #edeef3;
}
.main-menu li.menu-last ul.submenu li ul.submenu {
  left: auto;
  right: 100%;
  top: 0;
}
.ch-left.mb-20 {
  display: none;
}

[data-column_per_row="2"] .tutor-course-col-3 {
  width: 50%;
}
.tutor-course-filter-wrapper .tutor-clear-all-filter > a {
  height: 21px;
  background: #3052ff;
  border-radius: 5px;
  line-height: 21px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  margin-top: 20px;
  color: #fff;
  padding: 8px 28px;
}
.tutor-single-course-rating .tutor-single-rating-count i {
  color: #6d6e75;
}

.tutor-wrap .teacher__area {
  padding-top: 120px;
  padding-bottom: 120px;
}

/* custom css */
.breadcrumb-item + .breadcrumb-item::before {
  content: ".";
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  color: #ffffff;
  line-height: 12px;
  padding-right: 14px;
}

.breadcrumb-item span {
  color: #fff;
}

.main-menu ul .has-dropdown .has-dropdown a:after {
  display: none !important;
}

/*blog custom css start*/

.postbox__item {
  position: relative;
}
.postbox__thumb {
  position: relative;
}
.postbox__item .postbox__thumb {
  margin-bottom: 0;
}
.postbox__thumb img {
  max-width: 100%;
}
.postbox__video::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(1, 18, 36, 0.3);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.postbox__title {
  font-size: 30px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox__title {
    font-size: 22px;
  }
}
@media (max-width: 575px) {
  .postbox__title {
    font-size: 16px;
  }
}

.postbox__title a:hover {
  color: #1c7df8;
}
.postbox__content {
  padding: 35px;
  padding-top: 30px;
}
.postbox__content p {
  color: #6a727f;
  margin-bottom: 25px;
}
.postbox__content .link-btn:hover {
  color: #1c7df8;
}
.postbox__meta span {
  font-size: 15px;
  font-weight: 600;
  color: #6a727f;
  display: inline-block;
  text-transform: capitalize;
}
.postbox__meta span:not(:last-child) {
  margin-right: 33px;
}
.postbox__meta span i {
  color: #1c7df8;
  padding-right: 2px;
}
.postbox__meta span a:hover {
  color: #1c7df8;
}
.postbox__date {
  position: absolute;
  top: 30px;
  left: 30px;
  background: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 8px 16px;
  z-index: 1;
  text-align: center;
  opacity: 1;
}
.postbox__date h5 {
  font-size: 30px;
  margin-bottom: 0;
  line-height: 1;
  color: #1c7df8;
  font-weight: 800;
}
.postbox__date span {
  font-size: 15px;
  color: #1c7df8;
  font-weight: 700;
}
.post_gallery img {
  max-width: 100%;
}

.postbox__play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.postbox__quote {
  padding: 45px 50px;
  padding-bottom: 18px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
}
@media (max-width: 575px) {
  .postbox__quote {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.postbox__quote h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 37px;
  line-height: 1.5;
}
.postbox__quote span {
  font-weight: 600;
  color: #6a727f;
  position: relative;
  padding-left: 50px;
}
.postbox__quote span::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #1c7df8;
  height: 2px;
  width: 40px;
}
.postbox__quote img.quote {
  position: absolute;
  top: 40px;
  left: 30px;
  opacity: 0.2;
}
@media (max-width: 575px) {
  .postbox__quote img.quote {
    top: 20px;
    left: 20px;
  }
}
.postbox__tag h3 {
  font-size: 22px;
  color: #011224;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 0;
}
.postbox__tag a {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  text-align: center;
  padding: 0 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #f2f7ff;
  color: #6a727f;
  margin-right: 8px;
  font-weight: 600;
  font-size: 14px;
}
.postbox__tag a:hover {
  background: #1c7df8;
  color: #ffffff;
}

.postbox__item .postbox__thumb {
  margin-bottom: 0;
}

.blog-play-btn {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 84px;
  text-align: center;
  font-size: 30px;
  background: #ffffff;
  color: #1c7df8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.blog-play-btn i {
  text-shadow: 0px 4px 6px rgba(1, 19, 44, 0.24);
}

@keyframes blog-triangle {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes blog-dot {
  0% {
    transform: translateY(-100px);
  }
  100% {
    transform: translateY(0px);
  }
}

.postbox__quote {
  padding: 45px 50px;
  padding-bottom: 28px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  background: #0e1133;
}
@media (max-width: 575px) {
  .postbox__quote {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.postbox__quote h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 37px;
  line-height: 1.5;
}
.postbox__quote span {
  font-weight: 600;
  color: #6a727f;
  position: relative;
  padding-left: 50px;
}
.postbox__quote span::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #1c7df8;
  height: 2px;
  width: 40px;
}
.postbox__quote img.quote {
  position: absolute;
  top: 40px;
  left: 30px;
  opacity: 0.2;
}
@media (max-width: 575px) {
  .postbox__quote img.quote {
    top: 20px;
    left: 20px;
  }
}
/*blog custom css start end*/

.sidebar__widget ul li:not(:last-child) {
  margin-bottom: 15px;
}
.sidebar__widget ul li a {
  font-size: 16px;
  font-weight: 500;
  color: #53545b;
  padding-left: 20px;
  position: relative;
  text-transform: capitalize;
}
.sidebar__widget ul li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  background: #adaeba;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.sidebar__widget ul li a:hover {
  color: #2b4eff;
}
.sidebar__widget ul li a:hover::after {
  background: #2b4eff;
}
.blog-single-area .postbox__content {
  padding: 35px 40px 30px 40px;
}

.category__icon i {
  color: #2b4eff;
  font-size: 32px;
}
.category__item:hover .category__icon i {
  color: #fff;
}

/**
 * Prevent Color
 * */

.e-btn.e-btn-border {
  background: transparent;
}
.e-btn.e-btn-border:hover {
  background: #2b4eff;
}
.e-btn.e-btn-border-2 {
  background: transparent;
}
.e-btn.e-btn-border-2:hover {
  background: #fff;
}
.e-btn.slider__btn.bdevs-el-btn {
  background: transparent;
}
.e-btn.slider__btn.bdevs-el-btn:hover {
  background: #fff;
}
.main-menu.main-menu-3 ul li:hover > a {
  color: #ffffff;
}
.main-menu.main-menu-3 ul li:hover > a::after {
  color: #ffffff;
}

/**
 * Teacher details
 * */
@media (max-width: 767px) {
  .teacher__course-wrapper .tutor-course-col-3 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .brand__more {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .blog__meta.d-flex .blog__author.d-flex {
    flex: 0 0 auto;
    padding-right: 10px;
  }
  .blog__meta.d-flex .blog__date.d-flex {
    flex: 0 0 auto;
  }
  .blog__content {
    padding: 30px 20px;
  }
}
.cta__form-inner.custome_form .wpcf7-spinner {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  .tutor-courses.tutor-courses-loop-wrap.tutor-courses-layout-2 .tutor-course-col-2 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .tutor-courses.tutor-courses-loop-wrap.tutor-courses-layout-2 .tutor-course-col-2 {
    width: 100%;
  }
  .header__btn-2 a {
    padding: 0 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .events__info-price {
    flex: 0 0 100%;
  }
  .events__sidebar-widget.white-bg .events__info-price {
    flex: 0 0 100%;
  }
  .events__sidebar-widget.white-bg .events__info-discount {
    flex: 0 0 100%;
  }
  .events__info-meta.d-flex.align-items-center.justify-content-between {
    flex-wrap: wrap;
    grid-gap: 10px;
  }
}

/*----------------------------------------*/
/*  21. PORTFOLIO CSS  UPDATED
/*----------------------------------------*/
.portfolio__area {
  overflow: hidden;
}
.portfolio__item:hover .portfolio__thumb::before {
  opacity: 0.5;
}
.portfolio__item:hover .portfolio__plus {
  visibility: visible;
  opacity: 1;
  top: 50%;
}
.portfolio__item:hover .portfolio__more {
  visibility: visible;
  opacity: 1;
  left: 0;
}
.portfolio__thumb {
  position: relative;
}
.portfolio__item .portfolio__thumb img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.portfolio__thumb::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  opacity: 0;
  background: #000;
}
.portfolio__thumb:hover .portfolio__thumb::before {
  opacity: 0.5;
}
.portfolio__content {
  padding: 35px 0;
}
.portfolio__content h4 {
  font-size: 24px;
  margin-bottom: 5px;
}
.portfolio__content h4 a:hover {
  color: #4636ff;
}
.portfolio__content p {
  margin-bottom: 0;
}
.portfolio__plus {
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  z-index: 2;
}
.portfolio__plus a {
  display: inline-block;
  width: 42px;
  height: 42px;
  line-height: 38px;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.4);
  color: #ffffff;
  font-size: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.portfolio__plus a:hover {
  color: #1f1841;
  border-color: #ffffff;
  background: #ffffff;
}
.portfolio__plus a:hover i:first-child {
  left: -120%;
}
.portfolio__plus a:hover i:last-child {
  left: 50%;
}
.portfolio__plus a i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.portfolio__plus a i:last-child {
  left: 120%;
}
.portfolio__more {
  bottom: 30px;
  background: #ffffff;
  z-index: 1;
  padding: 3px 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  left: -30px;
}
.portfolio__more .link-btn {
  font-size: 16px;
}
.portfolio__more .link-btn:hover {
  color: #1f1841;
}
.portfolio__load a i {
  margin-left: 0;
  padding-right: 5px;
}
.portfolio__menu span {
  color: #1f1841;
}
.portfolio__menu button {
  color: #646374;
  padding: 0 20px;
  background: transparent;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__menu button {
    padding: 0 10px;
  }
}
@media (max-width: 575px) {
  .portfolio__menu button {
    padding: 10px 0px;
    margin-right: 5px;
  }
}
.portfolio__menu button.active {
  color: #4636ff;
}
.portfolio__menu button:hover {
  color: #4636ff;
}
.portfolio__details-content h1 {
  font-size: 50px;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .portfolio__details-content h1 {
    font-size: 40px;
  }
}
.portfolio__meta h4 {
  display: inline-block;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 16px;
}
.portfolio__info h3 {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 7px;
}
.portfolio__overview h2 {
  font-size: 20px;
}
.portfolio__pagination-wrapper {
  padding-top: 30px;
  border-top: 1px solid #eeeeee;
}

.link-btn2 {
  position: relative;
  font-size: 15px;
  color: #646374;
  font-weight: 700;
  padding-right: 24px;
  display: inline-block;
}
.link-btn2:hover {
  color: #4636ff;
}

.link-btn2:hover i:first-child {
  right: 0;
  visibility: visible;
  opacity: 1;
}
.link-btn2 i:first-child {
  right: 10%;
  visibility: hidden;
  opacity: 0;
}
.link-btn2 i {
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  transition: all ease 0.2s;
  font-size: 18px;
}
.link-btn2 i:last-child {
  right: 0;
}
.link-btn2:hover i:last-child {
  right: -10%;
  visibility: hidden;
  opacity: 0;
}

.link-btn-2.link-btn-3 {
  padding-right: 0;
  padding-left: 24px;
  color: #1f1841;
}
.link-btn2.link-btn-3 {
  padding-right: 0;
  padding-left: 24px;
  color: #1f1841;
}
.link-btn2.link-btn-3:hover i:first-child {
  left: 0;
}
.link-btn2.link-btn-3 i:first-child {
  left: 10%;
  right: auto;
}
.link-btn2:hover i:first-child {
  right: 0;
  visibility: visible;
  opacity: 1;
}
.link-btn2.link-btn-3:hover i:last-child {
  left: -10%;
}
.link-btn2.link-btn-3 i:last-child {
  left: 0;
  right: auto;
}
.link-btn2.link-btn-3 i {
  transform: translateY(-11px);
}

.portfolio__content h4 {
  font-weight: 600;
}

/*learnpress*/
.course__lesson .fal,
.course__lesson .far {
  font-family: "Font Awesome 5 Pro";
}
.far.fa-arrow-right,
.far.fa-arrow-left {
  font-family: "Font Awesome 5 Pro";
}
.educal-course-order {
  display: inline-block;
  margin-left: 15px;
}
.educal-course-category-dropdown {
  display: inline-block;
}
.educal-course-category-dropdown,
.educal-course-order {
  position: relative;
}
.educal-course-category-dropdown::before,
.educal-course-order::before {
  content: "";
  right: 15px;
  top: 4px;
  position: absolute;
  color: #53545b;
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
}
.course__thumb.course__thumb-list img {
  height: 380px;
  object-fit: cover;
}
.course__thumb.course__thumb-list-adavanced img {
  height: 260px;
  object-fit: cover;
}
.solid-pagination .basic-pagination ul li a {
  background: #fff;
  border: 2px solid #fff;
}
.solid-pagination .basic-pagination ul li.active a {
  color: #ffffff;
  background: #2b4eff;
  border-color: #2b4eff;
}
.solid-pagination .basic-pagination ul li a:hover {
  background: #2b4eff;
  color: #ffffff;
  border-color: #2b4eff;
}
.solid-filter-area .course__sort-inner select {
  background: #f3f4f8;
}
.course__sidebar-info li {
  margin-bottom: 10px;
}
.course__sidebar-info li a {
  font-size: 15px;
  font-weight: 500;
  color: #53545b;
  text-transform: capitalize;
}
.course__sidebar-info li a:hover {
  color: #2b4eff;
}
.course-detail-info .lp-content-area {
  display: none;
}
.tutor-wrap.tutor-courses-wrap.tutor-container {
  padding-top: 120px;
  padding-bottom: 95px;
}
.tutor-course-filter-wrapper {
  padding-top: 100px;
  padding-bottom: 80px;
}
.tutor-course-filter-wrapper .tutor-wrap.tutor-courses-wrap.tutor-container {
  padding-top: 0px;
  padding-bottom: 0px;
}
.learnpress-page .course__enroll-btn .purchase-course {
  width: 100%;
}
.learnpress-page .course__enroll-btn .lp-button,
.learnpress-page #lp-button {
  display: inline-block;
  height: 44px;
  line-height: 46px;
  text-align: center;
  padding: 0 25px;
  color: #ffffff;
  background: #2b4eff;
  background-color: rgb(43, 78, 255);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 500;
  text-transform: capitalize;
  border: 0;
  width: 100%;
}
.learnpress-page .course__enroll-btn .lp-button:hover,
.learnpress-page #lp-button:hover {
  color: #ffffff;
  -webkit-box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
  -moz-box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
  box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
}
.course-extra-box__title {
  background: #edeef3;
}
ul.learn-press-nav-tabs {
  background: #edeef3;
}
body #learn-press-profile .wrapper-profile-header {
  color: #fff;
  background: none;
}
body #learn-press-profile .wrapper-profile-header .lp-profile-left {
  width: 270px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 0;
}
body #learn-press-profile .wrapper-profile-header .lp-profile-right {
  margin-left: 270px;
  padding-left: 35px;
  padding-right: 15px;
}
body #learn-press-profile .wrapper-profile-header .lp-profile-content-area {
  position: relative;
  min-height: 270px;
  padding-top: 0;
}
body #learn-press-profile .lp-user-profile-avatar img {
  border-radius: 50%;
  margin-bottom: 30px;
}
body #learn-press-profile .wrapper-profile-header .lp-profile-right .lp-profile-username {
  padding-bottom: 15px;
  font-size: 29px;
  font-weight: 600;
  text-transform: capitalize;
  color: #222;
  margin-top: 15px;
}
body #learn-press-profile .dashboard-general-statistic__row .statistic-box {
  box-shadow: 0 0 40px rgba(0, 0, 0, 9%);
  background: #fff;
}
body #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-header .section-left .section-title {
  color: #0e1133;
  font-size: 24px;
  font-weight: 600;
}
body #learn-press-course-curriculum.course-curriculum ul.curriculum-sections {
  z-index: 9;
}
.course__tab-2 .post-comments.mb-70 {
  display: none;
}
.course__tab-2 .post-comment-form {
  clear: both;
  display: none;
}
.course-reviews-list li .review-author img {
  max-width: 100%;
}
.course-reviews-list li,
.course-reviews-list-shortcode li {
  background-color: none;
}
.course-reviews-list li .user-name,
.course-reviews-list-shortcode li .user-name {
  text-transform: capitalize;
  font-size: 18px;
}

/*zoom*/
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-tile {
  background: #2b4eff;
  padding: 0 30px;
}
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-tile h3 {
  padding: 10px 0;
  padding-top: 14px;
  font-weight: 600;
}
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-content {
  background: #fff;
  padding: 30px;
  box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  padding-bottom: 14px;
}
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-content .dpn-zvc-sidebar-content-list span {
  display: block;
  color: #0e1133;
}
.dpn-zvc-display-or-hide-localtimezone-notice strong {
  color: #2b4eff;
}
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box .join-links .btn-join-link {
  background: #2b4eff;
}
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box .join-links .btn-start-link {
  background: #ffa046;
  color: #121537;
}
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-state {
  border: 1px solid #edeef3;
  padding: 30px;
  margin-top: 30px;
  background: #fff;
}
.dpn-zvc-sidebar-state a {
  color: #2b4eff;
}
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-timer .dpn-zvc-timer-cell {
  background: #edeef3;
  color: #0e1133;
}
.dpn-zvc-timer-cell-number {
  font-weight: 600;
}
.vczapi-col-8 {
  padding-right: 50px;
}
.vczapi-wrap {
  padding-top: 70px;
  padding-bottom: 110px;
}
.breadcrumb-trail span {
  color: #fff;
}
.breadcrumb-trail {
  color: #fff;
  margin-top: 15px;
}
.breadcrumb-trail .dvdr {
  padding: 0 8px;
  font-size: 14px;
  transform: translateY(0px);
  display: inline-block;
}

/*learndash*/
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled > * {
  border-right: 2px solid #e2e4ea;
}
.course__description .learndash-wrapper .ld-status {
  padding: 10px 17px 10px;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  text-transform: capitalize;
}
.course__description .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
  margin: 0 0 40px;
  background: #f3f4f8;
  padding: 48px 0 45px;
}
.learndash-wrapper .ld-tertiary-background {
  background-color: #2b4eff;
}
.course__description .learndash-wrapper .ld-button {
  color: #2b4eff;
  background: none;
}
.course__description .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-label {
  font-size: 16px;
  color: #0e1133;
}
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-price {
  color: #2b4eff;
  font-weight: 600;
}
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active::after {
  background: #2b4eff;
}
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active {
  color: #2b4eff;
}
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab {
  color: #0e1133;
}
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab:hover,
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab:active,
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab:focus {
  color: #2b4eff;
}
.learndash-wrapper .ld-lesson-list .ld-section-heading h2 {
  color: #0e1133;
}
.learndash-wrapper .ld-button,
.learndash-wrapper .ld-content-actions .ld-button,
.learndash-wrapper .ld-expand-button,
.learndash-wrapper .ld-alert .ld-button,
.learndash-wrapper .ld-focus-comment .ld-comment-reply a.comment-reply-link,
.rrf-modal-content.modal .modal-navigation .previous,
.rrf-modal-content.modal .modal-navigation .delete-close {
  background: #2b4eff;
  border-radius: 4px;
}
.learndash-wrapper .ld-expand-button:hover {
  background: #2b4eff;
  box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
}
.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button,
.learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button,
.learndash-wrapper .ld-button.ld-button-transparent,
.learndash-wrapper .ld-button.ld-button-alternate,
.learndash-wrapper .ld-expand-button.ld-button-alternate {
  background-color: transparent !important;
}
.learndash-wrapper .ld-table-list .ld-table-list-header {
  background-color: #2b4eff;
}
.learndash-wrapper .ld-expand-button.ld-button-alternate:hover,
.learndash-wrapper .ld-expand-button.ld-button-alternate:active,
.learndash-wrapper .ld-expand-button.ld-button-alternate:focus {
  box-shadow: none;
}
.learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {
  background: #2b4eff;
}
.learndash-wrapper .ld-expand-button.ld-button-alternate:hover .ld-icon {
  background: #2b4eff;
  opacity: 0.8;
}
.learndash-wrapper .ld-expand-button.ld-button-alternate:hover,
.learndash-wrapper .ld-expand-button.ld-button-alternate:active,
.learndash-wrapper .ld-expand-button.ld-button-alternate:focus {
  color: #2b4eff;
}
.learndash-wrapper .ld-lesson-list .ld-item-list-item {
  border-color: #f4f4f4;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name {
  color: #495255;
  font-weight: 600;
  font-size: 15px;
}
.learndash-wrapper .ld-expand-button.ld-button-alternate {
  color: #2b4eff;
}

/*learndash pagination*/
.page_pagination a,
.page_pagination span {
  position: relative;
  overflow: hidden;
  background: transparent;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  border: 2px solid #eef0f6;
  color: #0e1133;
  margin: 0 3px;
  margin-bottom: 5px;
}
.page_pagination span.current,
.page_pagination a:hover {
  background-color: #2b4eff;
  color: #fff;
  border-color: #2b4eff;
}

/*buddypress*/

.single-header-activity {
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(51, 51, 51, 0.08);
  padding: 63px 50px 54px;
  margin: 0 0 30px;
  background-color: #111;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.single-header-activity-content {
  max-width: 400px;
}
.single-header-activity .entry-activity-welcome {
  font-size: 34px;
  line-height: 1.3;
  color: #fff;
  margin: 0 0 33px;
}
.single-header-activity .entry-activity-username {
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  margin: 0 0 16px;
}
#dir-activity-search-form input {
}
.activity-update-form #whats-new-textarea textarea {
  background: #f8f8f8;
  box-sizing: border-box;
  color: #333;
  font-family: inherit;
  font-size: medium;
  height: 2.2em;
  line-height: 1.4;
  padding: 15px;
  width: 100%;
  border: 0;
  min-height: 120px;
}
div.activity-update-form #whats-new-submit input#aw-whats-new-submit {
  font-size: 14px;
  line-height: inherit;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 10px 40px;
  text-align: center;
  width: 100%;
  background: #2b4eff;
  width: auto !important;
  color: #fff;
  font-weight: 600;
  border: 0;
}
.activity-update-form #whats-new-content,
.activity-update-form #whats-new-post-in-box,
.activity-update-form #whats-new-submit {
  margin-left: 70px;
}
.activity-update-form {
  border: 1px solid #ccc;
  box-shadow: inset 0 0 6px #eee;
  margin: 15px 0;
  box-shadow: 0 0 10px rgba(51, 51, 51, 0.08);
  border: 0;
  padding: 30px;
}
#whats-new-submit {
  margin-bottom: 0 !important;
  text-align: end;
}
#aw-whats-new-reset {
  background: #f8f8f8;
  padding: 10px 40px !important;
}
.educal-page-content ol.component-navigation,
.educal-page-content ul.component-navigation {
  padding-left: 0;
  margin-bottom: 0px;
}
.educal-page-content ol.component-navigation li,
.educal-page-content ul.component-navigation li {
  margin-bottom: 0;
}
.buddypress-wrap .bp-navs li.current a,
.buddypress-wrap .bp-navs li.current a:focus,
.buddypress-wrap .bp-navs li.current a:hover,
.buddypress-wrap .bp-navs li.selected a,
.buddypress-wrap .bp-navs li.selected a:focus,
.buddypress-wrap .bp-navs li.selected a:hover {
  background: #2b4eff;
  color: #fff;
}
.buddypress-wrap .bp-navs li:not(.current) a:focus,
.buddypress-wrap .bp-navs li:not(.current) a:hover,
.buddypress-wrap .bp-navs li:not(.selected) a:focus,
.buddypress-wrap .bp-navs li:not(.selected) a:hover {
  background: #2b4eff;
  color: #fff;
}
.buddypress .buddypress-wrap button {
  color: #2b4eff;
}
.buddypress-wrap .bp-feedback {
  background: #fff;
  color: #807f7f;
  box-shadow: 0 0 10px rgba(51, 51, 51, 0.08);
  color: #737373;
  margin: 10px 0;
  position: relative;
}
.buddypress-wrap .bp-messages {
  border: 1px solid #ddd;
}
.buddypress-wrap .select-wrap select {
  padding: 6px 30px 6px 20px;
}
.buddypress-wrap .subnav-filters {
  margin-bottom: 20px;
}
.bp-list li {
  list-style: none;
  margin: 10px 0;
  padding: 25px 0;
  position: relative;
  padding-bottom: 10px;
}
.bp-single-member {
  width: 25%;
  text-align: center;
  box-shadow: 0 0 10px rgba(51, 51, 51, 0.08);
  padding-top: 20px;
  padding-bottom: 11px;
}
.user-update {
  display: none;
}
.bp-list li .item-avatar {
  float: none;
  margin-right: 0;
  margin-bottom: 20px;
}
.bp-list li .item .item-block {
  float: none;
  margin-right: 0;
  width: 100%;
}
.bp-list li .item .item-meta,
.bp-list li .item .list-title {
  float: none;
  text-align: center;
}
#members-list {
  padding: 0;
}
.activity-list .activity-item div.item-avatar img {
  max-width: 60px;
  margin-right: 15px;
}
.activity-avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.activity-list .activity-item div.item-avatar {
  margin: 0 2% 0 0;
  text-align: left;
  width: 100%;
}
.activity-header p a {
  color: #222;
}
.activity-header p a.activity-time-since {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  margin: 2px 0 0;
}
.activity-headers p a {
  font-weight: 600;
  color: #222;
}
.activity-headers p a.activity-time-since {
  font-weight: 400;
  display: block;
  color: #666;
}
.activity-list .activity-item .activity-content .activity-inner,
.activity-list .activity-item .activity-content blockquote {
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  color: var(--edumall-color-heading);
  background: none;
  padding: 0;
  margin: 15px 0 0;
}
.activity-list .activity-item .activity-meta.action {
  background: none;
}
.activity-list .activity-item .activity-meta.action {
  border: 0;
  background: none;
  padding: 0;
  position: relative;
  text-align: left;
}
.activity-list .activity-item .activity-meta.action a {
  padding: 4px 0;
  margin-right: 11px;
}
.activity-meta .bp-screen-reader-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  width: auto;
  position: static;
  word-wrap: normal !important;
}

.activity-meta.action .button {
  height: auto;
  padding: 0;
  font-size: 0;
  line-height: 26px;
  font-weight: 500;
  color: #ddd;
  background: none;
  border: 0;
}
.activity-meta.action .generic-button {
  display: inline-block;
  margin: 0 20px 0 0 !important;
}
.activity-list .activity-item .activity-meta.action .button span {
  background: 0 0;
  color: #555;
  font-weight: 500;
}
.activity-meta.action .button * {
  font-size: 14px;
  line-height: 26px;
}
.activity-meta.action .button::before,
.activity-meta.action .icon::before {
  vertical-align: middle;
  font-size: 14px;
  margin: 0 9px 0 0;
  font-family: Font Awesome 5 Pro;
  font-weight: 400;
}
.activity-list .activity-item .activity-meta.action .button::before,
.activity-list .activity-item .activity-meta.action .icons::before {
  font-family: "Font Awesome 5 Pro";
  font-size: 15px;
  vertical-align: middle;
  color: #7e7e7e;
  transform: translateY(-2px);
  display: inline-block;
  font-weight: 400;
}
.activity-list .activity-item .activity-meta.action .acomment-reply.button::before {
  content: "\f27a";
}
.activity-list .activity-item .activity-meta.action .unfav::before {
  content: "\f164";
}
.activity-list .activity-item .activity-meta.action .delete-activity::before {
  content: "\f2ed";
}
.activity-list .activity-item .activity-meta.action .fav::before {
  content: "\f27a";
}
.activity-list.bp-list .activity-item {
  background: #fff;
  border: 0;
  box-shadow: 0 0 10px rgba(51, 51, 51, 0.08);
  margin: 20px 0;
  padding: 30px;
}
.activity-list.bp-list {
  background: none;
  border: 0;
}
.activity-list.bp-list {
  padding: 0;
}
.buddypress .buddypress-wrap .activity-read-more a {
  border: 0;
  padding: 0;
}
body #buddypress .bp-list .action {
  box-sizing: border-box;
  margin-top: 12px;
}
.buddypress-wrap .activity-comments .acomment-meta {
  background: #f8f8f8;
  border-radius: 5px;
  padding: 13px 15px 18px;
}
.buddypress-wrap .activity-comments .acomment-content {
  border-left: 0;
  margin: 0;
  padding: 0;
}
.buddypress-wrap .activity-comments div.acomment-avatar img {
  border-width: 1px;
  float: left;
  height: 40px;
  max-width: none;
  width: 40px;
}
.buddypress-wrap .activity-comments .activity-meta.action a {
  border: 0;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: var(--edumall-color-text-bit-lighten);
  background: none;
  padding: 0;
  height: auto;
}
.buddypress-wrap .activity-comments .activity-meta.action .generic-button + .generic-button {
  position: relative;
}
.buddypress-wrap .activity-comments .activity-meta.action a {
  border: 0;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: #666;
  background: none;
  padding: 0;
  height: auto;
}
.buddypress-wrap .activity-comments .activity-meta.action .generic-button + .generic-button::before {
  content: "";
  position: absolute;
  top: 10px;
  left: -20px;
  width: 4px;
  height: 4px;
  background: #ababab;
  border-radius: 50%;
}
form.ac-form .ac-reply-content .ac-textarea textarea {
  background: 0 0;
  box-shadow: none;
  color: #555;
  font-family: inherit;
  font-size: 100%;
  height: 60px;
  margin: 0;
  outline: 0;
  padding: 0.5em;
  width: 100%;
  background: #f8f8f8;
  border: 0;
  min-height: 100px;
}
form.ac-form .ac-reply-content .ac-textarea {
  margin-bottom: 15px;
  padding: 0;
  overflow: hidden;
  padding-left: 15px;
}
.buddypress-wrap button.ac-reply-cancel,
.buddypress-wrap button.bp-icons {
  background: 0 0;
  border: 0;
  float: right;
  margin-top: 17px;
  margin-right: 10px;
}
body #buddypress input[type="submit"] {
  background: #2b4eff;
  color: #fff;
  padding: 12px 30px;
  border: 0;
  font-weight: 600;
  border-radius: 5px;
  float: right;
}

.main-menu .current_page_item.active > a:after {
  color: #2b4eff;
}
.main-menu ul li .submenu li.current_page_item.active > a {
  color: #fff;
  background-color: #2b4eff;
}
.main-menu .current_page_item.active > a {
  color: #2b4eff;
}

.main-menu.main-menu-2 .current_page_item.active > a:after {
  color: #2b4eff;
}
.main-menu.main-menu-2 ul li .submenu li.current_page_item.active > a {
  color: #fff;
  background-color: #2b4eff;
}
.main-menu.main-menu-2 .has-dropdown.active > a {
  color: #2b4eff;
}

.main-menu.main-menu-3 .current_page_item.active > a::before {
  width: 100%;
}
.main-menu.main-menu-3 .has-dropdown.active > a::before {
  width: 100%;
}
.main-menu.main-menu-3 ul li .submenu li.current_page_item.active > a {
  color: #fff;
  background-color: #2b4eff;
}
.main-menu.main-menu-3 .current_page_item.active > a,
.main-menu.main-menu-3 .current_page_item.active > a::after {
  color: #fff;
}

/*Extra tutor update css*/
.tutor-course-filter-wrapper .tutor-course-filter-form .tutor-dropdown-select.select-dropdown .tutor-dropdown-select-selected {
  border: 0;
  font-size: 16px;
  color: #0e1133;
  float: none;
  height: 34px;
  line-height: 34px;
  padding-right: 40px;
}
.tutor-course-filter-wrapper .tutor-course-filter-form .tutor-dropdown-select.select-dropdown .tutor-dropdown-select-selected::after {
  font-size: 20px;
}
.tutor-course-filter-wrapper .tutor-course-filter-form .tutor-dropdown-select.select-dropdown .tutor-fs-6.tutor-fw-medium.tutor-pr-20 {
  padding-right: 0px !important;
}
.tutor-pagination.tutor-mt-40 {
  width: 100%;
  text-align: center;
  margin: 20px 0;
  border: none;
  flex-direction: column;
}
.tutor-pagination.tutor-mt-40 .tutor-pagination-hints {
  display: none;
}
.tutor-pagination-numbers span {
  position: relative;
  overflow: hidden;
  background: #fff;
  display: inline-block;
  width: auto;
  height: 40px;
  min-width: 40px;
  line-height: 36px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  border: 2px solid #eef0f6;
  border-top-color: rgb(238, 240, 246);
  border-right-color: rgb(238, 240, 246);
  border-bottom-color: rgb(238, 240, 246);
  border-left-color: rgb(238, 240, 246);
  color: #0e1133;
  margin: 0px;
}
.tutor-pagination-numbers a {
  position: relative;
  overflow: hidden;
  background: transparent;
  display: inline-block;
  width: auto;
  height: 40px;
  min-width: 40px;
  line-height: 38px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  border: 2px solid #eef0f6;
  border-top-color: rgb(238, 240, 246);
  border-right-color: rgb(238, 240, 246);
  border-bottom-color: rgb(238, 240, 246);
  border-left-color: rgb(238, 240, 246);
  color: #0e1133;
  padding: 0 15px;
  margin: 0 2px;
}
.tutor-pagination-numbers span.page-numbers.current {
  border-color: #2b4eff;
  background: #2b4eff;
  color: #fff !important;
}
.tutor-pagination .tutor-pagination-numbers a.page-numbers:hover {
  border-color: #2b4eff;
  background: #2b4eff;
  color: #fff;
}
.tutor-pagination ul.tutor-pagination-numbers .page-numbers.next {
  margin-left: 0;
}
.tutor-pagination .tutor-pagination-numbers .page-numbers.prev,
.tutor-pagination .tutor-pagination-numbers .page-numbers.next {
  position: relative;
  overflow: hidden;
  background: transparent;
  display: inline-block;
  width: auto;
  height: 40px;
  min-width: 40px;
  line-height: 35px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  color: #0e1133;
  padding: 0;
  margin: 0;
  border: none;
}

.tutor-pagination ul.tutor-pagination-numbers .page-numbers.prev,
.tutor-pagination ul.tutor-pagination-numbers .page-numbers.next {
  display: inline-block;
  width: auto;
  height: 40px;
  min-width: 40px;
  line-height: 35px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  color: #0e1133;
  padding: 0;
  margin: 0;
  border: none;
}

.tutor-pagination-numbers a span:hover {
  border: 2px solid #2b4eff;
  background: #2b4eff;
  color: #fff;
}
.tutor-course-filter-wrapper .tutor-course-filter-form {
  display: block;
}
.tutor-form-check input.tutor-form-check-input {
  margin-right: 8px;
  width: 18px;
  height: 18px;
}
.tutor-course-filter-wrapper > div:first-child label {
  margin-top: -4px;
}
.course__share .tutor-social-share-wrap button {
  background: 0;
  padding: 0;
}
.course__share .tutor-social-share-wrap button i {
  font-size: 18px;
}
.course__share .tutor-social-share-wrap button .tutor-icon-facebook-brand {
  color: #285da1;
  background: rgba(40, 93, 161, 0.1);
}
.course__share .tutor-social-share-wrap button .tutor-icon-twitter-brand {
  color: #03a9f4;
  background: rgba(3, 169, 244, 0.1);
}
.course__share .tutor-social-share-wrap button .tutor-icon-linkedin-brand {
  color: #0a66c2;
  background: rgba(10, 102, 194, 0.1);
}
.course__share .tutor-social-share-wrap button:hover .tutor-icon-facebook-brand {
  color: #fff;
  background: #285da1;
}
.course__share .tutor-social-share-wrap button:hover .tutor-icon-twitter-brand {
  color: #fff;
  background: #03a9f4;
}
.course__share .tutor-social-share-wrap button:hover .tutor-icon-linkedin-brand {
  color: #fff;
  background: #0a66c2;
}
.tutor-course-filter-container .course__sidebar-widget .tutor-form-check.tutor-mb-20 {
  margin-bottom: 8px;
}
.tutor-course-details-widget-col-2 .tutor-course-details-widget-list {
  column-count: 1;
}
.educal_single_course_wrapper {
  box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  padding: 30px;
}
.educal_single_course_wrapper .tutor-sidebar-card {
  border: none;
}
.educal_single_course_wrapper .tutor-sidebar-card {
  padding: 0;
}
.educal_single_course_wrapper .tutor-sidebar-card .tutor-card-body {
  padding: 0;
}
.educal-course-sidebar .tutor-course-thumbnail-bg {
  margin-bottom: 30px;
}
.educal-course-sidebar .tutor-course-sidebar-card-body .tutor-is-fullwidth {
  padding: 0 25px;
  color: #ffffff;
  background: #2b4eff;
  height: 44px;
  line-height: 46px;
}
.educal-course-sidebar .tutor-course-sidebar-card-body .tutor-is-fullwidth:hover {
  background: #2b4eff;
  box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
}
.educal-course-sidebar .tutor-course-sidebar-card-body .tutor-btn-lg.tutor-btn-full {
  background: #e8eff1;
  color: #0e1133;
  border: none;
}
.educal-course-sidebar .tutor-course-sidebar-card-body .tutor-btn-lg.tutor-btn-full:hover {
  background: #2b4eff;
  background-color: rgb(43, 78, 255);
  color: #ffffff;
}
.educal-course-sidebar .tutor-course-sidebar-card-body .tutor-mt-20 {
  margin-top: 15px;
  margin-bottom: 20px;
}
.educal-course-sidebar .tutor-course-details-widget-tags li a {
  padding: 4px 15px;
  font-size: 14px;
  background: #e8eff1;
  border: none;
  border-radius: 0;
  line-height: 29px;
  color: #4b5981;
}
.educal-course-sidebar .tutor-course-details-widget-tags li a:hover {
  background-color: #2b4eff;
  color: #fff;
}
.educal-course-sidebar .tutor-course-sidebar-card-body .tutor-enrolled-info-date {
  color: #2b4eff;
  font-size: 16px;
  line-height: 26px;
}
.educal-course-sidebar .tutor-course-sidebar-card-body span.tutor-enrolled-info-text {
  color: #6d6e75;
  font-size: 15px;
  line-height: 26px;
  font-weight: 600;
}
.educal-course-sidebar .tutor-color-muted .tutor-icon-26 {
  color: #2b4eff;
}
.educal-course-sidebar .tutor-course-sidebar-card-footer.tutor-p-32 {
  margin-bottom: 20px;
  border: none;
}
.educal-course-sidebar .tutor-course-sidebar-card .tutor-mt-24.tutor-add-to-cart-button {
  background: #2b4eff;
  color: #fff;
  padding: 8px 20px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.educal-course-sidebar .tutor-course-sidebar-card .tutor-course-sidebar-card-pricing .tutor-fw-bold {
  font-size: 26px;
  font-weight: 700;
  color: #000;
}
.educal-course-sidebar .tutor-course-sidebar-card del {
  color: #6d6e75;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  transform: translateY(-3px);
  display: inline-block;
}
.educal-course-sidebar .educal_single_course_wrapper .tutor-course-sidebar-card-pricing {
  margin-bottom: 8px;
}
.educal-course-sidebar .course-players-parent .course-players {
  margin-bottom: 25px;
}
.educal-course-sidebar .educal_single_course_wrapper li .tutor-icon-24 {
  color: #3456ff;
}
.educal-course-sidebar .educal_single_course_wrapper li .tutor-fs-7.tutor-ml-8 {
  font-weight: normal;
  color: #0e1133;
  font-size: 15px;
  transform: translateY(2px);
}
.educal-course-sidebar .educal_single_course_wrapper li .tutor-fs-7.tutor-fw-medium {
  font-weight: 400;
  color: #6d6e75;
  font-size: 15px;
  line-height: 1;
  transform: translateY(1px);
  display: inline-block;
}
.educal-course-sidebar .educal_single_course_wrapper li.tutor-d-flex {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #eef0f6;
}
.educal-course-sidebar .educal_single_course_wrapper li.tutor-d-flex:first-child {
  border-top: 1px solid #eef0f6;
  padding-top: 12px;
}
.educal-course-sidebar .tutor-course-sidebar-card-meta-list li > div {
  max-width: inherit;
  flex-basis: inherit;
}
.educal-course-sidebar .list-item-progress .progress-bar .progress-value {
  background: #2b4eff;
}
.educal-course-sidebar .tutor-course-details-widget.tutor-mt-40 {
  margin-top: 30px;
}
.educal-course-sidebar .course__video-content ul li {
  transform: translate(3px);
}
.tutor-wrap .tutor-course-details-tab nav.tutor-nav {
  border-bottom: none;
}
.tutor-wrap .tutor-course-details-tab .tutor-nav-item .tutor-nav-link.is-active {
  background: #2b4eff;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  height: 54px;
  line-height: 55px;
  text-align: center;
  overflow: hidden;
}
.tutor-wrap .tutor-course-details-tab .tutor-nav-item {
  width: 25%;
}
.tutor-course-details-tab .tutor-nav {
  border: none;
  overflow: hidden;
}
.tutor-wrap .tutor-course-details-tab .tutor-nav-item .tutor-nav-link {
  background: #edeef3;
  font-size: 16px;
  font-weight: 600;
  height: 54px;
  line-height: 55px;
  padding: 0px 50px;
  width: 100%;
  text-align: center;
  overflow: hidden;
  color: #0e1133;
}
.tutor-wrap .tutor-default-tab .tab-header {
  gap: 0px;
  border: 0;
}
.tutor-wrap .tutor-default-tab .tab-header-item span {
  color: #0e1133;
}
.tutor-wrap .tutor-default-tab .tab-header-item.is-active span {
  color: #fff;
}
.tutor-wrap .tutor-course-details-tab .tutor-nav-item:not(:last-child) {
  border-right: 1px solid #d2d3dc;
}
.tutor-wrap .tutor-default-tab .tab-header-item::before {
}
.tutor-wrap .tutor-tab-has-seemore.tutor-mt-32 {
  margin-top: 50px;
}
.tutor-wrap .tutor-pagination-wrapper-replacable .write-course-review-link-btn {
  background: #2b4eff;
  line-height: 32px;
}
.tutor-wrap .tutor-pagination-wrapper-replacable .write-course-review-link-btn i {
  transform: translateY(-3px);
}
.tutor-wrap .tutor-pagination-wrapper-replacable .write-course-review-link-btn:hover {
  background: #2b4eff;
  border-color: #2b4eff;
}
.tutor-wrap .course__teacher-3.d-flex.align-items-center.mr-70.mb-30 {
  transform: translateY(-5px);
}
.tutor-wrap .tutor-single-course-segment .tutor-single-course-rating {
  display: flex;
}
.tutor-wrap .tutor-showmore-content h2 {
  color: #0e1133;
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 15px;
}
.tutor-wrap .tutor-course-details-widget h3 {
  color: #0e1133;
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
}
.tutor-wrap .tutor-course-details-widget.tutor-mt-lg-50.tutor-mt-32 {
  margin-bottom: 8px;
}
.tutor-instructor-right .educal-instructor-social a {
  font-size: 20px;
}
.educal-course-sidebar .tutor-course-progress-wrapper .tutor-fw-bold.tutor-mb-16 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 25px;
}
.educal-course-sidebar .tutor-course-details-widget h3 {
  font-size: 20px;
  font-weight: 600;
}
.educal-course-sidebar .tutor-modal-inner .tutor-btn.is-primary.tutor-is-block {
  background: #2b4eff;
}
.educal-course-sidebar .tutor-modal-inner .tutor-fw-medium.td-none.tutor-color-design-brand {
  color: #2b4eff;
}
.educal-course-sidebar .tutor-modal-inner .tutor-fw-medium.td-none.tutor-color-design-brand:hover {
  color: #5b616f;
}
.educal-course-sidebar .tutor-course-sidebar-card-body.tutor-p-32 .tutor-color-muted {
  color: #6d6e75;
}
.tutor-wrap.tutor-full-width-course-top .tab-header.tutor-d-flex {
  border-radius: 4px;
  overflow: hidden;
}
.tutor-wrap .tab-body .tutor-fs-5.tutor-fw-bold {
  color: #0e1133;
}
.tutor-wrap .tab-body .tutor-color-black.tutor-mb-20 {
  color: #0e1133;
}
.tutor-wrap .tab-body .tutor-accordion-item-header.is-active {
  color: #2b4eff;
}
.educal-course-sidebar .course__video-info {
  display: flex;
}
.educal-course-sidebar .course__video-info h5 {
  transform: translate(15px);
  margin-top: 6px;
}
.tutor-wrap.tutor-full-width-student-profile.tutor-page-wrap.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle.tutor-instructor.post-47.post.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-business.category-ux-design.tag-class.tag-course.tag-design.tag-science {
  padding-top: 90px !important;
  padding-bottom: 60px !important;
}
.tutor-wrap.tutor-full-width-student-profile .tutor-course-listing-grid.tutor-course-listing-grid-3 div[class*="tutor-course-col"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.tutor-wrap.tutor-full-width-student-profile .tutor-course-listing-grid.tutor-course-listing-grid-3 .tutor-course-col-3 {
  width: 100% !important;
}
/*Tutor Dashboard CSS */
.tutor-row.tutor-frontend-dashboard-header {
  padding-top: 100px;
}
.tutor-wrap.tutor-dashboard.tutor-frontend-dashboard.tutor-dashboard-student.tutor-pb-80 {
  padding-bottom: 40px;
}
.tutor-dashboard .tutor-frontend-dashboard-maincontent ul.tutor-dashboard-permalinks::before {
  height: 100%;
}
.tutor-row.tutor-frontend-dashboard-maincontent .tutor-dashboard-content .tutor-course-col-2 {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

/*Tutor Version 2.0.4 CSS*/
.tutor-row.tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-2 {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  padding: 0;
}
.tutor-row.tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-2 .tutor-col-2 {
  flex: 0 0 auto;
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}
.tutor-course-loop-header-meta .tutor-course-wishlist:hover a {
  color: #fff;
}
.tutor-row.tutor-gx-xl-5 .tutor-col-xl-8 {
  padding: 0px 12px 0px 12px;
  width: 75%;
}
.tutor-course-details-widget-col-2 .tutor-course-details-widget-list {
  display: inherit;
}

.tutor-single-course-sidebar .tutor-sidebar-card .tutor-card-body {
  background: none;
}

.tutor-row.tutor-gx-xl-5 .tutor-col-1.tutor-d-xl-block {
  display: none !important;
}
.tutor-col-2 .course__thumb img {
  border-radius: 4px 4px 0px 0px;
}
.tutor-course-filter .course__sidebar-title {
  margin-bottom: 15px;
}
.tutor-course-filter .course__sidebar-widget li > label input {
  width: 18px;
  height: 18px;
}
.tutor-course-filter .course__sidebar-widget li > label input:focus {
  box-shadow: none;
}
.tutor-course-filter .course__sidebar-widget li > label {
  font-size: 15px;
  align-items: center;
  font-weight: 500;
  color: #53545b;
  display: flex;
}
.tutor-course-filter .course__sidebar-widget li > label:hover {
  color: #2b4eff;
}
.tutor-course-filter .course__sidebar-widget .tutor-course-filter-nested-terms > label {
  display: flex;
}
.tutor-course-filter .course__sidebar-widget .tutor-course-filter-nested-terms > label input {
  transform: translateY(2px);
  border: 2px solid var(--tutor-border-color);
}
.tutor-course-filter .course__sidebar-widget .tutor-list-item:not(:last-child) {
  margin-bottom: 10px;
}
.tutor-wrap .tutor-iconic-btn-secondary {
  color: #2b4eff;
}

.tutor-wrap .tutor-iconic-btn-secondary:hover {
  color: #fff;
  background: #2b4eff;
}
.tutor-pagination ul.tutor-pagination-numbers .tutor-icon-angle-right::before {
  font-size: 15px;
}
.tutor-wrap .tutor-course-details-tab .tutor-course-details-content h2 {
  font-size: 24px;
}
.tutor-wrap .tutor-course-details-tab {
  margin-top: 50px;
}
.tutor-wrap .tutor-course-details-tab .tutor-tab.tutor-pt-24 {
  padding-top: 45px;
}
.tutor-wrap .tutor-course-details-tab a.tutor-btn-ghost {
  color: #6d6e75;
  color: #6d6e75;
  background: none;
  border: none;
}
.tutor-wrap .tutor-course-details-tab a.tutor-btn-ghost:hover {
  background: none;
  border: none;
}
.educal-course-sidebar .tutor-btn {
  height: 44px;
  transition: 0.3s;
}
.educal-course-sidebar .tutor-btn:hover {
  box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
}
.educal-course-sidebar .tutor-mt-20 .tutor-btn-block {
  background: #e8eff1;
  color: #0e1133;
  font-size: 16px;
  font-weight: 500;
  border-color: #e8eff1;
}
.educal-course-sidebar .tutor-mt-20 .tutor-btn-block:hover {
  background: #e8eff1;
  color: #fff;
}
.educal-course-sidebar .tutor-sidebar-card .tutor-color-success {
  color: #2b4eff;
}
.educal-course-sidebar .tutor-sidebar-card .tutor-enrolled-info-text {
  color: #6d6e75;
  font-size: 16px;
  font-weight: 600;
}
.educal-course-sidebar .tutor-sidebar-card .tutor-enrolled-info-date {
  font-size: 16px;
}
.educal-course-sidebar .tutor-sidebar-card .tutor-card-footer {
  padding: 0;
}
.educal-course-sidebar .tutor-sidebar-card .tutor-card-footer .tutor-color-black {
  color: #2b4eff;
  text-align: right;
}
.educal-course-sidebar .tutor-sidebar-card .tutor-card-footer li {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #eef0f6;
}
.educal-course-sidebar .tutor-sidebar-card .tutor-card-footer li.tutor-row {
  display: flex;
}
.educal-course-sidebar .tutor-sidebar-card .tutor-card-footer li.tutor-row .tutor-col-6 {
  flex: inherit;
  width: inherit;
  padding-right: 0;
  padding-left: 15px;
  margin-left: 2px;
}
.educal-course-sidebar .tutor-sidebar-card .tutor-card-footer .tutor-meta-value.tutor-color-secondary {
  color: #6d6e75;
  margin-right: 0;
  margin-left: 4px;
  font-weight: 400;
}
.educal-course-sidebar .tutor-sidebar-card .tutor-card-footer:not(.tutor-no-border) {
  border-top: none;
  padding-top: 12px;
}
.tutor-dashboard-content .tutor-btn {
  color: #fff;
}
.tutor-course-topic-single-footer .tutor-btn-secondary {
  color: #fff;
}
.educal_single_course_wrapper .tutor-sidebar-card .tutor-card-body {
  margin-bottom: 22px;
}

.tutor-dashboard-content .tutor-card-body .tutor-btn.tutor-btn-ghost.tutor-ml-16 {
  border: none;
  color: #2b4eff !important;
  line-height: 1.2 !important;
  background: none;
}
.tutor-dashboard-content .tutor-card-body .tutor-btn.tutor-btn-ghost {
  border: none;
  color: #2b4eff !important;
  line-height: 1.2 !important;
  background: none;
}
.tutor-dashboard-content .tutor-card-body .tutor-btn.tutor-btn-ghost:hover {
  background: #fff;
  color: #2b4eff;
}
.tutor-dashboard-content .tutor-btn.tutor-btn-ghost {
  color: #2b4eff !important;
  background: none;
  border: none;
  font-weight: 500;
}
.tutor-dashboard-content .tutor-btn.tutor-btn-ghost:hover {
  background: none !important;
}
.tutor-dashboard-builder-header #tutor-course-save-draft {
  background: none;
  color: #2b4eff !important;
  border: none;
}
.tutor-wrap .tutor-grid.tutor-grid-3 .tutor-col-3 {
  width: 100%;
}
.tutor-header-right-side #tutor-create-new-course {
  color: #fff;
}
.tutor-dashboard-content-inner .tutor-card-body .tutor-btn {
  color: #fff;
}
.tutor-dashboard-content-inner .tutor-card-footer .tutor-btn {
  color: #fff;
}
.tutor-purchase-history .tutor-btn {
  color: #fff;
}
.tutor-dashboard-builder-header-right .tutor-btn {
  color: #fff;
}
.educal-course-sidebar .tutor-course-single-pricing {
  padding-top: 20px;
}
.educal-course-sidebar .tutor-card-body .tutor-color-muted {
  color: #0e1133;
}
.educal-course-sidebar .tutor-card-body .tutor-course-sidebar-card-pricing {
  padding-top: 20px;
}
.tutor-wrap .tutor-row.tutor-gx-xl-5 .course__sidebar-search.mb-50 {
  margin-bottom: 10px;
}

.tutor-btn-ghost {
  padding: 8px 16px !important;
  color: #fff;
  border-radius: 6px;
}
.tutor-btn-ghost:hover {
  color: #fff;
}
.tutor-btn-link {
  padding: 8px 16px !important;
  color: #fff;
}
.tutor-btn-link:hover {
  color: #fff;
}
.tutor-form-group .acf-input-wrap input {
  border: 1px solid #dcdfe5;
  border-radius: 3px;
}
.tutor-form-group .acf-field {
  margin-bottom: 10px;
}
.tutor-reg-form-btn-wrap .tutor-btn {
  color: #fff;
}

.rating-area .details-rating i {
  font-size: 13px;
  color: #2b4eff;
  margin-right: 3px;
}

.pro-details-content .details-rating i {
  font-size: 13px;
  color: #2b4eff;
  margin-right: 3px;
}

.blog__sidebar .search-px .far {
  font-family: "Font Awesome 5 Pro";
}

.tutor-wrap .tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-1,
.tutor-wrap .tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-2,
.tutor-wrap .tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-4,
.tutor-wrap .tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-3 {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  padding: 0;
}

.tutor-row.tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-1 .tutor-col-1 {
  width: 100%;
}

.tutor-row.tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-2 .tutor-col-2 {
  width: 50%;
}

.tutor-row.tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-3 .tutor-col-3 {
  width: 33%;
}

.tutor-row.tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-4 .tutor-col-4 {
  width: 25%;
}

.tutor-wrap .tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-1 > *,
.tutor-wrap .tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-2 > *,
.tutor-wrap .tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-4 > *,
.tutor-wrap .tutor-gx-xl-5 .tutor-courses.tutor-courses-layout-3 > * {
  flex: 0 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}

.tutor-course-close {
  display: none;
  font-size: 20px;
  margin-bottom: 20px;
  background: #2b4eff;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
}

@media (max-width: 991.98px) {
  .tutor-course-close {
    display: inline-flex;
  }
}