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

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

    01. THEME DEFAULT CSS
    02. HEADER CSS
    03. MEAN MENU CSS
	04. SLIDER CSS
	05. HERO CSS
	06. ABOUT CSS
	07. TEAM CSS
	08. SERVICES CSS
	09. PORTFOLIO CSS
	10. COURSES CSS
	11. EVENT CSS
	12. CTA CSS
	13. COUNTER CSS 
	14. FEATURE CSS
	15. TESTIMONIAL CSS
	16. BRAND CSS
	17. BLOG CSS
	18. CHECKOUT CSS
	19. CART CSS
	20. LOGIN CSS
	21. FOOTER CSS

**********************************************/
/*----------------------------------------*/
/*  01. THEME DEFAULT CSS START
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;900&family=Raleway:wght@400;500;600;700;900&display=swap");
:root {
  /**
  @font family declaration
  */
  --tp-ff-body: "Nunito Sans", sans-serif;
  --tp-ff-heading: 'Raleway', sans-serif;
  --tp-ff-p: 'Nunito Sans', sans-serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  --tp-ff-eleganticons: "ElegantIcons";
  /**
  @color declaration
  */
  --tp-common-white: #ffffff;
  --tp-common-black: #000;
  --tp-heading-primary: #000f2f;
  --tp-grey-1: #f5f5f5;
  --tp-grey-2: #f5f7fb;
  --tp-text-body: #333f59;
  --tp-text-2: #7e8188;
  --tp-text-3: #949db1;
  --tp-text-4: #737383;
  --tp-theme-primary: #64baff;
  --tp-theme-secondary: #ffa423;
  --tp-theme-bg: #42a5f5;
  --tp-theme-bg-2: #020c2a;
  --tp-border-1: #000f2f;
  --tp-border-2: #eeeff0;
  /**
  @font weight declaration
  */
  --tp-fw-normal: normal;
  --tp-fw-elight: 200;
  --tp-fw-light: 300;
  --tp-fw-regular: 400;
  --tp-fw-medium: 500;
  --tp-fw-sbold: 600;
  --tp-fw-bold: 700;
  --tp-fw-ebold: 800;
  --tp-fw-black: 900;
  /**
  @font size declaration
  */
  --tp-fz-body: 14px;
  --tp-fz-p: 14px;
  --tp-fz-h1: 40px;
  --tp-fz-h2: 36px;
  --tp-fz-h3: 24px;
  --tp-fz-h4: 20px;
  --tp-fz-h5: 16px;
  --tp-fz-h6: 14px;
}

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

.loader {
  --background: linear-gradient(135deg, #42a5f5, #42a5f5);
  --shadow: rgba(39, 94, 254, 0.28);
  --text: #6C7486;
  --page: rgba(255, 255, 255, 0.36);
  --page-fold: rgba(255, 255, 255, 0.52);
  --duration: 3s;
  width: 200px;
  height: 140px;
  position: relative;
}

.loader:before, .loader:after {
  --r: -6deg;
  content: "";
  position: absolute;
  bottom: 8px;
  width: 120px;
  top: 80%;
  box-shadow: 0 16px 12px var(--shadow);
  transform: rotate(var(--r));
}

.loader:before {
  left: 4px;
}

.loader:after {
  --r: 6deg;
  right: 4px;
}

.loader div {
  width: 100%;
  height: 100%;
  border-radius: 13px;
  position: relative;
  z-index: 1;
  perspective: 600px;
  box-shadow: 0 4px 6px var(--shadow);
  background-image: var(--background);
}

.loader div ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.loader div ul li {
  --r: 180deg;
  --o: 0;
  --c: var(--page);
  position: absolute;
  top: 10px;
  left: 10px;
  transform-origin: 100% 50%;
  color: var(--c);
  opacity: var(--o);
  transform: rotateY(var(--r));
  -webkit-animation: var(--duration) ease infinite;
  animation: var(--duration) ease infinite;
}

.loader div ul li:nth-child(2) {
  --c: var(--page-fold);
  -webkit-animation-name: page-2;
  animation-name: page-2;
}

.loader div ul li:nth-child(3) {
  --c: var(--page-fold);
  -webkit-animation-name: page-3;
  animation-name: page-3;
}

.loader div ul li:nth-child(4) {
  --c: var(--page-fold);
  -webkit-animation-name: page-4;
  animation-name: page-4;
}

.loader div ul li:nth-child(5) {
  --c: var(--page-fold);
  -webkit-animation-name: page-5;
  animation-name: page-5;
}

.loader div ul li svg {
  width: 90px;
  height: 120px;
  display: block;
}

.loader div ul li:first-child {
  --r: 0deg;
  --o: 1;
}

.loader div ul li:last-child {
  --o: 1;
}

.loader span {
  display: block;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 20px;
  text-align: center;
  color: var(--text);
}

@keyframes page-2 {
  0% {
    transform: rotateY(180deg);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  35%, 100% {
    opacity: 0;
  }

  50%, 100% {
    transform: rotateY(0deg);
  }
}

@keyframes page-3 {
  15% {
    transform: rotateY(180deg);
    opacity: 0;
  }

  35% {
    opacity: 1;
  }

  50%, 100% {
    opacity: 0;
  }

  65%, 100% {
    transform: rotateY(0deg);
  }
}

@keyframes page-4 {
  30% {
    transform: rotateY(180deg);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  65%, 100% {
    opacity: 0;
  }

  80%, 100% {
    transform: rotateY(0deg);
  }
}

@keyframes page-5 {
  45% {
    transform: rotateY(180deg);
    opacity: 0;
  }

  65% {
    opacity: 1;
  }

  80%, 100% {
    opacity: 0;
  }

  95%, 100% {
    transform: rotateY(0deg);
  }
}


/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-family: var(--tp-ff-body);
  font-size: var(--tp-fz-body);
  font-weight: normal;
  color: var(--tp-text-body);
  line-height: 26px;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--tp-ff-heading);
  color: var(--tp-heading-primary);
  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: var(--tp-fz-h1);
}

h2 {
  font-size: var(--tp-fz-h2);
}

h3 {
  font-size: var(--tp-fz-h3);
}

h4 {
  font-size: var(--tp-fz-h4);
}

h5 {
  font-size: var(--tp-fz-h5);
}

h6 {
  font-size: var(--tp-fz-h6);
}

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

li {
  list-style: none;
}

p {
  font-family: var(--tp-ff-p);
  font-size: var(--tp-fz-p);
  font-weight: var(--tp-fw-normal);
  color: var(--tp-text-body);
  margin-bottom: 15px;
  line-height: 26px;
}

a,
button,
p,
input,
select,
textarea,
li,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  -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;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input {
  outline: none;
}
input::-webkit-input-placeholder {
  color: var(--tp-text-3);
}
input:-moz-placeholder {
  color: var(--tp-text-3);
}
input::-moz-placeholder {
  color: var(--tp-text-3);
}
input:-ms-input-placeholder {
  color: var(--tp-text-3);
}

input[type=color] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}

*::-moz-selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}

::selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--tp-common-black);
  font-size: var(--tp-fz-body);
  opacity: 1;
}
*::-moz-placeholder::-webkit-input-placeholder {
  color: var(--tp-text-3);
}
*::-moz-placeholder:-moz-placeholder {
  color: var(--tp-text-3);
}
*::-moz-placeholder::-moz-placeholder {
  color: var(--tp-text-3);
}
*::-moz-placeholder:-ms-input-placeholder {
  color: var(--tp-text-3);
}

*::placeholder {
  color: var(--tp-common-black);
  font-size: var(--tp-fz-body);
  opacity: 1;
}
*::placeholder::-webkit-input-placeholder {
  color: var(--tp-text-3);
}
*::placeholder:-moz-placeholder {
  color: var(--tp-text-3);
}
*::placeholder::-moz-placeholder {
  color: var(--tp-text-3);
}
*::placeholder:-ms-input-placeholder {
  color: var(--tp-text-3);
}

/*---------------------------------
    common classes css start 
---------------------------------*/
.w-img img {
  width: 100%;
}


.w-img-2 img {
  width: 50%;
}





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

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

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

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

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

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.include-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/*----------------------------------------
    Body Overlay 
-----------------------------------------*/
.body-overlay {
  background-color: var(--tp-common-black);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  right: 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: url(../img/icons/cross-out.png), pointer;
}

.body-overlay.opened {
  opacity: 0.7;
  visibility: visible;
  z-index: 99;
}

/*----------------------------------------
    Progress Wrap
-----------------------------------------*/
@media (max-width: 575px) {
  .progress-wrap {
    right: 15px;
    bottom: 15px;
  }
}

.basic-pagination ul li {
  display: inline-block;
  margin-bottom: 30px;
}
.basic-pagination ul li:not(:last-child) {
  margin-right: 10px;
}
@media (max-width: 575px) {
  .basic-pagination ul li:not(:last-child) {
    margin-right: 3px;
  }
}
.basic-pagination ul li a, .basic-pagination ul li span {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 46px;
  text-align: center;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  border: 2px solid #f1f1f1;
  font-size: 18px;
  font-weight: 600;
}
.basic-pagination ul li a:hover, .basic-pagination ul li a.current, .basic-pagination ul li span:hover, .basic-pagination ul li span.current {
  background: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}

.nice-select::after {
  border: none;
  background-color: transparent;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 0;
  right: 0;
  content: "\f107";
  font-family: var(--tp-ff-fontawesome);
  transform-origin: center;
  color: var(--tp-common-black);
  font-weight: 500;
  height: auto;
  width: auto;
}
.nice-select.open::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}

/* cart plus minus default style css */
.tp-backtotop {
  position: fixed;
  bottom: 0;
  right: 40px;
  background: var(--tp-theme-primary);
  z-index: 6;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 16px;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  opacity: 0;
  transition: 0.6s;
  z-index: 99;
  font-size: 20px;
  border-radius: 5px;
}
.tp-backtotop.show {
  top: auto;
  bottom: 40px;
  opacity: 1;
}
.tp-backtotop:hover {
  background-color: var(--tp-theme-secondary);
}

.cart-plus,
.cart-minus {
  width: 25px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  -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;
}
.cart-plus:hover,
.cart-minus:hover {
  cursor: pointer;
}

.product-quantity input {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  width: 40px;
}

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

/* dropcap */
.tp-dropcap {
  display: inline-block;
  font-size: 50px;
  font-weight: 700;
  float: left;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  margin-right: 20px;
}

.course__view h4 {
  font-size: 15px;
  font-weight: 500;
  color: #53545b;
  display: inline-block;
  margin-bottom: 0;
}

.course__sort-inner .nice-select {
  background-color: var(--tp-grey-2);
}
.course__sort-inner .nice-select::after {
  right: 10px;
  background-color: var(--tp-grey-2);
}

/*--
    - Spacing
-----------------------------------------*/
/*----------------------------------------*/
/*  ALL CSS START
/*----------------------------------------*/
/* theme btn */
.br-0 span {
  border-radius: 0 !important;
}

.tp-btn-2 {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: var(--tp-common-white);
  background: var(--tp-theme-primary);
  text-align: center;
  padding: 15px 38px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.tp-btn-2 i {
  padding-left: 5px;
}
.tp-btn-2:hover {
  color: var(--tp-theme-primary);
  background-color: #fff !important;
}
.tp-btn-2:focus {
  color: var(--tp-theme-primary);
}

/* Button 9 */
.tp-btn {
  padding: 2px;
  text-align: center;
  position: relative;
  text-decoration: none;
  display: inline-block;
  overflow: hidden;
  border-radius: 6px;
}
.tp-btn span {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  padding: 8px 25px;
  letter-spacing: -0.02rem;
  border: 1px solid var(--tp-theme-primary);
  display: inline-block;
  border-radius: 6px;
  -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;
}
.tp-btn i {
  padding-left: 15px;
}
.tp-btn:hover span {
  color: var(--tp-theme-primary);
  background-color: #fff;
  border-color: transparent;
}

.tp-border-btn, .tp-border-btn-white {
  padding: 2px;
  text-align: center;
  position: relative;
  text-decoration: none;
  display: inline-block;
}
.tp-border-btn span, .tp-border-btn-white span {
  color: var(--tp-theme-primary);
  background-color: var(--tp-common-white);
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  padding: 7px 35px;
  letter-spacing: -0.02rem;
  border: 2px solid var(--tp-theme-primary);
  display: inline-block;
  border-radius: 6px;
  -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;
}
.tp-border-btn i, .tp-border-btn-white i {
  padding-left: 15px;
}
.tp-border-btn:hover span, .tp-border-btn-white:hover span {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  border-color: transparent;
}

.tp-border-btn-white span {
  border-color: rgba(50, 112, 252, 0.08);
  color: var(--tp-common-black);
  padding: 7px 25px;
}

.tp-transparent-btn {
  padding: 2px;
  text-align: center;
  position: relative;
  text-decoration: none;
  display: inline-block;
  overflow: hidden;
}
.tp-transparent-btn span {
  color: var(--tp-common-white);
  background-color: transparent;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  padding: 10px 35px;
  letter-spacing: -0.02rem;
  border: 2px solid;
  border-color: rgba(255, 255, 255, 0.1);
  display: inline-block;
  border-radius: 6px;
  -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;
}
.tp-transparent-btn i {
  padding-left: 15px;
}
.tp-transparent-btn:hover span {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  border-color: transparent;
}

.tp-white-btn {
  padding: 2px;
  text-align: center;
  position: relative;
  text-decoration: none;
  display: inline-block;
  overflow: hidden;
}
.tp-white-btn span {
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  padding: 12px 35px;
  letter-spacing: -0.02rem;
  display: inline-block;
  border-radius: 4px;
  -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;
}
.tp-white-btn i {
  padding-left: 15px;
}
.tp-white-btn:hover span {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  border-color: transparent;
}

.tp-phone-btn {
  font-size: 14px;
  color: var(--tp-common-white);
  margin-right: 20px;
}
.tp-phone-btn i {
  margin-right: 5px;
}
.tp-phone-btn:hover {
  color: var(--tp-common-white);
}

.tp-play-btn {
  color: var(--tp-common-white);
  display: inline-block;
}
.tp-play-btn span {
  display: inline-block;
}
.tp-play-btn i {
  font-size: 24px;
  width: 47px;
  height: 47px;
  line-height: 47px;
  text-align: center;
  border-radius: 50%;
  line-height: 43px;
  border: 2px solid var(--tp-common-white);
  display: inline-block;
  margin-right: 15px;
  -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;
}
.tp-play-btn:hover {
  color: var(--tp-common-white);
}
.tp-play-btn:hover i {
  background-color: var(--tp-theme-secondary);
}

.tp-submit-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  text-align: center;
  padding: 12px 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 6px;
}
.tp-submit-btn i {
  padding-left: 5px;
}
.tp-submit-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-secondary);
}
.tp-submit-btn:focus {
  color: var(--tp-theme-primary);
}

.e-btn {
  display: inline-block;
  height: 50px;
  line-height: 52px;
  text-align: center;
  padding: 0 25px;
  color: #ffffff;
  background: var(--tp-theme-primary);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 500;
}
.e-btn:hover {
  background-color: var(--tp-theme-secondary);
}

.tp-hader-btn {
  color: var(--tp-common-white);
}
.tp-hader-btn .icon {
  margin-left: 10px;
  display: inline-block;
}
.tp-hader-btn .avata {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.1);
  border-style: solid;
  border-radius: 50%;
  line-height: 32px;
  margin-left: 40px;
}
.tp-hader-btn:hover {
  color: var(--tp-common-white);
}
.tp-hader-btn:hover .icon {
  animation: tfLeftToRight 0.5s forwards;
}

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

/* pulse btn */
.pulse-btn {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 84px;
  text-align: center;
  background-color: var(--tp-common-white);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: var(--tp-common-black);
  animation: pulse 2s infinite;
}
.pulse-btn i {
  font-size: 18px;
}
.pulse-btn:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.pulse-btn i {
  padding-left: 2px;
}

/* hambur btn */
.hamburger-btn {
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  background: transparent;
  border: 0;
  outline: 0;
}
.hamburger-btn span {
  display: inline-block;
  width: 100%;
  background: var(--tp-common-black);
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  opacity: 1;
  left: 0;
  z-index: 1;
}
.hamburger-btn span:nth-child(1) {
  top: 0;
}
.hamburger-btn span:nth-child(2) {
  top: 10px;
}
.hamburger-btn span:nth-child(3) {
  top: 20px;
}

/* link btn style 1 */
.link-btn {
  position: relative;
  display: inline-block;
  font-size: 18px;
  color: var(--tp-text-3);
  background: transparent;
  border: 1px solid var(--tp-border-2);
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 48px;
  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;
}
.link-btn i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-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;
}
.link-btn i:last-child {
  left: 0%;
  visibility: hidden;
  opacity: 0;
}
.link-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
}
.link-btn:hover i {
  left: 100%;
  visibility: hidden;
  opacity: 0;
}
.link-btn:hover i:last-child {
  left: 50%;
  visibility: visible;
  opacity: 1;
}

/* link btn style 2 */
.link-btn-2 {
  position: relative;
  font-size: 16px;
  color: var(--tp-text-1);
  font-weight: 500;
  padding-right: 21px;
  display: inline-block;
}
.link-btn-2 i {
  font-size: 14px;
  position: absolute;
  top: 12px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-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 {
  right: 10%;
  visibility: hidden;
  opacity: 0;
}
.link-btn-2 i:last-child {
  right: 0;
}
.link-btn-2:hover {
  color: var(--tp-theme-primary);
}
.link-btn-2:hover i:first-child {
  right: 0;
  visibility: visible;
  opacity: 1;
}
.link-btn-2:hover i:last-child {
  right: -10%;
  visibility: hidden;
  opacity: 0;
}
.link-btn-2.link-prev {
  padding-right: 0;
  padding-left: 21px;
}
.link-btn-2.link-prev i:first-child {
  left: 10%;
  right: auto;
}
.link-btn-2.link-prev i:last-child {
  left: 0;
  right: auto;
}
.link-btn-2.link-prev:hover i:first-child {
  left: 0%;
  right: auto;
}
.link-btn-2.link-prev:hover i:last-child {
  left: -10%;
  right: auto;
}

.more-btn {
  font-weight: 500;
  font-size: 16px;
}
.more-btn i {
  margin-left: 10px;
}
.more-btn:hover {
  color: var(--tp-theme-primary);
}
.more-btn:hover i {
  animation: tfLeftToRight 0.5s forwards;
}

.hero-btn-2 {
  margin-bottom: 10px;
}

/* pulse effect animation */
@-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);
  }
}
@keyframes tp-bounce {
  20%, 53%, 80%, from, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.tp-bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  51% {
    opacity: 1;
  }
}
@-webkit-keyframes tp-float-1 {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  50% {
    transform: translate(30px, 40px) rotate(0deg) scale(1);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}
@keyframes tp-float-1 {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  50% {
    transform: translate(30px, 40px) rotate(0deg) scale(1);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}
@keyframes tp-float-2 {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  50% {
    transform: translate(30px, -30px) rotate(0deg) scale(1);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}
@-webkit-keyframes tp-float-2 {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  50% {
    transform: translate(30px, 40px) rotate(0deg) scale(1);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}
@-webkit-keyframes tp-float-3 {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  50% {
    transform: translate(20px, 30px) rotate(0deg) scale(1);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}
@keyframes tp-float-3 {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  50% {
    transform: translate(20px, 30px) rotate(0deg) scale(1);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}
@keyframes tpswing {
  0% {
    transform: rotate(6deg);
  }
  100% {
    transform: rotate(-6deg);
  }
}
@keyframes tpswing2 {
  0% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-1deg);
  }
}
@keyframes tpupdown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-20px);
  }
}
@keyframes opactiy {
  0% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-1deg);
  }
}
@keyframes opactiy {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
/*----------------------------------------*/
/*  PRELOADER CSS START
/*----------------------------------------*/
.tp-preloader {
  background-color: var(--tp-common-white);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9999;
  left: 0;
  opacity: 1;
  visibility: visible;
  -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;
}
.tp-preloader__center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.tp-preloader img,
.tp-preloader svg {
  display: block;
  width: 100px;
  height: 100px;

}
.tp-preloader img .path-yellow,
.tp-preloader svg .path-yellow {
  color: #EDB83E;
  width: 0;
  animation: colorchange 1.5s infinite;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

@keyframes colorchange {
  10% {
    color: green;
  }
  10% {
    color: pink;
  }
  20% {
    color: deeppink;
  }
  30% {
    color: darkorange;
  }
  40% {
    color: aquamarine;
  }
  50% {
    color: darkcyan;
  }
  70% {
    color: orange;
  }
  80% {
    color: cornflowerblue;
  }
  90% {
    color: grey;
  }
  100% {
    color: white;
  }
}
/*--
    - Background color
-----------------------------------------*/
.grey-bg {
  background: var(--tp-grey-1);
}

.grey-bg-2 {
  background: var(--tp-grey-2);
}

.white-bg {
  background: var(--tp-common-white);
}

.black-bg {
  background: var(--tp-common-black);
}

.theme-bg {
  background-color: var(--tp-theme-bg);
}

.theme-bg-2 {
  background-color: var(--tp-theme-bg-2);
}

.primary-bg {
  background-color: var(--tp-theme-primary);
}

/* tp range slider css */
.tp-range-slider .inside-slider {
  padding-left: 7px;
  padding-right: 17px;
}
.tp-range-slider .noUi-target {
  background-color: #191C3C;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  border: 0;
  box-shadow: none;
}
.tp-range-slider .noUi-connect {
  background-color: var(--tp-theme-primary);
}
.tp-range-slider .noUi-horizontal {
  height: 6px;
}
.tp-range-slider .noUi-handle {
  height: 24px;
  width: 24px;
  background-color: var(--tp-theme-primary);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 4px solid var(--tp-common-white);
  box-shadow: 0px 4px 10px rgba(5, 9, 43, 0.3);
  top: -9px;
}
.tp-range-slider .noUi-handle:hover {
  cursor: pointer;
}
.tp-range-slider .noUi-handle::before, .tp-range-slider .noUi-handle::after {
  display: none;
}
.tp-range-slider-dark .noUi-handle {
  border: 4px solid #2D314B;
}

/* tp swiper slider dot */
.tp-swiper-dot .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: var(--tp-grey-1);
  opacity: 1;
  margin: 0 9px;
  position: relative;
}
.tp-swiper-dot .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
}
.tp-swiper-dot .swiper-pagination-bullet button {
  font-size: 0;
}
.tp-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-theme-primary);
}
.tp-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  border-color: var(--tp-theme-primary);
  transform: translate(-50%, -50%) scale(1);
}

.tp-swiper-arrow {
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 20px;
  text-align: center;
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
}
.tp-swiper-arrow:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}

/* tp slick arrow */
/*----------------------------------------*/
/*  OFFCANVAS CSS START
/*----------------------------------------*/
.offcanvas__logo img {
  max-width: 60px;
}
.offcanvas__area {
  position: fixed;
  right: -490px;
  top: 0;
  width: 450px;
  height: 100%;
  transition-duration: 0.5s;
  z-index: 999;
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
  overflow-y: scroll;
  min-width: 300px;
  min-height: 768px;
  background-size: cover;
  background-color: var(--tp-grey-1);
}
.offcanvas__area::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}
.offcanvas__area.offcanvas-opened {
  right: 0px;
}
@media (max-width: 575px) {
  .offcanvas__area {
    width: 290px;
  }
}
.offcanvas__wrapper {
  position: relative;
  padding: 45px;
  overflow: auto;
  width: 100%;
  height: 100%;
  scrollbar-width: none;
}
.offcanvas__wrapper .tp-btn {
  height: 45px;
  line-height: 45px;
}
@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 20px;
  }
}
.offcanvas__close-btn {
  display: inline-block;
  font-size: 16px;
  height: 40px;
  width: 40px;
  line-height: 36px;
  background: var(--tp-theme-primary);
  color: #fff;
}
.offcanvas__close-btn:hover {
  background: var(--tp-theme-secondary);
}
.offcanvas-info p {
  margin-bottom: 40px;
  color: var(--tp-common-black);
}
.offcanvas__top {
  padding-bottom: 20px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .offcanvas__top {
    margin-bottom: 0;
  }
}
.offcanvas__cta {
  position: absolute;
  bottom: 0;
}
.offcanvas__cta-2 {
  position: static;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .offcanvas__cta {
    position: static;
  }
}
.offcanvas__cta-title {
  color: var(--tp-common-black);
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 22px;
  margin-bottom: 20px;
}
.offcanvas__cta span {
  display: block;
  font-size: 16px;
  color: var(--tp-common-black);
  margin-bottom: 15px;
}
.offcanvas__cta span a:hover {
  color: var(--tp-theme-primary);
}

/*----------------------------------------*/
/*  BREADCRUMB CSS START
/*----------------------------------------*/
@media (max-width: 575px) {
  .breadcrumb__area {
    padding-top: 150px;
    padding-bottom: 100px;
  }
}
.breadcrumb__title {
  font-size: 70px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .breadcrumb__title {
    font-size: 68px;
  }
}
@media (max-width: 575px) {
  .breadcrumb__title {
    font-size: 40px;
  }
}
.breadcrumb__title-2 {
  font-size: 50px;
  line-height: 1.1;
  margin-top: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .breadcrumb__title-2 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .breadcrumb__title-2 {
    font-size: 26px;
  }
}
.breadcrumb__title-pre {
  display: inline-block;
  height: 24px;
  line-height: 26px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  background: var(--tp-theme-2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0 7px;
  margin-bottom: 12px;
}
.breadcrumb__list span {
  font-size: 16px;
  color: var(--tp-common-white);
  font-weight: 500;
  padding-right: 3px;
  margin-right: 3px;
  text-transform: capitalize;
}
.breadcrumb__list span a:hover {
  color: var(--tp-theme-primary);
}
.breadcrumb__list-2 span {
  font-size: 14px;
  color: var(--tp-text-11);
  font-weight: 500;
  padding-right: 3px;
  margin-right: 3px;
  text-transform: capitalize;
}
.breadcrumb__list-2 span a:hover {
  color: var(--tp-theme-primary);
}
.breadcrumb__overlay {
  position: relative;
}
.breadcrumb__overlay::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 3, 32, 0.6);
}

.tp-custom-accordio .accordion-items {
  margin-bottom: 20px;
  border: 1px solid #F2F5FA;
}
.tp-custom-accordio .accordion-buttons {
  position: relative;
  width: 100%;
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  padding: 40px;
  padding-bottom: 20px;
  background-color: var(--tp-common-white);
  color: #212121;
  border-radius: 10px 10px 0 0;
}
@media (max-width: 575px) {
  .tp-custom-accordio .accordion-buttons {
    font-size: 17px;
    padding: 28px 20px;
  }
}
.tp-custom-accordio .accordion-buttons::after {
  position: absolute;
  content: "\f063";
  font-family: "Font Awesome 5 Pro";
  background-image: none;
  top: auto;
  right: 40px;
  color: var(--tp-theme-primary);
  width: auto;
  height: auto;
  font-weight: 300;
  font-size: 20px;
}
@media (max-width: 575px) {
  .tp-custom-accordio .accordion-buttons::after {
    top: 33px;
    right: 18px;
  }
}
.tp-custom-accordio .accordion-buttons.collapsed {
  padding: 40px;
}
.tp-custom-accordio .accordion-buttons.collapsed::after {
  content: "\f062";
  color: var(--tp-common-black);
}
.tp-custom-accordio .collapsed {
  border-radius: 10px 10px 10px 10px;
}
.tp-custom-accordio .accordion-body {
  background-color: var(--tp-common-white);
  padding: 0;
  position: relative;
  z-index: 1;
  font-size: 16px;
  padding: 40px;
  padding-top: 0;
  padding-right: 80px;
  border-bottom: 4px solid var(--tp-theme-primary);
}
@media (max-width: 575px) {
  .tp-custom-accordio .accordion-body {
    padding: 20px 25px;
  }
}

.faq-accordio-border .accordion-items {
  background-color: var(--tp-common-white);
  border: 1px solid #F5F5F5;
  border-radius: 10px;
}

/*----------------------------------------*/
/*  NAV TAB CSS START
/*----------------------------------------*/
.tp-tab .nav-tabs {
  padding: 0;
  margin: 0;
  border: 0;
}
.tp-tab .nav-tabs .nav-link {
  padding: 0;
  margin: 0;
  border: 0;
}

/*----------------------------------------*/
/*  MODAL CSS START
/*----------------------------------------*/
/*----------------------------------------*/
/*  SECTION TITLE CSS START
/*----------------------------------------*/
.tp-section__title {
  font-size: 40px;
  color: var(--tp-common-black);
}
.tp-section__title span {
  color: var(--tp-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section__title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section__title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-section__title {
    font-size: 30px;
  }
  .tp-section__title br {
    display: none;
  }
}
@media (max-width: 575px) {
  .tp-section__title {
    font-size: 25px;
  }
  .tp-section__title br {
    display: none;
  }
}
.tp-section__title-wrapper p {
  font-size: 16px;
}

.error__title {
  font-size: 70px;
}

/*----------------------------------------*/
/*  02. HEADER CSS
/*----------------------------------------*/
.tp-header__transparent {
  position: absolute !important;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  z-index: 88;
  background: transparent;
}
.tp-header__container {
  padding-left: 200px;
  padding-right: 200px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__container {
    padding-left: 130px;
    padding-right: 130px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__container {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__container {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-header__container {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-header__main {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.tp-header__top {
  padding: 4px 0;
}
.tp-header__info ul li {
  list-style: none;
  display: inline-block;
  margin-right: 20px;
  color: var(--tp-common-white);
  opacity: 0.7;
  font-size: 12px;
}
.tp-header__info ul li:last-child {
  margin-right: 0;
}
.tp-header__info ul li:hover {
  opacity: 1;
}
.tp-header__info ul li a i {
  margin-right: 5px;
}
.tp-header__info ul li a svg {
  width: 13px;
  height: 13px;
  margin-right: 5px;
}
.tp-header__info ul li a svg path {
  fill: var(--tp-text-4);
}
.tp-header__border {
  border-bottom: 1px solid rgba(3, 18, 32, 0.07);
}
.tp-header__search-input {
  position: relative;
}
.tp-header__search-input input {
  width: 100%;
  height: 40px;
  background-color: var(--tp-grey-1);
  border: 1px solid var(--tp-grey-1);
  padding: 0 20px;
  padding-right: 60px;
}
.tp-header__search-input input::-webkit-input-placeholder {
  color: var(--tp-text-3);
}
.tp-header__search-input input:-moz-placeholder {
  color: var(--tp-text-3);
}
.tp-header__search-input input::-moz-placeholder {
  color: var(--tp-text-3);
}
.tp-header__search-input input:-ms-input-placeholder {
  color: var(--tp-text-3);
}
.tp-header__search-btn {
  position: absolute;
  top: 46%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  font-size: 16px;
  color: var(--tp-common-black);
  padding-left: 17px;
  background-color: var(--tp-grey-1);
}
.tp-header__search-btn::after {
  position: absolute;
  content: "";
  left: 0;
  top: 57%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 100%;
  width: 1px;
  background-color: rgba(3, 18, 32, 0.1);
}
.tp-header__search-2 {
  margin-left: 13px;
}
.tp-header__search-2 input {
  height: 44px;
  line-height: 44px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-color: var(--tp-grey-5);
}
.tp-header__search-2 input::-webkit-input-placeholder {
  color: var(--tp-text-10);
}
.tp-header__search-2 input:-moz-placeholder {
  color: var(--tp-text-10);
}
.tp-header__search-2 input::-moz-placeholder {
  color: var(--tp-text-10);
}
.tp-header__search-2 input:-ms-input-placeholder {
  color: var(--tp-text-10);
}
.tp-header__search-2 button::after {
  background-color: rgba(62, 132, 84, 0.14);
}
.tp-header__search-3 button svg path {
  stroke: var(--tp-theme-3);
}
.tp-header__hamburger {
  margin-top: 3px;
}
.tp-header__sticky.header__sticky {
  position: fixed !important;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  z-index: 99;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  background: var(--tp-common-white);
}
.tp-header__account ul li {
  display: inline-block;
  margin-right: 10px;
}
.tp-header__account ul li a {
  color: var(--tp-common-white);
  font-size: 12px;
  opacity: 0.7;
}
.tp-header__account ul li a:hover {
  opacity: 1;
}
.tp-header__account ul li a i {
  margin-right: 5px;
}
.tp-header__category {
  position: relative;
  margin-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__category {
    margin-right: 10px;
  }
}
.tp-header__category svg {
  width: 16px;
}
.tp-header__category svg .cat-dot {
  fill: var(--tp-common-black);
}
.tp-header__category::after {
  position: absolute;
  content: "";
  left: 0;
  top: 60%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 40px;
}
.tp-header__category ul li {
  position: relative;
  list-style: none;
}
.tp-header__category ul li .cat-submenu {
  position: absolute;
  top: calc(100% + 30px);
  left: 0;
  width: 200px;
  padding: 17px 0;
  padding-bottom: 15px;
  background: var(--tp-common-white);
  -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);
  -ms-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -o-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;
  -o-border-radius: 4px;
  -ms-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;
}
.tp-header__category ul li .cat-submenu li {
  display: block;
  margin-right: 0;
}
.tp-header__category ul li .cat-submenu li > a {
  width: 100%;
  display: block;
  padding: 3px 30px;
  text-transform: capitalize;
  color: var(--tp-text-body);
  font-weight: 500;
  position: relative;
}
.tp-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);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.tp-header__category ul li .cat-submenu li:hover > a {
  color: var(--tp-theme-primary);
}
.tp-header__category ul li:hover .cat-submenu {
  visibility: visible;
  opacity: 1;
  top: calc(100% + 10px);
}
.tp-header__search form {
  position: relative;
}
.tp-header__search form input {
  height: 46px;
  border: 0;
  background-color: var(--tp-grey-2);
  padding-left: 20px;
  padding-right: 40px;
  border-radius: 6px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-header__search form input {
    width: 200px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__search form input {
    width: 170px;
  }
}
.tp-header__search form input::-webkit-input-placeholder {
  color: #838b95;
}
.tp-header__search form input:-moz-placeholder {
  color: #838b95;
}
.tp-header__search form input::-moz-placeholder {
  color: #838b95;
}
.tp-header__search form input:-ms-input-placeholder {
  color: #838b95;
}
.tp-header__search form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.tp-header__search-2 form {
  padding-top: 17px;
  padding-bottom: 17px;
  position: relative;
}
.tp-header__search-2 form input {
  width: 350px;
}

.cat-menu {
  font-weight: 500;
}
.cat-menu i {
  margin-left: 5px;
  display: inline-block;
}

/* logo */
.logo.has-border {
  border-right: 1px solid;
  border-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .logo.has-border {
    border-right: 0;
  }
}
.logo img {
  width: 150px;
}

.cat-dot-icon {
  margin-right: 10px;
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--tp-common-white);
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.09);
  z-index: 91;
}

/* main menu css */
.tp-header__transparent .main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-right: 35px;
  text-align: left;
}
.tp-header__transparent .main-menu ul li a {
  display: inline-block;
  font-size: 14px;
  color: var(--tp-common-white);
  padding: 27px 0;
  font-weight: 500;
}
.tp-header__transparent .main-menu ul li.has-dropdown > a {
  position: relative;
}
.tp-header__transparent .main-menu ul li.has-dropdown > a::after {
  content: "\f107";
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 14px;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-fontawesome);
  font-weight: 400;
  margin-left: 5px;
  display: inline-block;
  -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;
}
.tp-header__transparent .main-menu ul li .submenu {
  position: absolute;
  top: 120%;
  left: 0;
  width: 200px;
  background: var(--tp-common-white);
  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);
  -ms-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -o-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 3px solid var(--tp-theme-primary);
}
.tp-header__transparent .main-menu ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
}
.tp-header__transparent .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);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.tp-header__transparent .main-menu ul li .submenu li a {
  padding: 5px 25px;
  font-size: 13px;
  position: relative;
  z-index: 1;
  color: var(--tp-common-black);
  width: 100%;
}
.tp-header__transparent .main-menu ul li .submenu li .submenu {
  left: 120%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.tp-header__transparent .main-menu ul li .submenu li:hover > a {
  color: var(--tp-theme-primary);
}
.tp-header__transparent .main-menu ul li .submenu li:hover > a::after {
  color: var(--tp-theme-primary);
}
.tp-header__transparent .main-menu ul li .submenu li:hover > a::before {
  left: 0;
  right: auto;
  width: 100%;
}
.tp-header__transparent .main-menu ul li .submenu li:hover > .submenu {
  left: 100%;
  visibility: visible;
  opacity: 1;
}
.tp-header__transparent .main-menu ul li:hover > a {
  color: var(--tp-theme-primary);
}
.tp-header__transparent .main-menu ul li:hover > a::after {
  color: var(--tp-theme-primary);
  transform: rotate(-180deg);
}
.tp-header__transparent .main-menu ul li:hover > .submenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
}
.tp-header__transparent .hamburger-btn span {
  background-color: var(--tp-common-white);
}
.tp-header__transparent .header-sticky {
  background-color: #42a5f5;
}

.tp-header__transparent .main-menu ul li a:hover{
  color: #eeff30 !important;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu {
    padding-left: 30px;
  }
}
.main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-right: 35px;
  text-align: left;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .main-menu ul li {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li {
    margin-right: 20px;
  }
}
.main-menu ul li:last-child {
  margin-right: 0;
}
.main-menu ul li a {
  display: inline-block;
  font-size: 14px;
  color: var(--tp-common-black);
  padding: 27px 0;
  font-weight: 500;
}
.main-menu ul li.has-dropdown > a {
  position: relative;
}
.main-menu ul li.has-dropdown > a::after {
  content: "\f107";
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 14px;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-fontawesome);
  font-weight: 400;
  margin-left: 5px;
  display: inline-block;
  -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;
}
.main-menu ul li .submenu {
  position: absolute;
  top: 120%;
  left: 0;
  width: 200px;
  background: var(--tp-common-white);
  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;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 3px solid var(--tp-theme-primary);
  -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);
  -ms-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -o-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.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);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.main-menu ul li .submenu li a {
  padding: 5px 25px;
  font-size: 13px;
  position: relative;
  z-index: 1;
  color: var(--tp-common-black);
  width: 100%;
}
.main-menu ul li .submenu li .submenu {
  left: 120%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.main-menu ul li .submenu li:hover > a {
  color: var(--tp-theme-primary);
}
.main-menu ul li .submenu li:hover > a::after {
  color: var(--tp-theme-primary);
}
.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 ul li:hover > a {
  color: var(--tp-theme-primary);
}
.main-menu ul li:hover > a::after {
  color: var(--tp-theme-primary);
  transform: rotate(-180deg);
}
.main-menu ul li:hover > .submenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
}

.main-menu-2 ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-right: 35px;
  text-align: left;
}
.main-menu-2 ul li a {
  display: inline-block;
  font-size: 14px;
  color: var(--tp-common-white);
  padding: 15px 0;
  font-weight: 500;
}
.main-menu-2 ul li.has-dropdown > a {
  position: relative;
}
.main-menu-2 ul li.has-dropdown > a::after {
  content: "\f107";
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 14px;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-fontawesome);
  font-weight: 400;
  margin-left: 5px;
  display: inline-block;
  -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;
}
.main-menu-2 ul li .submenu {
  position: absolute;
  top: 120%;
  left: 0;
  width: 200px;
  background: var(--tp-common-white);
  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;
  border-top: 3px solid var(--tp-theme-primary);
  -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);
  -ms-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -o-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-2 ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
}
.main-menu-2 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);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.main-menu-2 ul li .submenu li a {
  padding: 5px 25px;
  font-size: 13px;
  position: relative;
  z-index: 1;
  color: var(--tp-common-black);
  width: 100%;
}
.main-menu-2 ul li .submenu li .submenu {
  left: 120%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.main-menu-2 ul li .submenu li:hover > a {
  color: var(--tp-theme-secondary);
}
.main-menu-2 ul li .submenu li:hover > a::after {
  color: var(--tp-theme-secondary);
}
.main-menu-2 ul li .submenu li:hover > a::before {
  left: 0;
  right: auto;
  width: 100%;
}
.main-menu-2 ul li .submenu li:hover > .submenu {
  left: 100%;
  visibility: visible;
  opacity: 1;
}
.main-menu-2 ul li:hover > a {
  color: var(--tp-theme-secondary);
}
.main-menu-2 ul li:hover > a::after {
  color: var(--tp-theme-secondary);
  transform: rotate(-180deg);
}
.main-menu-2 ul li:hover > .submenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
}

@media only screen and (min-width: 992px) and (max-width: 99999px) {
  .tp-header__area.header-sticky .tp-header__main {
    display: none;
  }
}

.header-acttion-btns .tp-hader-btn {
  margin-right: 40px;
}
.header-acttion-btns .avata {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  color: var(--tp-common-white);
  border-color: rgba(255, 255, 255, 0.1);
  -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;
}
.header-acttion-btns .avata:hover {
  border-color: rgba(255, 255, 255, 0.7);
}

/*----------------------------------------*/
/*  03. MEAN MENU CSS
/*----------------------------------------*/
/* 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: var(--tp-common-black);
  border-top: 1px solid #ebebeb;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--tp-theme-primary);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 5px;
  padding: 0 !important;
  line-height: 14px;
  border: 1px solid #ebebeb !important;
  height: 30px;
  width: 30px;
  line-height: 30px;
  color: var(--tp-common-black);
  line-height: 30px;
  top: 0;
  font-weight: 400;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background: var(--tp-theme-primary);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-primary);
}

.mean-container .mean-nav ul li > a > i {
  display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
}

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

.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
}

.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: var(--tp-common-white);
}

/*----------------------------------------*/
/*  04. SLIDER CSS
/*----------------------------------------*/
.tp-slider__section {
  margin-bottom: -70px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider__section {
    margin-bottom: -15px;
  }
}
.tp-slider__height {
  min-height: 950px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider__height {
    min-height: 750px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider__height {
    min-height: 650px;
  }
}
@media (max-width: 575px) {
  .tp-slider__height {
    min-height: 450px;
  }
}
.tp-slider__height-2 {
  min-height: 820px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider__height-2 {
    min-height: 750px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider__height-2 {
    min-height: 650px;
  }
}
@media (max-width: 575px) {
  .tp-slider__height-2 {
    min-height: 450px;
  }
}
.tp-slider__item {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.tp-slider__overlay {
  position: relative;
  z-index: 1;
}
.tp-slider__overlay::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: auto;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  background-color: var(--tp-common-black);
  background-color: rgb(0, 6, 20);
  opacity: 0.8;
  z-index: -1;
}
.tp-slider__subtitle {
  color: var(--tp-common-white);
  font-size: 20px;
  margin-bottom: 10px;
  display: inline-block;
}
.tp-slider__title {
  font-size: 90px;
  color: var(--tp-common-white);
  font-weight: var(--tp-fw-bold);
  line-height: 1.1;
  margin-bottom: 20px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider__title {
    font-size: 60px;
  }
  .tp-slider__title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider__title {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .tp-slider__title {
    font-size: 45px;
  }
}
.tp-slider__title-pre {
  font-size: 18px;
  font-weight: 500;
  color: var(--tp-common-white);
  display: inline-block;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.tp-slider__content p {
  font-size: 18px;
  line-height: 28px;
  color: var(--tp-common-white);
  margin-bottom: 45px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-slider__arrows {
    display: none;
  }
}
.tp-slider__arrows button {
  position: absolute;
  top: 50%;
  left: 30px;
  z-index: 1;
  font-size: 50px;
  font-weight: 300;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider__arrows button {
    left: 10px;
  }
}
.tp-slider__arrows button.slick-next {
  left: auto;
  right: 30px;
  z-index: 11;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider__arrows button.slick-next {
    right: 10px;
  }
}
.tp-slider__dot {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 9;
  text-align: center;
}
.tp-slider__dot .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: var(--tp-common-white);
  margin: 0 8px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.slider-play-btn {
  font-size: 14px;
  color: var(--tp-common-dark-3);
  text-transform: capitalize;
  font-weight: 700;
}
@media (max-width: 575px) {
  .slider-play-btn {
    display: block;
  }
}
.slider-play-btn .slider-play-btn-icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: var(--tp-common-white);
  color: var(--tp-common-dark-3);
  border-radius: 50%;
}
.slider-play-btn .slider-play-btn-text {
  margin-left: 20px;
}
.slider-play-btn:hover {
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  05. HERO CSS
/*----------------------------------------*/
/* hero css start here */
.tp-hero__shapes-1 {
  position: absolute;
  top: 110px;
  left: 50%;
  animation: tp-float-1 6s infinite alternate;
}
.tp-hero__shapes-2 {
  position: absolute;
  top: 310px;
  right: 5%;
  animation: tp-float-2 8s infinite alternate;
}
.tp-hero__shapes-3 {
  position: absolute;
  bottom: 100px;
  left: 5%;
  animation: tp-float-1 5s infinite alternate;
}
.tp-hero__shapes-4 {
  position: absolute;
  top: 0;
  right: 0;
}
.tp-hero__shapes-5 {
  position: absolute;
  bottom: 270px;
  right: 0;
  animation: tpswing 1s ease-in-out 1s forwards infinite alternate;
  transform-origin: top bottom;
}
.tp-hero__shapes-6 {
  position: absolute;
  top: 240px;
  left: 13%;
  animation: tp-float-2 7s infinite alternate;
}
.tp-hero__img {
  margin-left: -80px;
}

.tp-hero__section {
  margin-bottom: -100px;
}
.tp-hero__subtitle {
  font-size: 20px;
  display: inline-block;
}
.tp-hero__title {
  font-size: 60px;
  font-weight: 800;
  line-height: 1.1;
}
@media (max-width: 575px) {
  .tp-hero__title {
    font-size: 48px;
  }
}
.tp-hero__content {
  position: relative;
  z-index: 1;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero__content {
    padding-top: 0;
  }
}
.tp-hero__content p {
  font-size: 18px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero__img img {
    width: 100%;
  }
}

/*----------------------------------------*/
/*  06. ABOUT CSS
/*----------------------------------------*/
.tp-about__img-large {
  position: relative;
  z-index: 1;
  margin-right: 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about__img-large {
    margin-right: 0;
  }
}
.tp-about__img-sm {
  position: relative;
  z-index: 1;
  margin-top: 220px;
  margin-right: 40px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about__img-sm {
    margin-right: 0;
    margin-top: 0;
  }
}
.tp-about__shapes-1 {
  position: absolute;
  top: -50px;
  left: 0;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about__shapes-1 > img {
    width: 100%;
  }
}
.tp-about__shapes-2 {
  position: absolute;
  top: 30%;
  text-align: center;
  left: 0;
  right: 0;
  transform: translateX(110px);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about__shapes-2 {
    transform: translateX(0);
  }
}
.tp-about__shapes-2 img {
  display: inline-block;
}
.tp-about__feature-list ul li {
  list-style: none;
  font-size: 15px;
  font-weight: 700;
  padding-left: 35px;
  position: relative;
  margin-bottom: 20px;
}
.tp-about__feature-list ul li i {
  background-image: -moz-linear-gradient(120deg, #43baff 0%, rgb(132, 188, 250) 100%);
  background-image: -webkit-linear-gradient(120deg, #43baff 0%, rgb(132, 188, 250) 100%);
  background-image: -ms-linear-gradient(120deg, #43baff 0%, rgb(132, 188, 250) 100%);
  box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  color: var(--tp-common-white);
  position: absolute;
  left: 0;
}
.tp-about__feature-list ul li:hover i {
  box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
}

.tp-about-2__img-large {
  position: relative;
  z-index: 1;
  margin-right: 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-2__img-large {
    margin-right: 0;
  }
}
.tp-about-2__img-sm {
  position: relative;
  z-index: 1;
  margin-right: 40px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-2__img-sm {
    margin-right: 0;
    margin-top: 0;
  }
}
.tp-about-2__shapes-1 {
  position: absolute;
  right: 0px;
  top: 80%;
  z-index: -1;
  animation: tp-float-3 4s infinite alternate;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-2__shapes-1 img {
    width: 100%;
  }
}
.tp-about-2__shapes-2 {
  position: absolute;
  left: 30px;
  bottom: 150px;
  z-index: -1;
  animation: tp-float-2 6s infinite alternate;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-2__shapes-2 {
    transform: translateX(0);
  }
}
.tp-about-2__shapes-2 img {
  display: inline-block;
}
.tp-about-2__shapes-3 {
  position: absolute;
  left: 100px;
  top: 50%;
  z-index: -1;
  animation: tp-float-2 6s infinite alternate;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-2__shapes-3 {
    display: none;
  }
}
.tp-about-2__shapes-3 img {
  display: inline-block;
}
.tp-about-2__shapes-4 {
  position: absolute;
  left: 50%;
  top: 150px;
  z-index: -1;
  animation: tp-float-2 6s infinite alternate;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-2__shapes-4 {
    transform: translateX(0);
  }
}
.tp-about-2__shapes-4 img {
  display: inline-block;
}
.tp-about-2__shapes-7 {
  position: absolute;
  left: 70%;
  top: 260px;
  z-index: 1;
  animation: tp-float-2 6s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-2__shapes-7 {
    left: 0;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-2__shapes-7 {
    transform: translateX(0);
    left: 7%;
  }
}
.tp-about-2__shapes-7 img {
  display: inline-block;
}
.tp-about-2__shapes-8 {
  position: absolute;
  right: 0px;
  top: 260px;
  z-index: 1;
  animation: tpswing 1s ease-in-out 1s forwards infinite alternate;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-2__shapes-8 {
    transform: translateX(0);
  }
}
.tp-about-2__shapes-8 img {
  display: inline-block;
}
.tp-about-2__feature-list {
  display: inline-block;
}
.tp-about-2__feature-list ul li {
  list-style: none;
  font-size: 16px;
  font-weight: 500;
  padding-left: 35px;
  position: relative;
  margin-bottom: 30px;
  width: 50%;
  float: left;
  color: #000f2f;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-2__feature-list ul li {
    width: 100%;
  }
}
.tp-about-2__feature-list ul li i {
  display: inline-block;
  color: var(--tp-theme-primary);
  position: absolute;
  left: 0;
  top: 2px;
  -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;
  font-size: 20px;
}
.tp-about-2__feature-list ul li:hover i {
  transform: rotateY(-180deg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-2__right {
    margin-left: 0;
  }
}

.tp-about-3__img-large {
  position: relative;
  z-index: 1;
  margin-right: 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-3__img-large {
    margin-right: 0;
  }
}
.tp-about-3__img-sm {
  position: relative;
  z-index: 1;
  margin-right: 40px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-3__img-sm {
    margin-right: 0;
    margin-top: 0;
  }
}
.tp-about-3__shapes-1 {
  position: absolute;
  left: -40px;
  bottom: 110px;
  z-index: -1;
  animation: tp-float-3 4s infinite alternate;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-3__shapes-1 img {
    width: 100%;
  }
}
.tp-about-3__feature-list {
  display: inline-block;
}
.tp-about-3__feature-list ul li {
  list-style: none;
  font-size: 16px;
  font-weight: 400;
  padding-left: 70px;
  position: relative;
  margin-bottom: 50px;
  width: 50%;
  float: left;
  color: #011025;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-3__feature-list ul li {
    width: 100%;
  }
}
.tp-about-3__feature-list ul li i {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  display: inline-block;
  color: var(--tp-theme-primary);
  background-color: rgba(40, 120, 235, 0.1);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 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;
  font-size: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-3__right {
    margin-left: 0;
  }
}
.tp-about-3__whitebox {
  background-color: var(--tp-common-white);
  position: absolute;
  bottom: 30px;
  right: 30px;
  padding: 30px;
  border-radius: 10px;
  padding-right: 50px;
  box-shadow: 0px 10px 20px 0px rgba(1, 16, 37, 0.06);
}
.tp-about-3__whitebox span {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-align: center;
  display: inline-block;
  background-color: #f2f7fe;
  font-size: 21px;
  color: var(--tp-theme-primary);
  margin-bottom: 30px;
  border-radius: 6px;
}
.tp-about-3__whitebox h4 {
  font-size: 18px;
}
.tp-about-3__img-wrapper {
  margin-right: 50px;
  margin-left: -80px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-3__img-wrapper {
    margin-right: 0;
  }
}

/*----------------------------------------*/
/* 07. TEAM CSS
/*----------------------------------------*/
.tp-team__overlay {
  position: relative;
}
.tp-team__overlay::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: -moz-linear-gradient(90deg, rgba(0, 5, 14, 0.8) 0%, rgba(0, 5, 14, 0.54) 32%, rgba(0, 5, 14, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgba(0, 5, 14, 0.8) 0%, rgba(0, 5, 14, 0.54) 32%, rgba(0, 5, 14, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgba(0, 5, 14, 0.8) 0%, rgba(0, 5, 14, 0.54) 32%, rgba(0, 5, 14, 0) 100%);
  -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;
  pointer-events: none;
}
.tp-team__member:hover .tp-team__info {
  opacity: 0;
  transform: translateY(100%);
}
.tp-team__member:hover .tp-team__social {
  opacity: 1;
  transform: translateY(0);
}
.tp-team__member:hover .tp-team__img img {
  transform: scale(1.05, 1.05);
}
.tp-team__member:hover .tp-team__overlay::after {
  opacity: 0;
}
.tp-team__img img {
  -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;
}
.tp-team__info {
  width: 100%;
  position: absolute;
  bottom: 10px;
  z-index: 1;
  color: var(--tp-common-white);
  -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;
}
.tp-team__name {
  font-size: 18px;
  color: var(--tp-common-white);
  line-height: 1;
  margin-bottom: 0;
}
.tp-team__social {
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
  width: 100%;
  text-align: center;
  z-index: 3;
  background-color: var(--tp-theme-primary);
  z-index: 2;
  padding: 15px 0;
  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;
}
.tp-team__social span {
  margin: 0 5px;
}
.tp-team__social span a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 36px;
  color: var(--tp-common-white);
  border: 2px solid;
  border-color: rgba(255, 255, 255, 0.3);
}
.tp-team__social span a:hover {
  background-color: var(--tp-common-white);
  color: var(--tp-theme-primary);
}

.tp-team-2__overlay::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: -moz-linear-gradient(90deg, rgb(0, 5, 14) 0%, rgba(0, 5, 14, 0.68) 32%, rgba(0, 5, 14, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(0, 5, 14) 0%, rgba(0, 5, 14, 0.68) 32%, rgba(0, 5, 14, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(0, 5, 14) 0%, rgba(0, 5, 14, 0.68) 32%, rgba(0, 5, 14, 0) 100%);
  -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;
  opacity: 0;
  border-radius: 6px;
}
.down-mark-line {
  position: relative;
  z-index: 2;
  display: inline-block;
}
.tp-team-2__member:hover .tp-team-2__social {
  opacity: 1;
  transform: translateY(0);
}
.tp-team-2__member:hover .tp-team-2__overlay::after {
  opacity: 1;
}
.tp-team-2__img img {
  -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;
  border-radius: 6px;
}
.tp-team-2__info {
  padding-top: 20px;
}
.tp-team-2__name {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 0;
}
.tp-team-2__name a:hover {
  color: var(--tp-theme-primary);
}
.tp-team-2__social {
  position: absolute;
  bottom: 20px;
  transform: translateY(100%);
  width: 100%;
  left: 25px;
  z-index: 2;
  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;
}
.tp-team-2__social span {
  margin-right: 10px;
}
.tp-team-2__social span a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  color: var(--tp-common-white);
  border: 2px solid;
  border-color: rgba(255, 255, 255, 0.1);
}
.tp-team-2__social span a:hover {
  background-color: var(--tp-common-white);
  color: var(--tp-theme-primary);
}
.tp-team-2__ratting {
  color: #faa423;
}
.tp-team-2__pro {
  color: var(--tp-text-2);
  display: inline-block;
  margin-bottom: 5px;
}

.teacher__item {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  padding: 30px;
}
.teacher__item:hover {
  background: var(--tp-common-white);
  -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);
  -ms-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);
  -o-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);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.teacher__content {
  padding-top: 25px;
}
.teacher__content span {
  font-size: 16px;
}
.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 red;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  color: var(var(--tp-common-black));
}
.teacher__social ul li a:hover {
  background: var(--tp-theme-primary);
  color: var(--tp-common-white);
  border-color: red;
}
@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;
  margin-bottom: 0;
}
.teacher__social-2 ul li {
  display: inline-block;
}
.teacher__social-2 ul li a {
  font-size: 14px;
  color: #898a93;
  margin: 2px;
}
.teacher__social-2 ul li a:hover {
  color: var(--tp-theme-primary);
}
@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;
}
.teacher__rating h5 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}
.teacher__rating ul li {
  display: inline-block;
}
.teacher__rating ul li a {
  font-size: 14px;
  color: var(--tp-theme-secondary);
}
.teacher__rating-inner p {
  font-size: 16px;
  color: var(var(--tp-common-black));
  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;
}
.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;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  color: var(var(--tp-common-black));
  font-weight: 16px;
  font-weight: 500;
  text-transform: capitalize;
  background: var(--tp-common-white);
}
.teacher__follow-btn:hover {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
  border-color: transparent;
}
.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;
  margin-bottom: 0;
}
.teacher__courses .section__title {
  font-size: 30px;
}
.teacher__details-thumb img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
@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;
}

/*----------------------------------------*/
/*  08. SERVICES CSS
/*----------------------------------------*/
.services__item {
  padding: 45px 45px 40px;
  position: relative;
  z-index: 1;
}
@media (max-width: 575px) {
  .services__item {
    padding-left: 35px;
    padding-right: 35px;
  }
}
.services__icon {
  margin-bottom: 20px;
}
.services__icon i {
  font-size: 60px;
  color: var(--tp-theme-primary);
}
.services__counter {
  counter-reset: count;
}
.services__counter-2 {
  counter-reset: count2;
}
.services__title {
  font-size: 26px;
  color: var(--tp-common-black);
  text-transform: uppercase;
  margin-bottom: 15px;
}
.services__title a:hover {
  color: var(--tp-theme-primary);
}
.services__no span {
  display: inline-block;
  font-size: 14px;
  color: var(--tp-text-1);
  position: relative;
  padding-right: 20px;
  text-transform: uppercase;
}
.services__no span::after {
  position: absolute;
  counter-increment: count;
  content: "0" counter(count);
  right: 0;
  top: 48%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--tp-text-1);
}
.services__no-text {
  position: relative;
}
.services__no-text::before {
  position: absolute;
  counter-increment: count2;
  content: "0" counter(count2);
  right: -45px;
  top: 25px;
  -webkit-text-fill-color: transparent;
  background: var(--tp-common-white);
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px var(--tp-border-1);
  color: var(--tp-common-white) !important;
  font-size: 170px;
  z-index: -1;
  font-weight: 700;
}
.services__content {
  position: relative;
  border: 1px solid var(--tp-border-2);
  border-top: 0;
  padding: 30px 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services__content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.services__box-item {
  padding: 40px 30px;
}
.services__box-title {
  font-size: 26px;
  color: var(--tp-common-black);
  text-transform: uppercase;
  margin-bottom: 15px;
}
.services__box-title a:hover {
  color: var(--tp-theme-primary);
}
.services__box-icon {
  margin-bottom: 20px;
}
.services__box-icon i {
  font-size: 60px;
  color: var(--tp-theme-primary);
}
.services__box-content p {
  font-size: 16px;
  color: var(--tp-text-1);
}
.services__grid-tag {
  position: absolute;
  top: 0;
  right: 20px;
}
.services__grid-tag span {
  color: var(--tp-common-white);
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  padding: 0 18px;
  padding-top: 2px;
  background-color: var(--tp-theme-primary);
  text-transform: uppercase;
}
.services__grid-tag span:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}
.services__grid-title {
  font-size: 26px;
  color: var(--tp-common-black);
  text-transform: uppercase;
  margin-bottom: 15px;
}
.services__grid-title a:hover {
  color: var(--tp-theme-primary);
}
.services__grid-content {
  padding: 30px 30px 40px;
  border: 1px solid var(--tp-border-1);
  border-top: none;
}
.services__grid-content p {
  font-size: 16px;
  color: var(--tp-text-1);
}
.services__square-item:hover .services__thumb-3 img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.services__square-title {
  font-size: 24px;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__square-title {
    font-size: 20px;
  }
}
.services__square-title a:hover {
  color: var(--tp-theme-primary);
}
.services__square-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  text-align: center;
  line-height: 135px;
  background-color: var(--tp-common-white);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}
.services__square-icon i {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 50px;
}
.services__square-thumb {
  z-index: 1;
}
.services__square-thumb::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--tp-common-black);
  opacity: 0.5;
}
.services__square-content {
  padding-top: 20px;
}
.services__details-thumb {
  margin-bottom: 50px;
}
.services__details-title {
  font-size: 40px;
  text-transform: uppercase;
  margin-bottom: 23px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__details-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .services__details-title {
    font-size: 30px;
  }
}
.services__details-content p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 15px;
}
.services__details-question h4 {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.services__details-question ul li {
  list-style: none;
  line-height: 1;
}
.services__details-question ul li p {
  font-size: 16px;
  line-height: 1.6;
}
.services__details-question ul li p span {
  color: var(--tp-common-black);
  font-weight: 700;
}
.services__details-process h4 {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 22px;
}
.services__details-contact {
  padding: 50px 60px 60px;
  border: 1px solid #f1f1f1;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .services__details-contact {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.services__details-contact h4 {
  font-size: 40px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .services__details-contact h4 {
    font-size: 30px;
  }
}
.services__details-contact .contact__input input, .services__details-contact .contact__input textarea {
  background-color: var(--tp-grey-4);
  border-color: var(--tp-grey-4);
}
.services__details-contact .contact__input input:focus, .services__details-contact .contact__input textarea:focus {
  border-color: var(--tp-theme-primary);
}
.services__details-contact .contact__input input::-webkit-input-placeholder, .services__details-contact .contact__input textarea::-webkit-input-placeholder {
  color: var(--tp-text-12);
}
.services__details-contact .contact__input input:-moz-placeholder, .services__details-contact .contact__input textarea:-moz-placeholder {
  color: var(--tp-text-12);
}
.services__details-contact .contact__input input::-moz-placeholder, .services__details-contact .contact__input textarea::-moz-placeholder {
  color: var(--tp-text-12);
}
.services__details-contact .contact__input input:-ms-input-placeholder, .services__details-contact .contact__input textarea:-ms-input-placeholder {
  color: var(--tp-text-12);
}
.services__details-contact .contact__input i {
  color: var(--tp-common-black);
}
.services__widget {
  padding: 33px 40px 30px;
  border: 1px solid #f3f3f3;
}
.services__widget-title {
  font-size: 20px;
  text-transform: uppercase;
  padding-right: 70px;
  position: relative;
  margin-bottom: 17px;
}
.services__widget-title::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 70px;
  height: 1px;
  background-color: var(--tp-theme-primary);
}
.services__widget ul li {
  list-style: none;
  margin-bottom: 2px;
}
.services__widget ul li:last-child {
  margin-bottom: 0;
}
.services__widget ul li a {
  font-size: 16px;
  color: var(--tp-text-1);
  padding-left: 30px;
  position: relative;
}
.services__widget ul li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 1px;
  background-color: var(--tp-common-black);
}
.services__widget ul li:hover > a {
  color: var(--tp-theme-primary);
  padding-left: 40px;
}
.services__widget ul li:hover > a::after {
  background-color: var(--tp-theme-primary);
  width: 22px;
}

.services-widget-banner {
  position: relative;
  background-color: var(--tp-grey-4);
  z-index: 1;
  padding: 50px 25px 35px;
}
.services-widget-banner .services-banner-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.services-widget-banner .services-banner-content {
  text-align: center;
}
.services-widget-banner .services-banner-content span {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 5px;
}
.services-widget-banner .services-banner-content h5 {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.services-widget-banner .services-banner-content p {
  font-size: 30px;
  color: var(--tp-theme-primary);
  font-weight: 700;
  position: relative;
  display: inline-block;
}
.services-widget-banner .services-banner-content p::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background-color: var(--tp-theme-primary);
}

/*----------------------------------------*/
/*  09. PORTFOLIO CSS
/*----------------------------------------*/
.portfolio__item {
  min-height: 416px;
  position: relative;
  z-index: 1;
}
.portfolio__item::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: auto;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  background-color: var(--tp-common-black);
  opacity: 0;
}
.portfolio__item:hover::after {
  opacity: 0.9;
}
.portfolio__item:hover .portfolio__content {
  bottom: 45px;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 575px) {
  .portfolio__item:hover .portfolio__content {
    bottom: 20px;
  }
}
.portfolio__item:hover .portfolio__view {
  top: 50px;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 575px) {
  .portfolio__item:hover .portfolio__view {
    top: 20px;
  }
}
.portfolio__title {
  font-size: 24px;
  color: var(--tp-common-white);
  text-transform: uppercase;
  margin-bottom: 0;
}
.portfolio__title a:hover {
  color: var(--tp-theme-primary);
}
.portfolio__content {
  position: absolute;
  bottom: 0;
  left: 50px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
}
@media (max-width: 575px) {
  .portfolio__content {
    left: 20px;
  }
}
.portfolio__tag {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--tp-common-white);
  text-transform: uppercase;
  margin-bottom: 5px;
}
.portfolio__tag-3 {
  position: absolute;
  bottom: 0;
  left: 40px;
}
.portfolio__tag-3 a {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--tp-common-black);
  background-color: var(--tp-theme-primary);
  padding: 0 7px;
}
.portfolio__view {
  position: absolute;
  top: 0;
  left: 50px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
}
.portfolio__view .portfolio-view-btn {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  font-size: 16px;
}
.portfolio__view .portfolio-view-btn:hover {
  color: var(--tp-theme-primary);
  background-color: var(--tp-common-white);
}
@media (max-width: 575px) {
  .portfolio__view {
    left: 20px;
  }
}
.portfolio__thumb {
  min-height: 416px;
}
.portfolio__thumb-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.portfolio__box-item.portfolio-item-active .portfolio__box-btn {
  -webkit-transform: perspective(400px) rotateX(0deg);
  -moz-transform: perspective(400px) rotateX(0deg);
  -ms-transform: perspective(400px) rotateX(0deg);
  -o-transform: perspective(400px) rotateX(0deg);
  transform: perspective(400px) rotateX(0deg);
  visibility: visible;
  opacity: 1;
}
.portfolio__box-item:hover .portfolio__box-btn {
  -webkit-transform: perspective(400px) rotateX(0deg);
  -moz-transform: perspective(400px) rotateX(0deg);
  -ms-transform: perspective(400px) rotateX(0deg);
  -o-transform: perspective(400px) rotateX(0deg);
  transform: perspective(400px) rotateX(0deg);
  visibility: visible;
  opacity: 1;
}
.portfolio__box-title {
  font-size: 24px;
  color: var(--tp-common-black);
  text-transform: uppercase;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__box-title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__box-title {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .portfolio__box-title {
    font-size: 20px;
  }
}
.portfolio__box-title a:hover {
  color: var(--tp-theme-primary);
}
.portfolio__box-content {
  border: 1px solid var(--tp-border-1);
  padding: 32px 40px;
}
@media (max-width: 575px) {
  .portfolio__box-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.portfolio__box-tag {
  position: absolute;
  bottom: 0;
  left: 40px;
}
.portfolio__box-tag a {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--tp-common-black);
  background-color: var(--tp-theme-primary);
  padding: 0 7px;
}
.portfolio__box-btn {
  -webkit-transform: perspective(400px) rotateX(-60deg);
  -moz-transform: perspective(400px) rotateX(-60deg);
  -ms-transform: perspective(400px) rotateX(-60deg);
  -o-transform: perspective(400px) rotateX(-60deg);
  transform: perspective(400px) rotateX(-60deg);
  transform-origin: top center;
  visibility: hidden;
  opacity: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .portfolio__details-wrapper {
    padding-right: 0;
  }
}
.portfolio__details-text h3 {
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.portfolio__details-text p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 30px;
  padding-right: 10px;
}
.portfolio__details-text-highlight {
  color: #333333;
}
.portfolio__details-msg {
  font-size: 20px;
  text-transform: uppercase;
  line-height: 1.5;
  margin-bottom: 55px;
}
.portfolio__details-goal-item h4 {
  font-size: 20px;
  text-transform: uppercase;
  border-bottom: 1px solid var(--tp-border-1);
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.portfolio__details-goal-item h4 span {
  color: var(--tp-theme-primary);
}
.portfolio__details-goal-item p {
  font-size: 16px;
  padding-right: 20px;
}
.portfolio__details-post-item {
  padding: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .portfolio__details-post-item {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .portfolio__details-post-item-right .portfolio__details-post-thumb {
    margin-right: 20px;
    margin-left: 0;
  }
}
.portfolio__details-post-thumb img {
  width: 80px;
  height: 80px;
}
.portfolio__details-post-content span {
  font-size: 14px;
  display: inline-block;
  font-weight: 700;
  color: var(--tp-theme-primary);
  text-transform: uppercase;
  margin-bottom: 5px;
}
.portfolio__details-post-content h4 {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .portfolio__details-post-content h4 {
    font-size: 20px;
  }
}
.portfolio__details-post-content h4 a:hover {
  color: var(--tp-theme-primary);
}
.portfolio__details-info {
  padding: 0 40px 30px;
}
.portfolio__details-info ul li {
  list-style: none;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 13px;
  padding-bottom: 10px;
}
.portfolio__details-info ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.portfolio__details-info ul li p {
  font-size: 14px;
  color: var(--tp-text-1);
  margin-bottom: 0;
}
.portfolio__details-info ul li p span {
  color: var(--tp-common-black);
  font-weight: 700;
}
.portfolio__contact-title {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.portfolio__contact .contact__input input, .portfolio__contact .contact__input textarea {
  border-color: #f2f2f2;
  height: 60px;
  line-height: 60px;
  padding-left: 50px;
  padding-right: 15px;
}
.portfolio__contact .contact__input input:focus, .portfolio__contact .contact__input textarea:focus {
  border-color: var(--tp-theme-primary);
}
.portfolio__contact .contact__input textarea {
  height: 140px;
  line-height: 1.3;
}
.portfolio__contact .contact__input .nice-select {
  height: 60px;
  line-height: 60px;
  border: 1px solid #f2f2f2;
  background-color: transparent;
  padding-left: 50px;
}
.portfolio__contact .contact__input i {
  top: 23px;
  left: 23px;
  right: auto;
  color: var(--tp-common-black);
}
.portfolio__widget {
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  border: 1px solid #f2f2f2;
}
.portfolio__widget-title {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding: 35px 40px 0;
}

/*----------------------------------------*/
/*  10. COURSES CSS
/*----------------------------------------*/
.tp-courses__item {
  background-color: var(--tp-common-white);
  -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;
}
.tp-courses__item.has-radius {
  border-radius: 4px;
}
.tp-courses__item:hover {
  box-shadow: 0px 30px 50px 0px rgba(4, 5, 60, 0.1);
}
.tp-courses__item:hover .tp-courses__content {
  box-shadow: none;
}
.tp-courses__item:hover .tp-courses__thumb img {
  transform: scale(1.05, 1.05) rotate(2deg);
}
.tp-courses__thumb img {
  -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;
}
.tp-courses__cat {
  position: absolute;
  top: 20px;
  left: 20px;
  border-radius: 4px;
}
.tp-courses__cat a {
  padding: 0 15px;
  color: var(--tp-common-white);
  display: inline-block;
}
.tp-courses__cat.cat-color-1 {
  background-color: var(--tp-theme-primary);
}
.tp-courses__cat.cat-color-2 {
  background-color: #be4ffd;
}
.tp-courses__cat.cat-color-3 {
  background-color: #fa7919;
}
.tp-courses__cat.cat-color-4 {
  background-color: #f2277e;
}
.tp-courses__cat.cat-color-5 {
  background-color: #30a820;
}
.tp-courses__cat.cat-color-6 {
  background-color: #3a53a4;
}
.tp-courses__content {
  padding-top: 30px;
  padding-bottom: -30px;
  box-shadow: 0px 1px 2px 0px rgba(34, 22, 56, 0.1);
}
.tp-courses__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 15px;
  padding-right: 30px;
  padding-left: 30px;
}
.tp-courses__title a:hover {
  color: var(--tp-theme-primary);
}
.tp-courses__meta {
  margin-bottom: 10px;
  padding-right: 30px;
  padding-left: 30px;
}
.tp-courses__meta span {
  margin-right: 20px;
}
.tp-courses__meta span.tp-ratting i {
  color: var(--tp-theme-secondary);
}
.tp-courses__meta span i {
  margin-right: 5px;
}
.tp-courses__avata {
  margin-bottom: 20px;
  padding-right: 30px;
  padding-left: 30px;
  position: relative;
}
.tp-courses__avata img {
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;
}
.tp-courses__avata a:hover {
  color: var(--tp-theme-primary);
}
.tp-courses__price {
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid var(--tp-border-2);
}
.tp-courses__time {
  color: #333f59;
}
.tp-courses__time span i {
  margin-right: 10px;
}
.tp-courses__value {
  font-size: 18px;
  font-weight: 700;
  color: #020c2a;
}
.tp-courses__buttons .nav-link {
  background-color: var(--tp-common-white);
  border-radius: 0;
  padding: 5px 20px;
  color: inherit;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-courses__buttons .nav-link {
    margin-bottom: 30px;
  }
}
.tp-courses__buttons .nav-link.active {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.tp-courses__buttons ul li:not(:last-child) {
  margin-right: 10px;
}

.tp-courses-2__item {
  border-radius: 6px;
  overflow: hidden;
}
.tp-courses-2__item:hover .tp-courses-2__thumb img {
  transform: scale(1.05, 1.05) rotate(2deg);
}
.tp-courses-2__thumb img {
  -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;
}
.tp-courses-2__cat a {
  padding: 0 20px;
  border-radius: 4px;
  color: var(--tp-common-white);
  display: inline-block;
  background-color: var(--tp-theme-primary);
}
.tp-courses-2__cat.cat-color-1 a {
  background-color: rgba(177, 40, 255, 0.08);
  color: #b128ff;
}
.tp-courses-2__cat.cat-color-2 a {
  background-color: rgba(50, 112, 252, 0.08);
  color: var(--tp-theme-primary);
}
.tp-courses-2__cat.cat-color-3 a {
  background-color: rgba(48, 168, 32, 0.08);
  color: #30a820;
}
.tp-courses-2__content {
  padding-top: 30px;
  padding-bottom: -30px;
  box-shadow: 0px 1px 2px 0px rgba(34, 22, 56, 0.1);
}
.tp-courses-2__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 25px;
  padding-right: 25px;
  padding-left: 25px;
}
.tp-courses-2__title a:hover {
  color: var(--tp-theme-primary);
}
.tp-courses-2__price {
  font-size: 18px;
  font-weight: 700;
}
.tp-courses-2__meta {
  margin-bottom: 15px;
  padding-right: 25px;
  padding-left: 25px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-courses-2__sub {
    margin-bottom: 10px;
  }
}
.tp-courses-2__sub i {
  margin-right: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-courses-2__review {
    display: none;
  }
}
.tp-courses-2__bottom {
  padding-right: 25px;
  padding-left: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid var(--tp-border-2);
}
.tp-courses-2__review span i {
  color: var(--tp-theme-secondary);
}

.course__tab-inner {
  padding: 15px 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-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;
  -o-border-radius: 4px;
  -ms-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: var(--tp-common-black);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.course__tab-btn .nav-tabs .nav-item .nav-link.active {
  background: var(--tp-theme-primary);
}
.course__tab-btn .nav-tabs .nav-item .nav-link.active svg.grid .st0 {
  fill: none;
  stroke: var(--tp-common-white);
}
.course__tab-btn .nav-tabs .nav-item .nav-link.active svg .st0 {
  fill: var(--tp-common-white);
}
.course__tab-2 .nav-tabs {
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-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 var(--tp-common-white);
}
.course__tab-2 .nav-tabs .nav-item .nav-link {
  background: #e4e4e4;
  font-size: 16px;
  font-weight: 600;
  color: var(--tp-common-color);
  width: 100%;
  height: 54px;
  line-height: 54px;
  padding: 0;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-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: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
@media (max-width: 575px) {
  .course__tab-2 .nav-tabs .nav-item .nav-link span {
    display: none;
  }
}

.tp-courses-4__item {
  box-shadow: 0px 1px 2px 0px rgba(34, 22, 56, 0.1);
  background-color: var(--tp-common-white);
  box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
}
.tp-courses-4__thumb {
  height: 100%;
}
.tp-courses-4__thumb img {
  -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;
  height: 100%;
  object-fit: cover;
}
.tp-courses-4__cat a {
  padding: 2px 20px;
  color: var(--tp-common-white);
  display: inline-block;
  background-color: var(--tp-theme-primary);
}
.tp-courses-4__cat.cat-color-1 a {
  background-color: rgba(177, 40, 255, 0.08);
  color: #b128ff;
}
.tp-courses-4__cat.cat-color-2 a {
  background-color: rgba(50, 112, 252, 0.08);
  color: var(--tp-theme-primary);
}
.tp-courses-4__cat.cat-color-3 a {
  background-color: rgba(48, 168, 32, 0.08);
  color: #30a820;
}
.tp-courses-4__content {
  padding: 60px 80px;
  padding-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-courses-4__content {
    padding: 40px 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-courses-4__content {
    padding: 40px 35px;
  }
}
@media (max-width: 575px) {
  .tp-courses-4__content {
    padding: 20px 15px;
  }
}
.tp-courses-4__title {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 25px;
}
@media (max-width: 575px) {
  .tp-courses-4__title {
    font-size: 30px;
  }
}
.tp-courses-4__title a:hover {
  color: var(--tp-theme-primary);
}
.tp-courses-4__price {
  font-size: 18px;
  font-weight: 700;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 80px;
  padding-right: 80px;
  border-top: 1px solid var(--tp-border-2);
}
@media (max-width: 575px) {
  .tp-courses-4__price {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.tp-courses-4__meta {
  margin-bottom: 15px;
}
.tp-courses-4__meta i {
  margin-right: 5px;
}
.tp-courses-4__meta span {
  margin-right: 20px;
}
@media (max-width: 575px) {
  .tp-courses-4__meta span {
    margin-right: 15px;
  }
}
.tp-courses-4__meta span.tp-ratting i {
  color: var(--tp-theme-secondary);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-courses-4__sub {
    margin-bottom: 10px;
  }
}
.tp-courses-4__sub i {
  margin-right: 8px;
}
.tp-courses-4__bottom {
  padding-right: 25px;
  padding-left: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid var(--tp-border-2);
}
.tp-courses-4__avata img {
  margin-right: 10px;
  border-radius: 50%;
}
.tp-courses-4__review span i {
  color: var(--tp-theme-secondary);
}

.course__description-list h4 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}
.course__description-list ul li {
  font-size: 16px;
  color: var(--tp-common-black);
  list-style: none;
}
.course__description-list ul li:not(:last-child) {
  margin-bottom: 5px;
}
.course__description-list ul li i {
  display: inline-block;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 15px;
  font-weight: 500;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 10px;
}

.course__tag-2 {
  border-top: 1px solid #e4e6ef;
  padding-top: 25px;
}
.course__tag-2 i {
  margin-right: 10px;
}
.course__tag-2 span {
  font-size: 16px;
  color: var(--tp-text-3);
  margin-right: 7px;
}
.course__tag-2 a {
  font-size: 16px;
  font-weight: 500;
  margin-left: 5px;
}
.course__tag-2 a:hover {
  color: var(--tp-theme-primary);
}

.course__curriculum .accordion-item {
  padding: 0;
}
.course__curriculum .accordion-item .accordion-button {
  outline: none;
  border: 1px solid var(--tp=border-1);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  background: var(--tp-grey-3);
  font-size: 20px;
  font-weight: 700;
  color: var(--tp-common-black);
  padding-top: 18px;
  padding-left: 30px;
  padding-right: 30px;
}
.course__curriculum .accordion-item .accordion-button.collapsed {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.course__curriculum .accordion-item .accordion-button:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.course__curriculum .accordion-item .accordion-body {
  padding: 0;
}

.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-info svg {
  width: 16px;
  height: 16px;
  margin-right: 7px;
  color: var(--tp-grey-3);
}

.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-meta span.time {
  font-size: 16px;
  color: #53545b;
}

.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: var(--tp-theme-primary);
  margin-left: 20px;
}

.course__review-rating-info {
  padding: 51px 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;
}

.course__review-rating-info h5 {
  font-size: 100px;
  line-height: 70px;
  font-weight: 500;
  margin-bottom: 8px;
}

.course__review-rating-info ul li a {
  color: var(--tp-theme-secondary);
}

.course__review-rating-info ul li {
  display: inline-block;
}

.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-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-text span {
  font-size: 16px;
  color: #53545b;
}

.course__review-progress .single-progress {
  background: #2b4eff;
  height: 100%;
}

.course__review-text span {
  font-size: 16px;
  color: #53545b;
}

.course__review-percent h5 {
  font-size: 16px;
  font-weight: 400;
  color: #53545b;
  margin-bottom: 0;
}

.course__review-item {
  margin-bottom: 5px;
}

.course__comment li {
  list-style: none;
}

.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-info h4 {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
}

.course__comment-rating ul li {
  display: inline-block;
}

.course__comment-rating ul li a {
  font-size: 12px;
  color: var(--tp-theme-secondary);
}

.course__rating-inner i {
  color: var(--tp-theme-secondary);
}

.course__comment-info {
  margin-bottom: 15px;
}

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

.page__title-pre {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
  padding: 5px 10px;
  margin-bottom: 10px;
  display: inline-block;
}

.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 var(--tp-grey-2);
  outline: none;
  background: var(--tp-grey-1);
  padding: 0 22px;
  font-size: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.course__form-input input:focus, .course__form-input textarea:focus {
  border-color: var(--tp-theme-primary);
  background: var(--tp-common-white);
}
.course__form-input input::placeholder, .course__form-input textarea::placeholder {
  color: grey;
}
.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: var(--tp-common-black);
}
.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: var(--tp-theme-secondary);
}
.course__form-rating ul li a.no-rating {
  color: #b8b9bf;
}
.course__form-btn button {
  text-transform: capitalize;
}
.course__member-item {
  padding: 25px 30px;
  background: var(--tp-grey-1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-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%;
  -o-border-radius: 50%;
  -ms-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: var(--tp-text-3);
}
@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: var(--tp-text-3);
}
.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%;
  -o-border-radius: 50%;
  -ms-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;
  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: var(--tp-common-black);
  background: var(--tp-common-white);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-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: var(--tp-common-white);
  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: var(--tp-common-white);
  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: var(--tp-common-white);
  background: #d8163f;
}
.course__video-thumb {
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-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%);
  -o-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 {
  font-size: 20px;
  font-weight: 600;
}
.course__video-price h5.old-price {
  text-decoration: line-through;
  color: var(--tp-grey-3);
  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: var(--tp-theme-primary);
  background: rgba(255, 0, 0, 0.08);
  font-weight: 600;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-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: var(--tp-theme-primary);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 2.6667;
}
.course__video-info h5 {
  margin-bottom: 0;
  font-weight: 400;
  color: var(--tp-text-3);
  font-size: 15px;
  line-height: 1;
}
.course__video-info h5 span {
  font-weight: 500;
  color: var(--tp-common-black);
  padding-right: 5px;
}
.course__payment h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.course__enroll-btn i {
  padding-left: 4px;
}
.course__sm-thumb img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.course__sm-content h5 {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1;
}
.course__sm-content h5 a:hover {
  color: var(--tp-theme-primary);
}
.course__sm-price span {
  font-size: 14px;
  color: var(--tp-text-3);
  font-weight: 600;
}
.course__sm-rating ul li {
  display: inline-block;
}
.course__sm-rating ul li a {
  font-size: 10px;
  color: var(--tp-theme-secondary);
  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%;
  -o-border-radius: 50%;
  -ms-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;
  margin-bottom: 0;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .course__tab-wrapper {
    margin-bottom: 30px;
  }
}

.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;
}
@media (max-width: 575px) {
  .course__sidebar-widget-2 {
    padding: 30px 15px;
  }
}
.course__sidebar-widget-2 ul li {
  list-style: none;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .course__sidebar {
    padding-left: 0;
  }
}

/*----------------------------------------*/
/*  11. EVENT CSS
/*----------------------------------------*/
.tp-event__item {
  box-shadow: 0px 30px 50px 0px rgba(4, 5, 60, 0.1);
}
.tp-event__item:hover .tp-event__thumb img {
  transform: scale(1.05, 1.05) rotate(2deg);
}
.tp-event__thumb img {
  -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;
}
.tp-event__content {
  padding: 25px 30px;
  padding-bottom: 40px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-event__content {
    padding: 25px 20px;
  }
}
.tp-event__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 25px;
}
.tp-event__title a:hover {
  color: var(--tp-theme-primary);
}
.tp-event__meta span.event-date {
  margin-right: 8px;
}
.tp-event__meta span.event-date i {
  color: var(--tp-theme-primary);
  margin-right: 2px;
}
.tp-event__meta span.event-cat i {
  color: #0acc86;
  margin-right: 2px;
}

.tp-event-2__item {
  padding: 15px 40px;
  box-shadow: 0px 30px 50px 0px rgba(4, 5, 60, 0.1);
  border-radius: 6px;
  background-color: var(--tp-common-white);
}
.tp-event-2__item:hover .tp-event-2__thumb img {
  transform: scale(1.05, 1.05) rotate(2deg);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-event-2__item {
    padding: 30px 25px;
  }
}
.tp-event-2__item .tp-border-btn span {
  border-color: rgba(50, 112, 252, 0.08);
  color: #020c2a;
  padding: 4px 25px;
}
.tp-event-2__item .tp-border-btn:hover span {
  color: var(--tp-common-white);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-event-2__content {
    margin-bottom: 30px;
  }
}
.tp-event-2__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 15px;
}
.tp-event-2__title a:hover {
  color: var(--tp-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-event-2__title {
    font-size: 22px;
  }
}
.tp-event-2__info span {
  color: var(--tp-text-3);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-event-2__info {
    margin-bottom: 30px;
  }
}
.tp-event-2__date span {
  border-right: 1px solid;
  display: inline-block;
  padding-right: 30px;
  border-color: rgba(0, 15, 47, 0.1);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-event-2__date span {
    border: 0;
  }
}
.tp-event-2__date span b {
  display: block;
  font-size: 40px;
  line-height: 1.2;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-event-2__date {
    margin-bottom: 30px;
  }
}
.tp-event-2__meta img {
  margin-right: 10px;
  margin-bottom: 5px;
}
.tp-event-2__time {
  border-radius: 8px;
  overflow: hidden;
  display: inline-block;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-event-2__time {
    margin-bottom: 20px;
  }
}
.tp-event-2__time span {
  background-color: rgba(50, 112, 252, 0.06);
  padding: 2px 15px;
  display: inline-block;
  border-radius: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-event-2__time span {
    padding: 5px 15px;
    margin-right: 0;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-event-2__time span {
    padding: 5px 10px;
    margin-right: 0;
  }
}
.tp-event-2__time.color-1 {
  background-color: rgba(50, 112, 252, 0.06);
  color: #3270fc;
}
.tp-event-2__time.color-2 {
  background-color: rgba(177, 40, 255, 0.06);
  color: #b128ff;
}
.tp-event-2__time.color-3 {
  background-color: rgba(48, 168, 32, 0.06);
  color: #30a820;
}
.tp-event-2__time.color-4 {
  background-color: rgba(255, 138, 0, 0.06);
  color: #ff8a00;
}
.tp-event-2__shapes-1 {
  position: absolute;
  top: 110px;
  left: 50%;
  animation: tp-float-1 6s infinite alternate;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-event-2__shapes-1 {
    top: 50px;
  }
}
.tp-event-2__shapes-2 {
  position: absolute;
  top: 60%;
  left: 5%;
  animation: tp-float-2 8s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-event-2__shapes-2 {
    display: none;
  }
}
.tp-event-2__shapes-3 {
  position: absolute;
  top: 50%;
  right: 0;
  animation: tpswing 1s ease-in-out 1s forwards infinite alternate;
  transform-origin: top bottom;
}

.tp-event-3__item {
  padding: 30px 40px;
  border-radius: 6px;
  background-color: var(--tp-common-white);
  border: 2px solid;
  border-color: rgba(1, 16, 37, 0.06);
  border-radius: 4px;
  -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;
}
.tp-event-3__item:hover {
  box-shadow: 0px 20px 50px 0px rgba(1, 16, 37, 0.14);
  border-color: transparent;
}
.tp-event-3__item:hover .tp-event-3__thumb img {
  transform: scale(1.05, 1.05) rotate(2deg);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-event-3__item {
    padding: 30px 25px;
  }
}
.tp-event-3__item .tp-border-btn span {
  border-color: rgba(50, 112, 252, 0.08);
  color: #020c2a;
}
.tp-event-3__item .tp-border-btn:hover span {
  color: var(--tp-common-white);
}
.tp-event-3__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  padding-right: 40px;
  margin-bottom: 0;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-event-3__title {
    padding-right: 0;
  }
}
.tp-event-3__title a:hover {
  color: var(--tp-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-event-3__title {
    font-size: 22px;
  }
}
.tp-event-3__info span {
  color: var(--tp-text-3);
  margin-right: 15px;
  margin-bottom: 10px;
  display: inline-block;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-event-3__info {
    margin-bottom: 30px;
  }
}

.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__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: var(--tp-text-3);
  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: red;
  background: rgba(255, 0, 0, 0.08);
  font-weight: 600;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-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: var(--tp-theme-primary);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 2.6667;
}
.events__info-item h5 {
  margin-bottom: 0;
  font-weight: 400;
  color: var(--tp-grey-3);
  font-size: 15px;
  line-height: 1;
}
.events__info-item h5 span {
  font-weight: 500;
  color: var(--tp-common-black);
  padding-right: 5px;
}
.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: var(--tp-text-3);
}
.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: var(--tp-common-black);
  background: var();
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-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: var(--tp-common-white);
  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: var(--tp-common-white);
  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: var(--tp-common-white);
  background: #d8163f;
}
.events__allow h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 15px;
}
.events__allow ul li {
  font-size: 16px;
  color: var(--tp-common-black);
  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: var(--tp-theme-primary);
  background: rgba(83, 146, 251, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-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: var(--tp-text-3);
  margin-right: 7px;
}
.events__tag a {
  font-size: 16px;
  color: var(--tp-theme-primary);
  font-weight: 600;
}
.events__tag a:hover {
  color: var(--tp-theme-secondary);
}

.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;
}

.course__teacher-thumb-3 img {
  width: 44px;
  height: 44px;
  margin-bottom: 30px;
  -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__instructor-thumb img {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.tp-event__shape .event-1 {
  position: absolute;
  right: 100px;
  animation: tp-float-1 6s infinite alternate;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-event__shape .event-1 {
    display: none;
  }
}
.tp-event__shape .event-2 {
  position: absolute;
  top: 50%;
  left: 100px;
  animation: tp-float-3 6s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-event__shape .event-2 {
    top: 0;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-event__shape .event-2 {
    display: none;
  }
}

.tp-counter-2__item.has-border {
  position: relative;
}
.tp-counter-2__item.has-border::after {
  content: "";
  width: 2px;
  height: 54px;
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  background-color: var(--tp-common-white);
  opacity: 0.1;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .events__sidebar {
    padding-left: 0;
  }
}

/*----------------------------------------*/
/*  12. CTA CSS
/*----------------------------------------*/
.tp-cta__bg {
  position: absolute;
  bottom: 0;
  height: 50%;
  width: 100%;
  display: inline-block;
  border-radius: 4px;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.tp-cta__box {
  padding: 40px 60px;
  border-radius: 4px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cta__box {
    padding: 40px 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-cta__box {
    padding: 40px 20px;
  }
}
.tp-cta__title {
  font-size: 44px;
  font-weight: 800;
}
.tp-cta__title span {
  font-weight: 300;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cta__title {
    font-size: 35px;
    margin-bottom: 30px;
  }
  .tp-cta__title br {
    display: none;
  }
}
.tp-cta__form input {
  width: 100%;
  height: 72px;
  position: relative;
  padding-right: 200px;
  padding-left: 20px;
  border: 1px solid var(--tp-border-2);
  border-radius: 4px;
}
.tp-cta__form input::-webkit-input-placeholder {
  color: var(--tp-text-4);
}
.tp-cta__form input:-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-cta__form input::-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-cta__form input:-ms-input-placeholder {
  color: var(--tp-text-4);
}
.tp-cta__form input:focus {
  border-color: var(--tp-theme-primary);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-cta__form input {
    margin-bottom: 30px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.tp-cta__form button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  margin-right: 6px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-cta__form button {
    position: relative;
    transform: translateY(0);
  }
}

.tp-cta__btn-wrappper .tp-white-btn {
  padding: inherit;
  box-shadow: 0px 10px 20px 0px rgba(8, 30, 68, 0.1);
}
.tp-cta__btn-wrappper .tp-white-btn .transition {
  display: none;
}

.tp-box__shadow {
  box-shadow: 0px 30px 50px 0px rgba(4, 5, 60, 0.1);
}

.tp-form__main {
  padding: 40px 50px;
  box-shadow: 0px 30px 40px 0px rgba(0, 15, 47, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-form__main {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-form__main {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-form__main {
    padding: 40px 20px;
  }
}
.tp-form__field {
  margin-bottom: 20px;
}
.tp-form__field input {
  width: 100%;
  height: 48px;
  padding-left: 20px;
  padding-right: 20px;
  border: 0;
  background-color: #f5f5f5;
  border-radius: 6px;
}
.tp-form__field input::-webkit-input-placeholder {
  color: var(--tp-text-3);
}
.tp-form__field input:-moz-placeholder {
  color: var(--tp-text-3);
}
.tp-form__field input::-moz-placeholder {
  color: var(--tp-text-3);
}
.tp-form__field input:-ms-input-placeholder {
  color: var(--tp-text-3);
}
.tp-form__field label {
  font-weight: 700;
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-form__text {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-form__text {
    padding-left: 0;
    padding-right: 0;
  }
}

.tp-cta-2__section {
  background-size: cover;
  background-repeat: no-repeat;
}
.tp-cta-2__field input {
  width: 100%;
  height: 60px;
  padding-left: 20px;
  padding-right: 150px;
  border: 0;
  background-color: #f5f5f5;
  border-radius: 6px;
  font-size: 16px;
}
.tp-cta-2__btn {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 100%;
  line-height: 60px;
  padding: 0 30px;
  text-align: center;
  font-size: 15px;
  color: var(--tp-common-white);
  background-color: #000f2f;
  border-radius: 0 6px 6px 0;
  text-transform: uppercase;
}
.tp-cta-2__btn:hover {
  background-color: var(--tp-theme-secondary);
}
@media (max-width: 575px) {
  .tp-cta-2__btn {
    margin-top: 20px;
    position: relative;
    border-radius: 6px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-cta-2__img img {
    width: 100%;
  }
}

.tp-contact__form-6 input {
  width: 100%;
  height: 60px;
  margin-bottom: 30px;
  padding: 0 20px;
  border: 2px solid #e4e4e4;
  -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;
}
.tp-contact__form-6 input::-webkit-input-placeholder {
  color: var(--tp-text-7);
}
.tp-contact__form-6 input:-moz-placeholder {
  color: var(--tp-text-7);
}
.tp-contact__form-6 input::-moz-placeholder {
  color: var(--tp-text-7);
}
.tp-contact__form-6 input:-ms-input-placeholder {
  color: var(--tp-text-7);
}
.tp-contact__form-6 input:focus {
  border-color: var(--tp-theme-primary);
}
.tp-contact__form-6 textarea {
  width: 100%;
  height: 230px;
  margin-bottom: 30px;
  padding: 20px;
  resize: none;
  border: 2px solid #e4e4e4;
  -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;
}
.tp-contact__form-6 textarea::-webkit-input-placeholder {
  color: var(--tp-text-7);
}
.tp-contact__form-6 textarea:-moz-placeholder {
  color: var(--tp-text-7);
}
.tp-contact__form-6 textarea::-moz-placeholder {
  color: var(--tp-text-7);
}
.tp-contact__form-6 textarea:-ms-input-placeholder {
  color: var(--tp-text-7);
}
.tp-contact__form-6 textarea:focus {
  outline: 0;
  border-color: var(--tp-theme-primary);
}

.contact__form-input input,
.contact__form-input textarea {
  width: 100%;
  height: 52px;
  padding-left: 20px;
  padding-right: 20px;
  border: 2px solid transparent;
  background-color: #f5f5f5;
  border-radius: 6px;
  margin-bottom: 20px;
}
.contact__form-input input:focus,
.contact__form-input textarea:focus {
  border-color: var(--tp-theme-primary);
  outline: 0;
}
.contact__form-input textarea {
  height: 200px;
  padding: 20px;
  resize: none;
  -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;
}
.contact__form-input textarea::-webkit-input-placeholder {
  color: var(--tp-text-3);
}
.contact__form-input textarea:-moz-placeholder {
  color: var(--tp-text-3);
}
.contact__form-input textarea::-moz-placeholder {
  color: var(--tp-text-3);
}
.contact__form-input textarea:-ms-input-placeholder {
  color: var(--tp-text-3);
}
.contact__form-input .contact__form-agree label {
  margin-left: 5px;
}

.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;
}
.contact__info-inner li {
  list-style: none;
}

@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: var(--tp-theme-primary);
  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;
}

.contact__info-text p a:hover {
  color: var(--tp-theme-primary);
}

.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;
}

.tp-contact-map iframe {
  width: 100%;
  height: 100%;
  display: block;
}

.tp-map-height {
  height: 700px;
}
@media (max-width: 575px) {
  .tp-map-height {
    height: 450px;
  }
}

.tp-form-shape-1 {
  position: absolute;
  left: 120px;
  bottom: 128px;
  animation: tp-float-3 5s infinite alternate;
}
.tp-form-shape-2 {
  position: absolute;
  left: 120px;
  top: -130px;
}
.tp-form-shape-3 {
  position: absolute;
  top: 50%;
  right: -150px;
  transform: translateY(-50%);
}

.tp-cta-2__shape img {
  position: absolute;
  left: 55%;
  animation: tp-float-2 7s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cta-2__shape img {
    top: 50%;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-cta-2__shape img {
    display: none;
  }
}

.tp-cta-2__img {
  margin-right: -150px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-cta-2__img {
    margin-right: 0;
  }
}

.tp-form__main-shape {
  position: absolute;
  bottom: 80px;
  left: -30px;
  z-index: -1;
}

/*----------------------------------------*/
/*  13. COUNTER CSS 
/*----------------------------------------*/
.tp-counter__item {
  text-align: center;
  color: var(--tp-common-white);
}
.tp-counter__item.has-border {
  position: relative;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-counter__item.has-border::after {
    display: none !important;
  }
}
.tp-counter__item.has-border::after {
  position: absolute;
  right: -20px;
  top: -20px;
  content: "";
  width: 1px;
  height: 100px;
  background-color: rgba(255, 255, 255, 0.2);
  display: inline-block;
}
.tp-counter__item span b {
  font-size: 36px;
  display: block;
  line-height: 1;
  position: relative;
}
.tp-counter__item span b::after {
  content: "+";
}

.tp-counter-2__bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 10px;
}
.tp-counter-2__icon {
  font-size: 40px;
  display: inline-block;
  margin-bottom: 30px;
}
.tp-counter-2__item {
  text-align: center;
  color: var(--tp-common-white);
}
.tp-counter-2__item span b {
  font-size: 36px;
  display: block;
  line-height: 1;
  position: relative;
}
.tp-counter-2__item span b::after {
  content: "+";
}

.tp-pulse-border {
  border-radius: 50%;
  z-index: 1;
}
.tp-pulse-border::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.4);
  animation: borderanimate2 2s linear infinite;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -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: -1;
}
.tp-pulse-border::before {
  animation-delay: 0.7s;
}

.tp-countdown__video {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
}
.tp-countdown__video a {
  background-color: var(--tp-common-white);
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  font-size: 20px;
  color: var(--tp-theme-primary);
  position: relative;
}
.tp-countdown__video a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid var(--tp-common-white);
  left: 0;
  top: 0;
  transform: scale(1.3);
}
@media (max-width: 575px) {
  .tp-countdown__right {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 575px) {
  .tp-coundown__countdown {
    background-color: var(--tp-common-white);
    padding: 30px 15px;
    display: inline-block;
  }
}
.tp-coundown__countdown .cdown {
  padding: 20px 25px;
  background-color: white;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  border-radius: 5px;
}
@media (max-width: 575px) {
  .tp-coundown__countdown .cdown {
    padding: 0;
    margin-right: 10px;
  }
}
.tp-coundown__countdown .cdown p {
  margin-bottom: 0;
}
.tp-coundown__countdown .time-count {
  font-size: 30px;
  font-weight: 700;
}

.count-down-shapes-1 {
  position: absolute;
  left: 50px;
  top: 40px;
  transform: scale(0.6);
}

.count-down-shapes-2 {
  position: absolute;
  right: 25%;
  transform: scale(0.6);
}

.count-down-shapes-3 {
  position: absolute;
  right: 0px;
  bottom: 20%;
}

.course__view {
  margin-left: 15px;

}

/*----------------------------------------*/
/*  14. FEATURE CSS
/*----------------------------------------*/
.tp-feature__item {
  padding-top: 40px;
  padding-bottom: 40px;

padding-left: 20px;
padding-right: 20px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.078);
  background-color: rgba(255, 255, 255, 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;
  position: relative;
}
.tp-feature__item::before {
  content: "";
  position: absolute;
  top: 0;
  height: 3px;
  width: 0;
  right: 0;
  display: inline-block;
  background-color: var(--tp-theme-primary);
  -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;
}
.tp-feature__item.before-color-1::before {
  background-color: #ffa28f;
}
.tp-feature__item.before-color-2::before {
  background-color: #8997f9;
}
.tp-feature__item.before-color-3::before {
  background-color: #f86470;
}
.tp-feature__item.before-color-4::before {
  background-color: #5fa79c;
}
.tp-feature__item.before-color-5::before {
  background-color: #73d17e;
}
.tp-feature__item.before-color-6::before {
  background-color: #b451f9;
}
.tp-feature__item.before-color-7::before {
  background-color: #11c5ce;
}
.tp-feature__item.before-color-8::before {
  background-color: #ee9c2d;
}
.tp-feature__item:hover {
  box-shadow: 0px 16px 40px 0px rgba(0, 15, 47, 0.1), inset 0px 3px 0px 0px rgba(44, 121, 255, 0.004);
  border-color: transparent;
}
.tp-feature__item:hover::before {
  width: 100%;
  right: auto;
  left: 0;
}
.tp-feature__item:hover .tp-feature__icon {
  transform: translateY(-8px);
}
.tp-feature__icon {
  margin-bottom: 50px;
  -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;
}
.tp-feature__title {
  font-size: 20px;
}
.tp-feature__title a:hover {
  color: var(--tp-theme-primary);
}
.tp-feature__item p {
  margin-bottom: 0;
}

.tp-feature-2__section .row [class*=col-]:first-child .tp-feature-2__item {
  border-radius: 10px 0 0 10px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-feature-2__section .row [class*=col-]:first-child .tp-feature-2__item {
    border-radius: 10px 10px 0 0;
  }
}
.tp-feature-2__section .row [class*=col-]:last-child .tp-feature-2__item {
  border-radius: 0 10px 10px 0;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-feature-2__section .row [class*=col-]:last-child .tp-feature-2__item {
    border-radius: 0 0 10px 10px;
  }
}
.tp-feature-2__item {
  padding: 35px 50px;
  -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;
  position: relative;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-feature-2__item {
    padding: 35px 25px;
  }
}
.tp-feature-2__item.tp-feature-2__color-1 {
  background-color: #facb5f;
  box-shadow: 0px 40px 60px 0px rgba(255, 164, 35, 0.3);
}
.tp-feature-2__item.tp-feature-2__color-2 {
  background-color: rgb(120, 166, 246);
  box-shadow: 0px 40px 60px 0px rgba(50, 111, 253, 0.3);
}
.tp-feature-2__item.tp-feature-2__color-3 {
  background-color: rgb(194, 112, 241);
  box-shadow: 0px 40px 60px 0px rgba(162, 0, 255, 0.3);
}
.tp-feature-2__item:hover .tp-feature-2__icon {
  transform: rotateY(-180deg);
}
.tp-feature-2__icon {
  color: var(--tp-common-white);
  margin-bottom: 50px;
  -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;
  font-size: 36px;
  display: inline-block;
}
.tp-feature-2__title {
  font-size: 22px;
  color: var(--tp-common-white);
  margin-bottom: 15px;
}
.tp-feature-2__content p {
  margin-bottom: 20px;
  color: var(--tp-common-white);
  font-size: 16px;
}
.tp-feature-2__content span a {
  color: var(--tp-common-white);
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  border: 2px solid;
  display: inline-block;
  border-color: rgba(255, 255, 255, 0.2);
  line-height: 32px;
}
.tp-feature-2__content span a:hover {
  background-color: var(--tp-common-white);
  border-color: transparent;
}
.tp-feature-2__content span a:hover i {
  animation: tfLeftToRight 0.5s forwards;
  color: var(--tp-theme-primary);
}

.gx-70 {
  --bs-gutter-x: 70px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .gx-70 {
    --bs-gutter-x: 1.5rem;
  }
}

/*----------------------------------------*/
/*  15. TESTIMONIAL CSS
/*----------------------------------------*/
.tp-testimonial__slider {
  box-shadow: 0px 30px 50px 0px rgba(4, 5, 60, 0.1);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-testimonial__slider .slick-slide img {
    width: 100%;
  }
}
.tp-testimonial___thumb {
  flex: 0 0 auto;
  object-fit: cover;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-testimonial__bg {
    background-color: var(--tp-common-white);
  }
}
.tp-testimonial__review {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial__review {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-testimonial__review {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.tp-testimonial__review h3 {
  font-size: 20px;
  margin-bottom: 0;
  line-height: 1;
}
.tp-testimonial__review p {
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 1.7;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-testimonial__review p br {
    display: none;
  }
}
.tp-testimonial__review span {
  color: #7e8188;
}
.tp-testimonial__quote {
  font-size: 50px;
  margin-bottom: 15px;
  display: inline-block;
}
.tp-testimonial__quote i {
  color: var(--tp-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial__quote {
    margin-bottom: 30px;
  }
}
.tp-testimonial__dots {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(100%);
}
.tp-testimonial__dots li {
  list-style: none;
  display: inline-block;
  margin-right: 20px;
}
.tp-testimonial__dots li button {
  font-size: 0;
  position: relative;
}
.tp-testimonial__dots li button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--tp-theme-primary);
  opacity: 0.5;
}
.tp-testimonial__dots li.slick-active button:before {
  opacity: 1;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-testimonial__arrows {
    display: none;
  }
}
.tp-testimonial__arrows .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  font-size: 40px;
}
.tp-testimonial__arrows .slick-arrow:hover {
  color: var(--tp-theme-primary);
}
.tp-testimonial__arrows .slick-arrow.slick-next {
  left: auto;
  right: 20px;
}

.tp-testimonial-2__slider .slick-track {
  padding-top: 50px;
}
.tp-testimonial-2__slider.slick-list {
  margin: 0 -15px;
}
.tp-testimonial-2__slider .slick-slide {
  margin-right: 15px;
  margin-left: 15px;
}
.tp-testimonial-2__avata {
  text-align: center;
  display: inline-block;
}
.tp-testimonial-2__avata img {
  border-radius: 50%;
  margin-bottom: 30px;
  display: inline-block;
}
.tp-testimonial-2__ratting {
  display: block;
  margin-bottom: 5px;
}
.tp-testimonial-2__ratting i {
  color: #faa423;
}
.tp-testimonial-2__box {
  padding: 30px 40px;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
  text-align: center;
  margin-bottom: 60px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-testimonial-2__box {
    padding: 30px 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-2__review {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-testimonial-2__review {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 30px;
  }
}
.tp-testimonial-2__review h3 {
  font-size: 20px;
  margin-bottom: 0;
  line-height: 1;
}
.tp-testimonial-2__review p {
  font-size: 16px;
  margin-bottom: 30px;
}
.tp-testimonial-2__dots {
  text-align: center;
}
.tp-testimonial-2__dots li {
  list-style: none;
  display: inline-block;
  margin-right: 20px;
}
.tp-testimonial-2__dots li button {
  font-size: 0;
  position: relative;
}
.tp-testimonial-2__dots li button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background-color: #cbd1dc;
}
.tp-testimonial-2__dots li.slick-active button:before {
  background-color: var(--tp-theme-primary);
}

/*----------------------------------------*/
/*  16. BRAND CSS
/*----------------------------------------*/
.tp-brand__box h3 {
  font-size: 20px;
  margin-bottom: 6px;
}
.tp-brand__box p {
  color: var(--tp-text-2);
}
.tp-brand__box span {
  color: var(--tp-theme-secondary);
  margin-bottom: 2px;
  display: inline-block;
}
.tp-brand__item {
  height: 130px;
  display: flex !important;
  align-items: center;
}
.tp-brand__item img {
  max-width: 80%;
  filter: grayscale(1);
  opacity: 0.7;
  object-fit: contain;
  mix-blend-mode: color-burn;
  transition: all ease-in .2;

}

.tp-brand__item img:hover {
filter: none !important;



}
.tp-brand__box {
  box-shadow: 0px 30px 40px 0px rgba(1, 16, 37, 0.1);
  padding-left: 60px;
  padding-right: 60px;
  position: relative;
  z-index: 1;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-brand__box {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/*----------------------------------------*/
/*  17. BLOG CSS
/*----------------------------------------*/
.tp-blog__item {
  margin-bottom: 20px;
  background-color: var(--tp-common-white);
  -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;
}
.tp-blog__item:hover {
  box-shadow: 0px 30px 50px 0px rgba(3, 27, 40, 0.1);
}
.tp-blog__item:hover .tp-blog__content {
  border-color: transparent;
}
@media (max-width: 575px) {
  .tp-blog__item {
    border-radius: 10px;
  }
}
.tp-blog__content {
  padding: 35.5px 25px;
  border: 2px solid;
  border-color: #e5e7e8;
  border-left: 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;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-blog__content {
    padding-top: 30px;
    padding-bottom: 30px;
    border: 0;
    box-shadow: 0px 30px 50px 0px rgba(3, 27, 40, 0.1);
    border-radius: 10px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-blog__thub img {
    width: 100%;
    border-radius: 10px;
  }
}
.tp-blog__title {
  margin-bottom: 25px;
}
.tp-blog__title a:hover {
  color: var(--tp-theme-primary);
}
.tp-blog__meta {
  margin-bottom: 10px;
}
.tp-blog__meta span {
  margin-right: 10px;
}
.tp-blog__meta span i {
  margin-right: 5px;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__wrapper {
    padding-right: 0;
    margin-bottom: 60px;
  }
}
.postbox__thumb .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.postbox__audio {
  height: 455px;
  width: 100%;
}
.postbox__audio iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.postbox__item-single:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.postbox__content {
  padding: 40px 0;
}
@media (max-width: 575px) {
  .postbox__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.postbox__content-single {
  padding-left: 0;
  padding-right: 0;
  border: none;
}
.postbox__title {
  font-size: 38px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__title {
    font-size: 33px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox__title {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .postbox__title {
    font-size: 25px;
  }
}
.postbox__title a:hover {
  color: var(--tp-theme-primary);
}
.postbox__meta {
  margin-bottom: 5px;
}
.postbox__meta span {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 30px;
}
.postbox__meta span:last-child {
  margin-right: 0;
}
.postbox__meta span i {
  color: var(--tp-theme-primary);
  margin-right: 3px;
}
.postbox__text img {
  max-width: 100%;
}
.postbox__text p {
  margin-bottom: 28px;
}
.postbox__text-single p {
  margin-bottom: 15px;
}
.postbox__slider button {
  position: absolute;
  left: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  font-size: 30px;
  color: var(--tp-common-white);
}
.postbox__slider button.postbox-slider-button-next {
  left: auto;
  right: 50px;
}
@media (max-width: 575px) {
  .postbox__slider button.postbox-slider-button-next {
    right: 10px;
  }
}
@media (max-width: 575px) {
  .postbox__slider button {
    left: 10px;
  }
}
.postbox__comment ul li {
  margin-bottom: 10px;
  list-style: none;
}
.postbox__comment ul li.children {
  margin-left: 100px;
}
@media (max-width: 575px) {
  .postbox__comment ul li.children {
    margin-left: 15px;
  }
}
.postbox__comment-form {
  margin-bottom: 20px;
  padding: 40px 30px;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.09);
  background: var(--tp-common-white);
}
.postbox__comment-form-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 40px;
}
.postbox__comment-input {
  position: relative;
  margin-bottom: 20px;
}
.postbox__comment-input span {
  font-weight: 600;
  color: var(--tp-common-black);
  margin-bottom: 12px;
  display: block;
}
.postbox__comment-input input, .postbox__comment-input textarea {
  height: 55px;
  padding: 0 20px;
  width: 100%;
  font-size: 14px;
  color: var(--tp-common-black);
  outline: none;
  border: 1px solid transparent;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  background: #f7f7f7;
}
.postbox__comment-input textarea {
  height: 175px;
  resize: none;
  padding-top: 20px;
  padding-bottom: 20px;
}
.postbox__comment-input textarea::-webkit-input-placeholder {
  color: var(--tp-text-3);
}
.postbox__comment-input textarea:-moz-placeholder {
  color: var(--tp-text-3);
}
.postbox__comment-input textarea::-moz-placeholder {
  color: var(--tp-text-3);
}
.postbox__comment-input textarea:-ms-input-placeholder {
  color: var(--tp-text-3);
}
.postbox__comment-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}
.postbox__comment-box {
  padding: 30px;
  padding-right: 40px;
  padding-top: 25px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.postbox__comment-avater img {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.postbox__comment-name {
  margin-bottom: 5px;
}
.postbox__comment-name h5 {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
}
.postbox__comment-name span {
  font-size: 14px;
  color: var(--tp-text-1);
}
@media (max-width: 575px) {
  .postbox__comment-text {
    margin-left: 0;
    margin-top: 15px;
  }
}
.postbox__comment-text p {
  font-size: 16px;
  color: var(--tp-text-11);
  margin-bottom: 15px;
}
.postbox__comment-reply {
  margin-top: 10px;
}
.postbox__comment-reply a {
  display: inline-block;
  color: var(--tp-theme-primary);
  background: rgba(61, 108, 231, 0.1);
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  font-weight: 500;
  font-size: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.postbox__comment-reply a:hover {
  color: var(--tp-common-white);
  background: var(--tp-theme-primary);
}
.postbox__comment-agree {
  padding-left: 5px;
}
.postbox__comment-agree input {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 14px;
  height: 14px;
  background: var(--tp-common-white);
  border: 1px solid #b9bac1;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  flex: 0 0 auto;
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.postbox__comment-agree input:checked {
  position: relative;
  background-color: var(--tp-theme-primary);
  border-color: transparent;
}
.postbox__comment-agree input:checked::after {
  box-sizing: border-box;
  content: "\f00c";
  position: absolute;
  font-family: var(--tp-ff-fontawesome);
  font-size: 10px;
  color: var(--tp-common-white);
  top: 46%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.postbox__comment-agree input:hover {
  cursor: pointer;
}
.postbox__comment-agree label {
  padding-left: 8px;
  color: var(--tp-text-1);
  line-height: 1;
}
.postbox__comment-agree label a {
  color: var(--tp-common-black);
  font-weight: 600;
  padding-left: 4px;
}
.postbox__comment-agree label a:hover {
  color: var(--tp-theme-primary);
}
.postbox__comment-agree label:hover {
  cursor: pointer;
}
.postbox__tag span {
  font-size: 16px;
  margin-bottom: 17px;
  color: var(--tp-common-black);
  margin-right: 10px;
}

.rc__post ul li:not(:last-child) {
  margin-bottom: 15px;
}
.rc__post-thumb img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}
.rc__post-title {
  margin-bottom: 6px;
  font-size: 17px;
}
.rc__post-title a:hover {
  color: var(--tp-theme-primary);
}
.rc__meta span {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
}

.sidebar__widget {
  padding: 30px;
  background: var(--tp-grey-2);
}
.sidebar__widget-title {
  position: relative;
  display: inline-block;
  font-size: 20px;
  margin-bottom: 30px;
  font-weight: 600;
  text-transform: capitalize;
}
.sidebar__widget ul li {
  list-style: none;
  padding-left: 19px;
  margin-bottom: 25px;
  line-height: 1;
}
.sidebar__widget ul li:last-child {
  margin-bottom: 0;
}
.sidebar__widget ul li a {
  font-size: 16px;
  color: var(--tp-common-black);
  position: relative;
}
.sidebar__widget ul li a::after {
  position: absolute;
  content: "\f105";
  left: -19px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--tp-common-black);
  font-family: var(--tp-ff-fontawesome);
  font-size: 16px;
  -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;
}
.sidebar__widget ul li a:hover {
  color: var(--tp-theme-primary);
}
.sidebar__widget ul li a:hover::after {
  color: var(--tp-theme-primary);
  left: -14px;
}
.sidebar__widget ul li span {
  float: right;
}
.sidebar__widget ul li ul {
  padding-left: 25px;
  padding-top: 20px;
}
.sidebar__search {
  position: relative;
}
.sidebar__search input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: var(--tp-common-white);
  padding: 0 25px;
  text-transform: capitalize;
  border: 1px solid var(--tp-grey-1);
  outline: none;
  padding-top: 3px;
  padding-right: 80px;
}
.sidebar__search input:focus {
  border-color: var(--tp-theme-primary);
}
.sidebar__search button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0 24px;
  color: #fff;
  line-height: 60px;
  background: var(--tp-theme-primary);
}
.sidebar__banner::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.sidebar__banner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  background: var(--tp-common-white);
}
.sidebar__banner-content h4 {
  padding: 15px 20px;
  font-size: 24px;
  color: var(--tp-common-black);
  text-transform: uppercase;
  margin-bottom: 0;
}

.tagcloud a {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
  display: inline-block;
  font-size: 13px;
  line-height: 1;
  padding: 8px 21px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  margin-right: 5px;
  text-transform: uppercase;
  border: 0;
}
.tagcloud a:hover {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}

blockquote {
  background: var(--tp-grey-1);
  padding: 35px 50px;
  margin-bottom: 35px;
}
@media (max-width: 575px) {
  blockquote {
    padding-left: 15px;
    padding-right: 15px;
  }
}
blockquote p {
  line-height: 1.5;
  font-size: 20px;
  color: #57565e;
  font-weight: 400;
}
blockquote cite {
  font-size: 18px;
  display: block;
  margin-top: 10px;
  color: #070337;
  font-style: inherit;
  font-weight: 600;
  position: relative;
}
blockquote cite::before {
  content: "";
  font-size: 28px;
  color: var(--tp-theme-primary);
  padding-bottom: 0px;
  display: inline-block;
  background: var(--tp-theme-primary);
  height: 2px;
  width: 40px;
  font-weight: 400;
  text-align: center;
  top: -4px;
  margin-right: 10px;
  position: relative;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar__wrapper {
    padding-left: 0;
  }
}

/*----------------------------------------*/
/*  18. CHECKOUT CSS
/*----------------------------------------*/
/* 16. Cart */
.table-content .table > :not(:first-child) {
  border-top: 0;
}
.table-content table {
  background: #ffffff;
  border-color: #eaedff;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}

.table-content .table > :not(:last-child) > :last-child > * {
  border-bottom-color: #eaedff;
}

.table-content .product-quantity {
  float: none;
}

.table-content table td.product-name {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}

.table-content table td.product-name a:hover {
  color: var(--tp-theme-1);
}

.table-content table td {
  border-top: medium none;
  padding: 20px 10px;
  vertical-align: middle;
  font-size: 16px;
}

.table-content table th, .table-content table td {
  border-bottom: 1px solid #eaedff;
  border-right: 1px solid #eaedff;
}

.table-content table td.product-subtotal {
  font-size: 16px;
}

.table-content table td .cart-plus-minus {
  float: none;
  margin: 0 auto;
}

.coupon-all {
  margin-top: 50px;
}

.coupon {
  float: left;
}

@media (max-width: 767px) {
  .coupon {
    float: none;
  }
}
#coupon_code {
  height: 58px;
  border: 2px solid #eaedff;
  padding: 0 15px;
  margin-right: 10px;
}

@media (max-width: 767px) {
  #coupon_code {
    margin-bottom: 15px;
  }
}
.coupon2 {
  float: right;
}

@media (max-width: 767px) {
  .coupon2 {
    float: none;
    margin-top: 15px;
  }
}
.cart-page-total {
  padding-top: 50px;
}

.cart-page-total > h2 {
  font-size: 25px;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.cart-page-total > ul {
  border: 1px solid #eaedff;
}

.cart-page-total > ul > li {
  list-style: none;
  font-size: 15px;
  color: #6f7172;
  padding: 10px 30px;
  border-bottom: 1px solid #eaedff;
  font-weight: 400;
}

.cart-page-total ul > li > span {
  float: right;
}

.cart-page-total li:last-child {
  border-bottom: 0;
}

td.product-thumbnail img {
  width: 125px;
}

/* 17. Checkout */
.coupon-accordion h3 {
  background-color: #f7f7f7;
  border-top: 3px solid var(--tp-theme-primary);
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 25px;
  padding: 1em 2em 1em 3.5em;
  position: relative;
  width: auto;
}
.coupon-accordion h3 span {
  font-weight: 400;
  -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;
  cursor: pointer;
}
.coupon-accordion h3 span:hover {
  color: var(--tp-theme-primary);
}

.coupon-accordion h3::before {
  content: "\f07b";
  left: 15px;
  top: 13px;
  position: absolute;
  color: var(--tp-theme-1);
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}

.coupon-accordion > span {
  color: #6f7172;
  cursor: pointer;
  transition: 0.3s;
  font-weight: 500;
}

.coupon-accordion > span:hover, p.lost-password a:hover {
  color: var(--tp-common-black);
}

.coupon-content {
  border: 1px solid #eaedff;
  display: none;
  margin-bottom: 20px;
  padding: 30px;
}

.coupon-info p.coupon-text {
  margin-bottom: 15px;
}

.coupon-info p {
  margin-bottom: 0;
}

.coupon-info p.form-row-first label, .coupon-info p.form-row-last label {
  display: block;
  color: #6f7172;
}

.coupon-info p.form-row-first label span.required, .coupon-info p.form-row-last label span.required {
  color: var(--tp-theme-1);
  font-weight: 700;
}

.coupon-info p.form-row-first input, .coupon-info p.form-row-last input {
  border: 1px solid #eaedff;
  height: 45px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.coupon-info p.form-row-first input:focus, .coupon-info p.form-row-last input:focus {
  border-color: var(--tp-common-black);
}

.coupon-info p.form-row input[type=submit]:hover, p.checkout-coupon input[type=submit]:hover {
  background: #3e976c none repeat scroll 0 0;
}

.coupon-info p.form-row input[type=checkbox] {
  position: relative;
}

.form-row > label {
  margin-top: 15px;
  margin-left: 15px;
  color: #6f7172;
}

.buttons-cart input, .coupon input[type=submit], .buttons-cart a, .coupon-info p.form-row input[type=submit] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

p.lost-password {
  margin-top: 15px;
}

p.lost-password a {
  color: #6f6f6f;
}

p.checkout-coupon input[type=text] {
  height: 45px;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #eaedff;
  margin-bottom: 15px;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
p.checkout-coupon input[type=text]:focus {
  border-color: var(--tp-common-black);
}
.coupon-checkout-content {
  display: none;
}

.checkbox-form h3 {
  border-bottom: 1px solid #eaedff;
  font-size: 26px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
  font-weight: 500;
}

.country-select {
  margin-bottom: 30px;
  position: relative;
}

.country-select select {
  width: 100%;
  background-color: transparent;
  border: 1px solid #eaedff;
  padding: 0 10px;
  height: 50px;
}

.country-select label, .checkout-form-list label {
  color: #6f7172;
  display: block;
  margin: 0 0 5px;
}

.country-select label span.required, .checkout-form-list label span.required {
  color: var(--tp-theme-1);
}

.country-select .nice-select {
  border: 1px solid #eaedff;
  height: 45px;
  padding-left: 10px;
  width: 100%;
  color: #6f7172;
  margin-bottom: 20px;
  border-radius: 0;
}
.country-select .nice-select::after {
  right: 10px;
}

.country-select .nice-select .list {
  width: 100%;
}

.checkout-form-list {
  margin-bottom: 30px;
}

.checkout-form-list label {
  color: #6f7172;
}

.checkout-form-list input[type=text], .checkout-form-list input[type=password], .checkout-form-list input[type=email] {
  background: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  height: 45px;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.checkout-form-list input[type=text]:focus, .checkout-form-list input[type=password]:focus, .checkout-form-list input[type=email]:focus {
  border-color: var(--tp-common-black);
}

.checkout-form-list input[type=text]::-moz-placeholder,
.checkout-form-list input[type=password]::-moz-placeholder,
.checkout-form-list input[type=email]::-moz-placeholder {
  color: #6f7172;
  opacity: 1;
}

.checkout-form-list input[type=text]::placeholder,
.checkout-form-list input[type=password]::placeholder,
.checkout-form-list input[type=email]::placeholder {
  color: #6f7172;
  opacity: 1;
}

.checkout-form-list input[type=checkbox] {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 1px;
}

.create-acc label {
  color: #6f7172;
  display: inline-block;
}

.create-account {
  display: none;
}

.ship-different-title h3 label {
  display: inline-block;
  margin-right: 20px;
  color: var(--tp-common-black);
  font-weight: 700;
}

.order-notes textarea {
  border: 1px solid #eaedff;
  height: 120px;
  padding: 15px;
  width: 100%;
  outline: 0;
  resize: none;
}

.order-notes textarea:focus {
  border-color: var(--tp-common-black);
}

.order-notes textarea::-moz-placeholder {
  color: #6f7172;
  opacity: 1;
}

.order-notes textarea::placeholder {
  color: #6f7172;
  opacity: 1;
}

#ship-box-info {
  display: none;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-default > .panel-heading {
  border-radius: 0;
}

.your-order {
  padding: 30px 40px 45px;
  border: 3px solid #f7f7f7;
}

@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}
.your-order h3 {
  border-bottom: 1px solid #eaedff;
  font-size: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
  font-weight: 700;
}

.your-order-table table {
  background: none;
  border: 0;
  width: 100%;
}

.your-order-table table th, .your-order-table table td {
  border-bottom: 1px solid #eaedff;
  border-right: medium none;
  color: #6f7172;
  font-size: 14px;
  padding: 15px 0;
  text-align: left;
}

@media (max-width: 767px) {
  .your-order-table table th, .your-order-table table td {
    padding-right: 10px;
  }
}
.your-order-table table th {
  border-top: medium none;
  color: #6f7172;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}

.panel-body > p {
  color: #222;
}

.your-order-table table .shipping ul li {
  list-style: none;
}

.your-order-table table .shipping ul li input {
  position: relative;
  top: 2px;
}

.your-order-table table .shipping ul li label {
  color: #6f7172;
}

.your-order-table table .shipping th {
  vertical-align: top;
}

.your-order-table table .order-total th {
  border-bottom: 0;
  font-size: 14px;
}

.your-order-table table .order-total td {
  border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
  background: #F9F9F9;
}

.your-order-table table tr.order-total td span {
  color: var(--tp-common-black);
  font-size: 18px;
  font-weight: 500;
}

.payment-method {
  margin-top: 40px;
}
.payment-method .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.payment-method .accordion-item {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #e7e7e7;
}
.payment-method .accordion-button {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-black);
  padding: 23px 0;
  border: none;
}
.payment-method .accordion-button:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.payment-method .accordion-button::after {
  position: absolute;
  content: "\f067";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: var(--tp-ff-fontawesome);
  font-size: 16px;
  font-weight: 400;
  margin-left: 0;
  background-image: none;
  color: var(--tp-theme-1);
}
.payment-method .accordion-button:not(.collapsed) {
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  box-shadow: none;
}
.payment-method .accordion-button:not(.collapsed)::after {
  content: "\f068";
}
.payment-method .accordion-body {
  padding: 8px 0;
  padding-bottom: 40px;
}
.payment-method .accordion-collapse {
  border: none;
}

.panel-title > a {
  display: block;
}

.order-button-payment input {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  height: 40px;
  margin: 0px 0 0;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.order-button-payment input:hover {
  background: #3e976c none repeat scroll 0 0;
}

.payment-method .btn-link {
  -moz-user-select: none;
  background: no-repeat;
  border: medium none;
  border-radius: 0;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 0;
  padding: 3px 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}

.payment-method .card {
  background-color: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
  border: 1px solid #eaedff;
}

.card-header:first-child {
  border-radius: 0;
}

.payment-method .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid #eaedff;
}

.order-button-payment button {
  width: 100%;
}

/*----------------------------------------*/
/*  19. CART CSS
/*----------------------------------------*/
.cart-area .table-content table {
  background: #ffffff;
  border-color: #eaedff;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}
.cart-area .table > :not(:first-child) {
  border: 0;
}
.cart-area .table-content .product-quantity {
  float: none;
}
.cart-area .table-content table td.product-name {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}
.cart-area .table > :not(:last-child) > :last-child > * {
  border-bottom-color: #eaedff;
}
.cart-area .table-content table td.product-name a:hover {
  color: var(--tp-common-black);
}
.cart-area .table-content table td {
  border-top: medium none;
  padding: 20px 10px;
  vertical-align: middle;
  font-size: 16px;
}
.cart-area .table-content table th,
.cart-area .table-content table td {
  border-bottom: 1px solid #eaedff;
  border-right: 1px solid #eaedff;
}
.cart-area .table td,
.cart-area .table th {
  border-top: 1px solid #eaedff;
}
.cart-area .table-content table td.product-subtotal {
  font-size: 16px;
}
.cart-area .table-content table td .cart-plus-minus {
  float: none;
  margin: 0 auto;
}
.cart-area .coupon-all {
  margin-top: 50px;
}
.cart-area .coupon {
  float: left;
}
@media (max-width: 767px) {
  .cart-area .coupon {
    float: none;
  }
}
.cart-area #coupon_code {
  height: 50px;
  border: 2px solid #eaedff;
  padding: 0 15px;
  margin-right: 10px;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.cart-area #coupon_code:focus {
  border-color: var(--tp-common-black);
}
@media (max-width: 767px) {
  .cart-area #coupon_code {
    margin-bottom: 15px;
  }
}
.cart-area .coupon2 {
  float: right;
}
@media (max-width: 767px) {
  .cart-area .coupon2 {
    float: none;
    margin-top: 15px;
  }
}
.cart-area .cart-page-total {
  padding-top: 50px;
}
.cart-area .cart-page-total > h2 {
  font-size: 25px;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.cart-area .cart-page-total > ul {
  border: 1px solid #eaedff;
}
.cart-area .cart-page-total > ul > li {
  list-style: none;
  font-size: 15px;
  color: #6f7172;
  padding: 10px 30px;
  border-bottom: 1px solid #eaedff;
  font-weight: 400;
}
.cart-area .cart-page-total ul > li > span {
  float: right;
}
.cart-area .cart-page-total li:last-child {
  border-bottom: 0;
}
.cart-area td.product-thumbnail img {
  width: 125px;
}
.cart-area .product-quantity-form {
  margin: auto;
  width: 122px;
  height: 58px;
  border: 2px solid #dadada;
  text-align: center;
  position: relative;
  -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;
}
.cart-area .product-quantity-form:hover {
  border-color: var(--tp-common-black);
}
.cart-area .cart-plus, .cart-area .cart-minus {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 45px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  background: transparent;
  border: none;
  outline: none;
}
.cart-area .cart-plus:hover, .cart-area .cart-minus:hover {
  cursor: pointer;
  color: var(--tp-common-black);
  background: transparent;
}
.cart-area .cart-plus {
  left: auto;
  right: 0;
}
.cart-area .cart-input {
  height: 58px;
  width: 32px;
  text-align: center;
  font-size: 14px;
  border: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 -3px;
  padding-bottom: 4px;
  background: transparent;
}
.cart-area .cart-input:focus {
  outline: none;
}

/* cart plus minus default style css */
/*----------------------------------------*/
/*  20. LOGIN CSS
/*----------------------------------------*/
.sign__wrapper {
  padding: 50px 70px;
  padding-bottom: 45px;
  margin: 0 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-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);
  -ms-box-shadow: 0px 40px 80px 0px rgba(2, 2, 26, 0.14);
  -o-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: 50%;
  top: 50%;
  z-index: -1;
  transform: translateX(-50%) translateY(-50%);
}
.sign__shape img.man-2 {
  right: 24%;
  top: 65%;
}
.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: 1599px) {
  .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: 1599px) {
  .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: 1599px) {
  .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: 1599px) {
  .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;
  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%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sign__header p span:last-child {
  left: auto;
  right: 0;
}
.sign__header p a:hover {
  color: var(--tp-theme-primary);
}
.sign__social {
  display: block;
  height: 50px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-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%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 220px;
  width: 220px;
  background: #3360bd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index: -1;
}
@media (max-width: 575px) {
  .sign__social::after {
    left: -62%;
  }
}
.sign__social i {
  color: var(--tp-common-white);
  font-size: 16px;
  margin-right: 50px;
}
@media (max-width: 575px) {
  .sign__social i {
    margin-right: 35px;
  }
}
.sign__social:hover {
  color: var(--tp-common-white);
}
.sign__social:hover::after {
  width: 100%;
  height: 150%;
  left: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.sign__social.g-plus::after {
  background: #e93e30;
}
.sign__form h5 {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-black);
  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 #ccc;
  color: var(--tp-common-black);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.sign__input input:focus {
  outline: none;
  background: var(--tp-common-white);
  border-color: var(--tp-theme-primary);
  -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);
  -ms-box-shadow: 0px 1px 4px 0px rgba(8, 0, 42, 0.2);
  -o-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%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 25px;
  font-size: 14px;
}
.sign__agree input {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 14px;
  height: 14px;
  background: transparent;
  border: 1px solid #ccc;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.sign__agree input:checked {
  position: relative;
  background-color: var(--tp-theme-primary);
  border-color: transparent;
}
.sign__agree input:checked::after {
  box-sizing: border-box;
  content: "\f00c";
  position: absolute;
  font-family: var(--tp-ff-fontawesome);
  font-size: 10px;
  color: var(--tp-common-white);
  top: 46%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-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: var(--tp-common-black);
  font-weight: 500;
}
.sign__agree label a:hover {
  color: var(--tp-theme-primary);
}
.sign__forgot a:hover {
  color: var(--tp-theme-primary);
}
.sign__new p {
  margin-bottom: 0;
}
.sign__new p a {
  color: var(--tp-theme-primary);
}

@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);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*----------------------------------------*/
/*  21. FOOTER CSS
/*----------------------------------------*/
.footer__widget-logo img {
  width: 60px;
}
.footer__widget p {
  color: var(--tp-text-1);
  font-size: 16px;
  margin-bottom: 20px;
}
.footer__widget-space {
  padding-top: 40px;
  padding-bottom: 40px;
}
.footer__widget-title {
  font-size: 20px;
  padding-top: 15px;
  margin-bottom: 35px;
  font-weight: 500;
  position: relative;
}
.footer__widget ul {
  overflow: hidden;
}
.footer__widget ul li {
  list-style: none;
  margin-bottom: 24px;
  line-height: 1;
}
.footer__widget ul li:last-child {
  margin-bottom: 0;
}
.footer__widget ul li a {
  font-size: 14px;
  color: var(--tp-text-body);
  position: relative;
}
.footer__widget ul li a:hover {
  color: var(--tp-theme-primary);
}
.footer__blog-meta {
  margin-bottom: 3px;
}
.footer__blog-meta span {
  color: var(--tp-text-1);
}
.footer__blog-meta span i {
  color: var(--tp-theme-primary);
  margin-right: 3px;
}
.footer__blog-meta span:hover {
  color: var(--tp-common-black);
}
.footer__blog-title {
  font-size: 15px;
  text-transform: uppercase;
  color: var(--tp-common-black);
  margin-bottom: 0;
  line-height: 1.4;
}
.footer__blog-title a:hover {
  color: var(--tp-theme-primary);
}
.footer__info-item {
  margin-bottom: 20px;
}
.footer__info-icon i {
  font-size: 20px;
  color: var(--tp-theme-primary);
}
.footer__info-text h4 {
  color: var(--tp-common-black);
  font-size: 18px;
  margin-bottom: 0;
}
.footer__info-text a {
  color: var(--tp-text-1);
}
.footer__contact p {
  color: var(--tp-text-1);
  font-size: 16px;
  margin-bottom: 20px;
}
.footer__contact iframe {
  width: 100%;
  height: 110px;
  filter: grayscale(100%);
}
.footer__subscribe p {
  color: var(--tp-text-1);
  font-size: 16px;
  margin-bottom: 20px;
}
.footer__subscribe-box {
  position: relative;
}
.footer__subscribe-input.has-border-radius {
  border-radius: 4px;
  overflow: hidden;
}
.footer__subscribe-input input {
  width: 100%;
  height: 50px;
  padding: 0 23px;
  padding-right: 160px;
  border: 1px solid transparent;
  background-color: var(--tp-common-white);
  font-size: 16px;
  color: var(--tp-common-black);
}
.footer__subscribe-input input:focus {
  border-color: var(--tp-theme-primary);
}
.footer__subscribe-input input::-webkit-input-placeholder {
  color: var(--tp-text-3);
}
.footer__subscribe-input input:-moz-placeholder {
  color: var(--tp-text-3);
}
.footer__subscribe-input input::-moz-placeholder {
  color: var(--tp-text-3);
}
.footer__subscribe-input input:-ms-input-placeholder {
  color: var(--tp-text-3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__subscribe-input input {
    padding-right: 23px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__subscribe-input input {
    padding-right: 160px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__subscribe-input input {
    padding-right: 23px;
  }
}
.footer__copyright p {
  font-size: 16px;
}
.footer__copyright p a {
  color: var(--tp-theme-primary);
  opacity: 0.7;
}
.footer__copyright p a:hover {
  opacity: 0.9;
}
.footer__social span {
  display: inline-block;
}
.footer__social span:not(:last-child) {
  margin-right: 10px;
}
.footer__social span a {
  display: inline-block;
  font-size: 15px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 50%;
  line-height: 32px;
  text-align: center;
  background: #0d88f0;
  color: var(--tp-common-white);
  border: 1px solid transparent;
}
.footer__social span a:hover {
  background-color: var(--tp-common-white);
  color: #0d88f0;
  border: 1px solid var(--tp-theme-primary);
}
.footer__social span a.tw {
  background: #03a9f4;
}
.footer__social span a.tw:hover {
  background-color: var(--tp-common-white);
  color: #03a9f4;
  border-color: #03a9f4;
}
.footer__social span a.yt {
  background: #d2173f;
  border-color: #d2173f;
}
.footer__social span a.yt:hover {
  background-color: var(--tp-common-white);
  color: #d2173f;
}
.footer__top {
  position: relative;
  padding-top: 100px;
  padding-bottom: 40px;
  z-index: 1;
}
.footer__bottom {
  border-top: 1px solid;
  border-color: rgba(0, 15, 47, 0.06);
  padding-top: 25px;
  padding-bottom: 25px;
}
.footer__bottom p {
  margin-bottom: 0;
}

.footer-sub-btn {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 100%;
  line-height: 50px;
  padding: 0 30px;
  text-align: center;
  font-size: 15px;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-sub-btn {
    position: relative;
    margin-top: 15px;
    width: 100%;
  }
}
.footer-sub-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}

/* footer col design for home 1 */
.footer-col-1 {
  padding-right: 35px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-col-1 {
    padding-right: 0;
  }
}
.footer-col-2 {
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-col-2 {
    padding-right: 0;
    padding-left: 0;
  }
}
.footer-col-3 {
  padding-right: 10px;
  padding-left: 60px;
  padding-right: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-col-3 {
    padding-right: 0;
    padding-left: 0;
  }
}

/*# sourceMappingURL=main.css.map */
.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

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

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

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

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

/*--
    - Background color
-----------------------------------------*/


.section-bg {
  background: #F6F8FB;
}

.pink-bg {
  background: #43baff;
}

.white-bg {
  background: #ffffff;
}

.black-bg {
  background: #000;
}



/*--
    - 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: #43baff !important;
}

.black-color {
  color: #000;
}

.body-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1004;
  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;
}

@media (max-width: 575px) {
  .progress-wrap {
    right: 15px;
    bottom: 15px;
  }
}

.long-padding {
  padding-bottom: 285px;
}

/* link btn */
.link-btn {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  color: #43baff;
  text-transform: uppercase;
  padding-right: 15px;
}
.link-btn 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 i:first-child {
  left: -100%;
  visibility: hidden;
  opacity: 0;
}
.link-btn i:last-child {
  right: 0;
}
.link-btn:hover {
  color: #000;
}
.link-btn:hover i:first-child {
  left: 0;
  visibility: visible;
  opacity: 1;
}
.link-btn:hover i:last-child {
  right: -100%;
  visibility: hidden;
  opacity: 0;
}

.link-btn-2 {
  position: relative;
  font-size: 14px;
  color: #43baff;
  font-weight: 500;
  padding-right: 22px;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Nunito Sans", sans-serif;
}
.link-btn-2 i {
  position: absolute;
  top: 45%;
  -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;
  font-size: 12px;
}
.link-btn-2 i:first-child {
  right: 10%;
  visibility: hidden;
  opacity: 0;
}
.link-btn-2 i:last-child {
  right: 0;
}
.link-btn-2:hover {
  color: #43baff;
}
.link-btn-2:hover i:first-child {
  right: 0;
  visibility: visible;
  opacity: 1;
}
.link-btn-2:hover i:last-child {
  right: -10%;
  visibility: hidden;
  opacity: 0;
}
.link-btn-2.pink {
  color: #43baff;
}
.link-btn-2.pink:hover {
  color: #43baff;
}

/* pulse btn */
.pulse-btn {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 84px;
  text-align: center;
  background-color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #43baff;
  animation: pulse 2s infinite;
}
.pulse-btn:hover {
  background-color: #43baff;
  color: #ffffff;
}
.pulse-btn i {
  padding-left: 2px;
}

@-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);
  }
}
.edu-btn {
  display: inline-block;
  height: 55px;
  line-height: 53px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background-color: #43baff;
  padding: 0 40px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -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;
  border: 1px solid transparent;
}
.edu-btn:hover {
  background-color: #FFB013;
  color: #141517;
}
.edu-btn:focus {
  color: #ffffff;
  border: 1px solid transparent;
}

.edu-sec-btn {
  display: inline-block;
  height: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #43baff;
  background-color: transparent;
  padding: 0 30px;
  border: 1px solid #dce8fe;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -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;
}
.edu-sec-btn:hover {
  background-color: #43baff;
  color: #ffffff;
  border-color: #43baff;
}

.edu-border-btn {
  display: inline-block;
  height: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #43baff;
  background-color: transparent;
  padding: 0 30px;
  border: 1px solid #dce8fe;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -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;
}
.edu-border-btn:hover {
  background-color: #43baff;
  color: #ffffff;
  border-color: #43baff;
}
.edu-border-btn:focus {
  border: 1px solid #dce8fe;
}

.edu-thard-btn {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #141517;
  background-color: #FFB013;
  padding: 0 40px;
  display: inline-block;
  -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;
}
.edu-thard-btn:hover {
  background-color: #43baff;
  color: #ffffff;
}

.edu-four-btn {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #141517;
  background-color: #FFB013;
  padding: 0 40px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -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;
  border: 1px solid transparent;
}
.edu-four-btn:hover {
  background-color: #43baff;
  color: #ffffff;
  border-color: #43baff;
}

.edu-five-btn {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background-color: #43baff;
  padding: 0 40px;
  -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;
  border: 1px solid transparent;
}
.edu-five-btn:hover {
  background-color: #FFB013;
  color: #141517;
  border: 1px solid #FFB013;
}

.edu-six-btn {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #141517;
  background-color: #FFB013;
  border: 1px solid transparent;
  padding: 0 40px;
  display: inline-block;
  -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;
}
.edu-six-btn:hover {
  background-color: #43baff;
  color: #ffffff;
  border: 1px solid #ffffff;
}

.edo-theme-btn {
  display: inline-block;
  height: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #43baff;
  background-color: transparent;
  padding: 0 40px;
  border: 1px solid #43baff;
  -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;
}
.edo-theme-btn:hover {
  background-color: #43baff;
  color: #ffffff;
  border-color: transparent;
}

.blog-btn {
  background: transparent;
  display: inline-block;
  border-radius: 5px;
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
  color: #43baff;
  font-size: 16px;
  font-weight: 600;
  border: 1px solid #DCE8FE;
  text-align: center;
  -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;
}
.blog-btn:hover {
  background-color: #43baff;
  color: #ffffff;
}

.edo-course-btn {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #141517;
  background-color: #FFB013;
  padding: 0px 25px;
  -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;
}
.edo-course-btn:hover {
  background-color: #43baff;
  color: #ffffff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .edo-course-btn {
    padding: 0px 7px;
  }
}

.edo-course-sec-btn {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background-color: #43baff;
  padding: 0px 25px;
  -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;
}
.edo-course-sec-btn:hover {
  background-color: #FFB013;
  color: #141517;
}

.course-btn {
  height: 40px;
  background: #43baff;
  padding: 0 25px;
  display: inline-block;
  line-height: 40px;
  border-radius: 3px;
  font-weight: 600;
  color: #ffffff;
}
.course-btn:hover {
  color: #141517;
  background-color: #FFB013;
}

.add-cart-btn {
  height: 45px;
  padding: 0 45px;
  display: inline-block;
  background-color: #43baff;
  line-height: 45px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  -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;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .add-cart-btn {
    padding: 0 35px;
  }
}
.add-cart-btn:hover {
  background: #FFB013;
  color: #141517;
}
.add-cart-btn i {
  margin-right: 10px;
  -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;
}

.view-details-btn {
  height: 45px;
  padding: 0 45px;
  display: inline-block;
  background-color: #43baff;
  line-height: 45px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  -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;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .view-details-btn {
    padding: 0 35px;
  }
}
.view-details-btn:hover {
  background: #FFB013;
  color: #141517;
}

.c-share-btn {
  width: 45px;
  height: 45px;
  border: 1px solid #dce8fe;
  border-radius: 4px;
  font-size: 19px;
  color: #a6bce8;
  line-height: 50px;
  text-align: center;
  -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;
}
.c-share-btn:hover {
  background: #43baff;
  border-color: #43baff;
  color: #ffffff;
}

.wishlist-btn {
  width: 45px;
  height: 45px;
  border: 1px solid #dce8fe;
  border-radius: 4px;
  font-size: 19px;
  color: #a6bce8;
  line-height: 50px;
  text-align: center;
  -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;
}
.wishlist-btn:focus {
  border: 1px solid #dce8fe;
}
.wishlist-btn:hover {
  border-color: #43baff;
  color: #43baff;
}
.wishlist-btn.w-added {
  background: #43baff;
  border-color: #43baff;
  color: #ffffff;
}

.edu-follow-btn {
  height: 50px;
  padding: 0 40px 0 60px;
  background: #43baff;
  display: block;
  line-height: 50px;
  border-radius: 3px;
  color: #ffffff;
  text-align: center;
  text-transform: capitalize;
  font-weight: 600;
  -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;
  position: relative;
}
.edu-follow-btn i {
  margin-right: 10px;
}
.edu-follow-btn:focus {
  color: #ffffff;
}
.edu-follow-btn:hover {
  color: #141517;
  background: #FFB013;
}
.edu-follow-btn:hover:before {
  color: #141517;
}
.edu-follow-btn::before {
  position: absolute;
  content: "\f067";
  left: 35px;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}
.edu-follow-btn.followed::before {
  content: "\f00c";
}

.course-details-action {
  display: flex;
  gap: 20px;
  width: 240px;
  justify-content: end;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .course-details-action {
    justify-content: start;
  }
}

.share-btn {
  border: 1px solid #edeef2;
  padding: 10px 15px;
  border-radius: 4px;
  line-height: 50px;
  text-align: center;
  -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;
}
.share-btn:hover {
  background-color: #43baff;
  border-color: transparent;
}
.share-btn:hover i {
  color: #ffffff;
}

.membership-btn-active {
  height: 55px;
  background: #FFB013;
  display: block;
  line-height: 55px;
  text-align: center;
  border-radius: 4px;
  color: #161b1c;
  padding: 0 30px;
  -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;
}
.membership-btn-active:hover {
  background-color: #43baff;
  color: #ffffff;
}

.membership-btn {
  height: 55px;
  background: #43baff;
  display: block;
  line-height: 55px;
  text-align: center;
  border-radius: 4px;
  color: #ffffff;
  padding: 0 30px;
  -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;
}
.membership-btn:hover {
  background-color: #FFB013;
  color: #161b1c;
}

.get-btn {
  height: 45px;
  display: inline-block;
  background: #ffffff;
  line-height: 45px;
  color: #141517;
  font-size: 16px;
  font-weight: 600;
  padding: 0 20px;
  border-radius: 3px;
  border: 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;
}
.get-btn:hover {
  background: #43baff;
  color: #ffffff;
  border-color: #43baff;
}

.video-cart-btn {
  height: 55px;
  padding: 0px 20px;
  display: inline-block;
  background-color: #43baff;
  line-height: 55px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  -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;
}
.video-cart-btn:hover {
  background-color: #FFB013;
  color: #141517;
}
.video-cart-btn i {
  margin-right: 10px;
}

.video-wishlist-btn {
  height: 55px;
  padding: 0px 20px;
  display: inline-block;
  background-color: #eff1f6;
  line-height: 55px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  color: #141517;
  -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;
}
.video-wishlist-btn:hover {
  background-color: #43baff;
  color: #ffffff;
}
.video-wishlist-btn i {
  margin-right: 10px;
}

.cont-btn {
  height: 55px;
  background: #43baff;
  color: #ffffff;
  text-align: center;
  width: 150px;
  border-radius: 3px;
  font-weight: 600;
  -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;
  display: inline-block;
  line-height: 55px;
}
.cont-btn:hover {
  color: #141517;
  background: #FFB013;
}

.event-btn {
  height: 55px;
  line-height: 53px;
  color: #ffffff;
  background: #43baff;
  border-radius: 4px;
  font-weight: 600;
  padding: 0 20px;
  text-align: center;
  display: flex;
  align-items: center;
  -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;
  justify-content: center;
  width: 100%;
}
.event-btn:hover {
  color: #141517;
  background: #FFB013;
}

.course-sidebar-info.content-hidden ul {
  display: none;
}
.course-sidebar-info.content-hidden::after {
  transform: rotate(0deg);
}

.course-title-breadcrumb .breadcrumb-item {
  margin-right: 10px;
}
.course-title-breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
}


.section-title h2 {
  font-size: 36px;
  line-height: 1.3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title h2 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title h2 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-title h2 {
    font-size: 28px;
  }
}
@media (max-width: 575px) {
  .section-title h2 {
    font-size: 26px;
  }
}
.section-title h2 a {
  color: #43baff;
}

.shape.shape-1 {
  position: absolute;
  -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;
  top: 35px;
  left: 105px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .shape.shape-1 {
    left: -10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .shape.shape-1 {
    display: none;
  }
}

.shape-2 {
  position: absolute;
  top: 100px;
  right: -25%;
  z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .shape-2 {
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .shape-2 {
    display: none;
  }
}

.shape-3 {
  position: absolute;
  top: 50%;
  left: 0;
}

.shape-4 {
  position: absolute;
  top: 335px;
  left: 150px;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0px 40px 50px rgba(28, 51, 84, 0.16);
  width: 180px;
  padding: 17px;
  text-align: center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .shape-4 {
    top: 250px;
    left: -15px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .shape-4 {
    top: 320px;
    left: 180px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .shape-4 {
    top: 200px;
    left: 6%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shape-4 {
    top: 274px;
    left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .shape-4 {
    display: none;
  }
}
.shape-4 img {
  box-shadow: 0px 10px 20px rgba(24, 44, 74, 0.16);
  border-radius: 50%;
  margin-bottom: 20px;
}
.shape-4 h5 {
  line-height: 1.6;
  font-size: 18px;
  font-weight: 700;
  font-family: "Nunito Sans";
  color: #141517;
}

.shape-5 {
  -webkit-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
  -moz-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
  -o-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
  animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
  position: absolute;
  max-width: 283px;
  box-shadow: 0px 40px 50px rgba(28, 51, 84, 0.16);
  bottom: -350px;
  right: -36%;
  padding: 20px 24px 15px;
  background: #ffffff;
  border-radius: 12px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .shape-5 {
    right: -15%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .shape-5 {
    bottom: -300px;
    right: 0%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .shape-5 {
    right: -7%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shape-5 {
    bottom: -217px;
    right: -10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .shape-5 {
    display: none;
  }
}
.shape-5 h5 {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 400;
  font-family: "Nunito Sans";
  margin-bottom: 0;
}
.shape-5 span {
  color: #43baff;
  font-weight: 700;
  text-align: center;
}

.shape-6 {
  position: absolute;
  top: 200px;
  left: 17%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .shape-6 {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .shape-6 {
    display: none;
  }
}

.course-card {
  position: absolute;
  top: -31px;
  left: 15px;
  background: #ffffff;
  padding: 10px 15px;
  border-radius: 7px;
}
.course-card img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0px 0px 10px rgba(28, 51, 84, 0.1);
  margin-right: -15px;
  border: 4px solid #ffffff;
}
.course-card span i {
  width: 30px;
  height: 30px;
  background: #FFB013;
  border-radius: 50%;
  color: #141517;
  font-size: 10px;
  border: 4px solid #ffffff;
  line-height: 22px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header-home-2-area {
    padding: 10px 0;
  }
}

.hero-text h2 {
  line-height: 1.2;
  margin-bottom: 20px;
  font-size: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero-text h2 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-text h2 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-text h2 {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  .hero-text h2 {
    font-size: 30px;
  }
}

.hero-area {
  height: 750px;
  background-color: #edeff5;
}

.hero-thumb-01 {
  position: absolute;
  left: -170px;
  top: -90px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .hero-thumb-01 {
    left: -115px;
    top: -75px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero-thumb-01 {
    left: -1%;
    top: -75px;
  }
}

.hero-thumb-02 {
  position: absolute;
  top: -60px;
  right: -145px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .hero-thumb-02 {
    right: -50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-thumb-02 {
    right: -3%;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .hero-tittle-info {
    margin-left: 10%;
  }
}
.hero-tittle-info h2 {
  font-size: 50px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero-tittle-info h2 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-tittle-info h2 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-tittle-info h2 {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  .hero-tittle-info h2 {
    font-size: 30px;
  }
}

.slider-search-icon input {
  width: 100%;
  height: 70px;
  background: #ffffff;
  outline: none;
  border: 1px solid #edeef2;
  border-radius: 5px;
  padding: 0px 40px 0 30px;
}

.slider-search {
  margin: 0 auto;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .slider-search {
    width: 80%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-search {
    width: 70%;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .slider-content-wrapper {
    text-align: center;
  }
}

.slider-search-icon button {
  position: absolute;
  top: 50%;
  right: 23px;
  transform: translatey(-50%);
  color: #43baff;
}

.slider-course-content ul li {
  display: inline-block;
  margin: 0 20px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-course-content ul li {
    margin: 0 10px;
  }
}
.slider-course-content ul li i {
  margin-right: 10px;
  color: #b9c4d6;
  font-size: 20px;
}
.slider-course-content ul li span {
  font-size: 16px;
  font-weight: 600;
  color: #141517;
}

.slider-content-wrapper {
  z-index: 1;
  position: relative;
}

.hero-shape-2 {
  position: absolute;
  top: -42%;
  left: -3%;
  -webkit-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
  -moz-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
  -o-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
  animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .hero-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .hero-shape-2 {
    left: 4%;
  }
}

.hero-shape-1 {
  position: absolute;
  bottom: 9%;
  z-index: 1;
  left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .hero-shape-1 {
    display: none;
  }
}

.hero-shape-3 {
  position: absolute;
  left: -60px;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0px 40px 50px rgba(28, 51, 84, 0.16);
  width: 180px;
  padding: 17px;
  text-align: center;
  bottom: -20px;
  z-index: 1;
  height: 200px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-shape-3 {
    bottom: -174px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .hero-shape-3 {
    left: 52px;
    top: 160px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero-shape-3 {
    left: -6%;
    top: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .hero-shape-3 {
    display: none;
  }
}
.hero-shape-3 h5 {
  font-size: 18px;
  line-height: 28px;
}
.hero-shape-3 img {
  box-shadow: 0px 10px 20px rgba(24, 44, 74, 0.16);
  border-radius: 50px;
  margin-bottom: 15px;
}

.hero-shape-4 {
  position: absolute;
  top: 60px;
  z-index: 1;
  right: 21%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .hero-shape-4 {
    top: 50px;
    right: 25%;
  }
}

.hero-shape-5 {
  position: absolute;
  right: 11%;
  top: 9%;
}

.hero-shap-5 {
  position: absolute;
  max-width: 283px;
  box-shadow: 0px 40px 50px rgba(28, 51, 84, 0.16);
  bottom: 20%;
  right: 9%;
  -webkit-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
  -moz-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
  -o-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
  animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
  padding: 25px 20px 16px 20px;
  background: #ffffff;
  border-radius: 12px;
  z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .hero-shap-5 {
    right: 6%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .hero-shap-5 {
    display: none;
  }
}
.hero-shap-5 h5 {
  font-size: 18px;
  line-height: 28px;
  font-family: "Nunito Sans", sans-serif;
  margin-bottom: 0px;
  font-weight: 400;
}
.hero-shap-5 span {
  color: #43baff;
  font-weight: 700;
  text-align: center;
}

.hero-shape-6 {
  position: absolute;
  bottom: 7%;
  right: 21%;
  -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-7 {
  position: absolute;
  bottom: 0;
  right: 46%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .hero-shape-7 {
    display: none;
  }
}

.hero-card {
  background: #ffffff;
  padding: 10px 10px;
  border-radius: 7px;
  position: absolute;
  bottom: 75%;
}
.hero-card img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0px 0px 10px rgba(28, 51, 84, 0.1);
  margin-right: -15px;
  border: 4px solid #ffffff;
}
.hero-card span i {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 22px;
  width: 30px;
  background: #FFB013;
  border-radius: 50%;
  color: #141517;
  font-size: 10px;
  border: 4px solid #ffffff;
  line-height: 22px;
}

.skill-price-start {
  position: absolute;
  font-size: 16px;
  color: #ffffff;
  background: red;
  height: 100px;
  width: 100px;
  line-height: 100px;
  border-radius: 50%;
  text-align: center;
  top: 0;
  left: 0;
}

@keyframes hero-thumb-sm-animation {
  0% {
    -webkit-transform: translateY(-20px) translateX(50px);
    -moz-transform: translateY(-20px) translateX(50px);
    -ms-transform: translateY(-20px) translateX(50px);
    transform: translateY(-20px) translateX(50px);
  }
  100% {
    -webkit-transform: translateY(-20px) translateX(0px);
    -moz-transform: translateY(-20px) translateX(0px);
    -ms-transform: translateY(-20px) translateX(0px);
    transform: translateY(-20px) translateX(0px);
  }
}
@keyframes hero-thumb-sm-2-animation {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes hero-circle-2 {
  0% {
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(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);
  }
}
@keyframes hero-triangle-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);
  }
}
@keyframes services-triangle {
  0% {
    -webkit-transform: rotate(0deg) translateX(-50px);
    -moz-transform: rotate(0deg) translateX(-50px);
    -ms-transform: rotate(0deg) translateX(-50px);
    transform: rotate(0deg) translateX(-50px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(100px);
    -moz-transform: rotate(360deg) translateY(100px);
    -ms-transform: rotate(360deg) translateY(100px);
    transform: rotate(360deg) translateY(100px);
  }
}
.hero-area-3 {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}
.hero-area-3:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #010a2e;
  content: "";
  opacity: 0.45;
}

.hero-university-text span {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFB013;
  margin-bottom: 35px;
  display: block;
}
.hero-university-text h2 {
  font-size: 80px;
  color: #ffffff;
  font-weight: 900;
  margin-bottom: 35px;
  line-height: 1.1;
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero-university-text h2 {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-university-text h2 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .hero-university-text h2 {
    font-size: 28px;
  }
}

.hero-course-1-text h2 {
  font-size: 60px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-course-1-text h2 {
    font-size: 54px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-course-1-text h2 {
    font-size: 35px;
  }
}

/*----------

04. section-title style

----------*/
.down-mark-line {
  position: relative;
  z-index: 2;
  display: inline-block;
}
.down-mark-line::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
  height: 100%;
  background: url(../img/icon/down-mark-line.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  -webkit-animation: section-animation 3s infinite;
  animation: section-animation 3s infinite;
}

@keyframes section-animation {
  0% {
    width: 0;
  }
  15% {
    width: 100%;
  }
  85% {
    opacity: 1;
  }
  90% {
    width: 100%;
    opacity: 0;
  }
  to {
    width: 0;
    opacity: 0;
  }
}
.down-mark-line-2 {
  position: relative;
  z-index: 2;
  display: inline-block;
}
.down-mark-line-2::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 8%;
  width: 100%;
  z-index: -1;
  height: 100%;
  background: url(../img/icon/down-mark-line-2.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  -webkit-animation: section-animation 3s infinite;
  animation: section-animation 3s infinite;
}



/*----------

05. category style

----------*/
.catagory-wrapper {
  display: flex;
  background: #fff;
  align-items: center;
  /* border: 1px solid #edeef2; */
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 5px;
  padding: 20px 30px;
  -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;
}
.catagory-wrapper:hover {
  background-color: #43baff;
  box-shadow: 0px 40px 40px rgba(24, 44, 74, 0.1);
  border-color: #43baff;
}
.catagory-wrapper .catagory-thumb {
  margin-right: 22px;
}
.catagory-wrapper .catagory-content {
  color: #141517;
}
.catagory-wrapper .catagory-content h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 4px;
  line-height: 1;
}
.catagory-wrapper .catagory-content span {
  color: #575757;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .catagory-wrapper .catagory-content span {
    font-size: 14px;
  }
}
.catagory-wrapper:hover .catagory-content :is(a, h3, span) {
  color: #ffffff;
}

.catagory-wrapper:hover svg * {
  fill: #ffffff;
}

.categories-area {
  background-color: #F6F8FB;
}

.categories-wrapper {
  padding: 37px 20px 15px 20px;
  background: #ffffff;
  box-shadow: 0px 20px 30px rgba(24, 44, 74, 0.05);
  border-radius: 10px;
}

.categiories-thumb {
  transition: 0.3s;
}
.categiories-thumb svg {
  margin-bottom: 30px;
}

.categories-wrapper:hover .categiories-thumb {
  transform: translateY(-10px);
}

.categories-content h4 {
  margin-bottom: 5px;
}
.categories-content p {
  font-weight: 600;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .categories-content p {
    font-size: 15px;
  }
}

.category-shap-01 {
  position: absolute;
  top: -28%;
  left: -5%;
}

.category-shap-02 {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .category-shap-02 {
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .category-shap-02 {
    display: none;
  }
}

.category-button-prev {
  width: 45px;
  height: 45px;
  border: 1px solid #edeef2;
  text-align: center;
  line-height: 45px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  top: 46%;
  transform: translate(-50%, -50%);
  z-index: 2;
  left: 0;
  transition: 0.3s;
}
@media (max-width: 575px) {
  .category-button-prev {
    transform: translate(-25%, -50%);
  }
}
.category-button-prev:hover {
  border-color: #43baff;
  background: #43baff;
  color: #ffffff;
}

.category-button-next {
  width: 45px;
  height: 45px;
  border: 1px solid #edeef2;
  text-align: center;
  line-height: 45px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  top: 46%;
  transform: translate(50%, -50%);
  z-index: 2;
  right: 0;
  transition: 0.3s;
}
@media (max-width: 575px) {
  .category-button-next {
    transform: translate(25%, -50%);
  }
}
.category-button-next:hover {
  border-color: #43baff;
  background: #43baff;
  color: #ffffff;
}

/*----------

06. counter style

----------*/
.counter-wrapper {
  padding: 50px 15px 50px 15px;
  background-color: #F6F8FB;
}

.count-number span {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
  display: inline-block;
  color: #141517;
}
.count-number p {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0px;
}

.counter-icon svg {
  margin-bottom: 30px;
}

.counter-img svg {
  margin-bottom: 25px;
}

.university-couner-text span {
  font-size: 36px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 15px;
  display: inline-block;
}

.university-couner-text p {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}

/*----------

07. student-choose style

----------*/
.student-choose-thumb {
  margin-top: 37px;
}
.student-choose-thumb img {
  max-width: 100%;
}

.sitdent-choose-content {
  margin-bottom: 20px;
}
.sitdent-choose-content p {
  color: #575757;
}

.student-choose-list {
  margin-bottom: 40px;
}
.student-choose-list li {
  margin-bottom: 15px;
  color: #141517;
}
.student-choose-list i {
  margin-right: 10px;
  color: #d0d9e9;
  font-size: 20px;
}

.student-choose-list i.far {
  color: #43baff;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .student-btn {
    margin-bottom: 30px;
  }
}

.shap-01 {
  position: absolute;
  top: 170px;
  left: 40%;
  height: 130px;
  width: 122px;
  background: #FFB013;
  border-radius: 8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .shap-01 {
    top: 120px;
    left: 31%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shap-01 {
    top: 120px;
    left: 18%;
  }
}

.shap-02 {
  position: absolute;
  top: -8%;
  left: 45%;
  height: 151px;
  width: 150px;
  background: #43baff;
  border-radius: 8px;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .shap-02 {
    top: -11%;
    left: 48%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shap-02 {
    top: -20%;
    left: 48%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shap-02 {
    left: 34%;
  }
}
@media (max-width: 575px) {
  .shap-02 {
    top: 1%;
  }
}

.shap-03 {
  position: absolute;
  top: -7%;
  left: -7%;
  z-index: -1;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .shap-03 {
    display: none;
  }
}

.shap-04 {
  position: absolute;
  bottom: -9%;
  left: 33%;
  z-index: -1;
}

.shap-05 {
  position: absolute;
  bottom: 41%;
  right: -35%;
  z-index: -1;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .shap-05 {
    right: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .shap-05 {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .shap-05 {
    display: none;
  }
}

.shap-06 {
  position: absolute;
  top: -160px;
  right: -43%;
  z-index: -2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .shap-06 {
    display: none;
  }
}

.shap-07 {
  position: absolute;
  bottom: 15%;
  right: -20%;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .shap-07 {
    right: -6%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .shap-07 {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .shap-07 {
    display: none;
  }
}

/*----------

08. testimonial style

----------*/
.testimonial-header {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

.testimonial-items {
  background: #f8f9fb;
  padding: 30px;
  z-index: 2;
  border-radius: 5px;
}

.testimonial-img img {
  margin-right: 20px;
}

.testimonial-title h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 2px;
}
.testimonial-title span {
  font-size: 16px;
  margin-bottom: 2px;
  display: block;
}

.testimoni-quotes img {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: -1;
  content: "";
}

.testimonial-body {
  margin-bottom: 20px;
}
.testimonial-body h3 {
  font-size: 20px;
  color: #43baff;
  margin-bottom: 20px;
}

.testimonial-icon i {
  color: #FFB013;
  font-size: 15px;
}

.testimonial-pagination {
  margin-top: 50px;
  line-height: 1;
}

/*----------

09. education style

----------*/
.education-img img {
  max-width: 100%;
}

.sitdent-choose-content p {
  margin-bottom: 25px;
}

.education-content p {
  margin-bottom: 40px;
}

.education-shape {
  position: absolute;
  right: 5%;
  top: 23%;
}
@media (max-width: 575px) {
  .education-shape {
    display: none;
  }
}

.education-shape-2 {
  position: absolute;
  top: 26%;
  left: 24%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .education-shape-2 {
    left: 17%;
  }
}
@media (max-width: 575px) {
  .education-shape-2 {
    display: none;
  }
}

.education-shape-3 {
  position: absolute;
  right: 16%;
  top: 60%;
  z-index: -1;
}

.education-shape-4 {
  position: absolute;
  right: 4%;
  top: 45%;
  z-index: -1;
}

/*----------

10. partner style

----------*/
.patner-area {
  background-color: #F6F8FB;
}

.partner-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 45px 70px;
  margin-top: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .partner-wrapper {
    gap: 45px 45px;
  }
}

.partner-box {
  position: relative;
  max-width: 430px;
  z-index: 2;
}

.partner-thumb {
  position: absolute;
  top: -110px;
  left: -250px;
  z-index: -1;
}

.partner-text {
  margin-top: 20px;
}
.partner-text p {
  font-weight: 600;
  color: #141517;
  max-width: 245px;
}
.partner-text p span {
  font-size: 24px;
  font-weight: 700;
  color: #43baff;
}

.circlea{
  background-color: #ccc;
  border-radius: 50%;
  height: 50px;
  width: 50px;
}



/*----------

11. teacher style

----------*/
.teacher-area {
  overflow-x: clip;
}

.teacher-img {
  margin-bottom: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .teacher-img {
    margin-bottom: 95px;
  }
}

.teacher-main-img {
  padding-left: 150px;
  max-width: 100%;
}

.teacher-shape {
  position: absolute;
  top: 10px;
  left: 0;
  z-index: -10;
}

.teacher-shape-02 {
  position: absolute;
  left: 0;
  bottom: -45px;
}

.teacher-shape-03 {
  position: absolute;
  top: -113px;
  left: -126px;
  z-index: -1;
}

.teacher-shape-04 {
  position: absolute;
  top: 100px;
  left: -140px;
  z-index: -1;
}

.zoom-thumb {
  margin-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .zoom-thumb {
    margin-left: 0;
  }
}

.zoom-shape-02 {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0px 20px 80px rgba(28, 51, 84, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .zoom-shape-02 {
    right: 11%;
  }
}

.zoom-shape-01 {
  position: absolute;
  top: -60px;
  left: -7%;
  z-index: -1;
  -webkit-animation: hero-thumb-sm-animation 4s linear infinite alternate;
  -moz-animation: hero-thumb-sm-animation 4s linear infinite alternate;
  -o-animation: hero-thumb-sm-animation 4s linear infinite alternate;
  animation: hero-thumb-sm-animation 4s linear infinite alternate;
}
@media (max-width: 575px) {
  .zoom-shape-01 {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .zoom-class-wrapper {
    margin-bottom: 60px;
    margin-top: -40px;
  }
}

.zoom-thumb-main-img {
  max-width: 100%;
}

/*----------

12. blog style

----------*/
.blog-thumb {
  border-radius: 5px;
  overflow: hidden;
}
.blog-thumb img {
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  width: 100%;
}

.blog-wrapper:hover .blog-thumb img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.blog-content p {
  margin-bottom: 30px;
}

.blog-meta {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.blog-meta i {
  font-size: 16px;
  margin-right: 10px;
  line-height: 1;
}
.blog-meta span {
  font-size: 16px;
  margin-right: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .blog-meta span {
    font-size: 15px;
    margin-right: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-meta span {
    margin-right: 30px;
  }
}

.blog-meta > div {
  display: flex;
  align-items: center;
}

.blog-content h3 {
  font-size: 22px;
  margin-bottom: 30px;
  line-height: 1.5;
}
.blog-content h3:hover {
  color: #43baff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog-content h3 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-content h3 {
    font-size: 18px;
    font-weight: 600;
  }
}

.blog-content-wrapper {
  padding: 30px 30px 40px 30px;
  background: #ffffff;
  box-shadow: 0px 20px 40px rgba(28, 51, 84, 0.1);
  border-radius: 0 0 5px 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .blog-content-wrapper {
    padding: 30px 20px 40px 20px;
  }
}

.blog-wrapper {
  border-radius: 5px;
}

.blog-tag {
  position: absolute;
  top: 20px;
  left: 20px;
  background: #43baff;
  color: #ffffff;
  padding: 0 15px;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: 0.6s;
}
.blog-tag:hover {
  background: #ffffff;
  color: #141517;
}
.blog-tag:focus {
  color: #141517;
}

.sidebar__search input {
  width: 100%;
  height: 60px;
  line-height: 56px;
  background: #ffffff;
  border: 1px solid #edeef2;
  box-shadow: 0px 10px 30px rgba(28, 51, 84, 0.08);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding-left: 30px;
  padding-right: 45px;
}
.sidebar__search input::placeholder {
  color: #575757;
  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: #575757;
}
.sidebar__search button svg .st1 {
  fill: #575757;
}

.rc__post:not(:last-child) {
  margin-bottom: 30px;
}
.rc__meta span {
  color: #575757;
  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;
  object-fit: cover;
}
.rc__title {
  font-size: 18px;
  color: #141517;
  margin-bottom: 0px;
  font-weight: 700;
  line-height: 1.1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .rc__title {
    font-size: 16px;
    font-weight: 600;
  }
}
.rc__title a:hover {
  color: #43baff;
}

.sidebar__widget {
  border: 1px solid #edeef2;
  padding: 30px 30px;
  border-radius: 5px;
  box-shadow: 0px 10px 30px rgba(28, 51, 84, 0.08);
  background-color: #ffffff;
}
@media (max-width: 575px) {
  .sidebar__widget {
    padding: 30px 20px;
  }
}

.sidebar__category ul li:not(:last-child) {
  margin-bottom: 15px;
}
.sidebar__category ul li a {
  font-size: 16px;
  font-weight: 500;
  color: #575757;
  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: #43baff;
}
.sidebar__category ul li a:hover::after {
  background: #43baff;
}

.sidebar__tag a {
  display: inline-block;
  height: 36px;
  line-height: 38px;
  padding: 0 15px;
  font-size: 15px;
  font-weight: 500;
  color: #575757;
  background: #F6F8FB;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-right: 8px;
  margin-bottom: 10px;
}
.sidebar__tag a:hover {
  color: #ffffff;
  background: #43baff;
}

blockquote {
  margin: 35px 0px !important;
  padding: 40px;
  color: #666;
  position: relative;
  background: #f3f4f8;
  font-style: normal;
  text-align: left;
  clear: both;
  font-weight: 400;
  box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);
  border: 1px solid #f3f4f8;
}

blockquote::before {
  content: "\f10e";
  position: static;
  font-family: "Font Awesome 5 Pro";
  font-size: 32px;
  color: #43baff;
  line-height: 1;
  margin-bottom: 18px;
  display: inline-block;
}

.post-text blockquote p {
  margin-bottom: 10px !important;
  line-height: 1.3;
  font-size: 20px;
  color: #070337;
  font-weight: 400;
}

blockquote cite {
  font-size: 18px;
  display: block;
  margin-top: 10px;
  color: #070337;
  font-style: inherit;
  font-weight: 600;
}

blockquote cite::before {
  content: "";
  font-size: 28px;
  color: #ff5421;
  padding-bottom: 0px;
  display: inline-block;
  background: #43baff;
  height: 2px;
  width: 40px;
  font-weight: 400;
  text-align: center;
  top: -4px;
  margin-right: 10px;
  position: relative;
}

.blog-details-wrapper img {
  width: 100%;
}

blockquote p {
  font-size: 18px;
  color: #141517;
  font-style: italic;
  font-weight: 600;
}

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: #43baff;
}

.blog__details__tag span {
  font-weight: 600;
  margin-right: 10px;
  color: #141517;
}

/* comment box */
.latest-comments h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-comments h3 {
    font-size: 22px;
  }
}

.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 {
  padding: 30px;
  padding-top: 30px;
  padding-right: 30px;
  padding-right: 40px;
  padding-top: 25px;
  background: #fff;
  border: 1px solid #edeef2;
  border-radius: 5px;
}

.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: 1;
  margin-bottom: 0;
}

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

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

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

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

.blog__comment h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog__comment h3 {
    font-size: 22px;
  }
}
.blog__comment-input input, .blog__comment-input textarea {
  width: 100%;
  height: 56px;
  line-height: 56px;
  border: 2px solid #f8f8f9;
  background: #f8f8f9;
  color: #000;
  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: #575757;
}
.blog__comment-input input:focus, .blog__comment-input textarea:focus {
  background: #ffffff;
  border-color: #43baff;
}
.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: #43baff;
  border-color: transparent;
}
.blog__comment-agree input:checked::after {
  box-sizing: border-box;
  content: "\f00c";
  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: #575757;
}
.blog__comment-agree label a {
  color: #000;
  font-weight: 600;
  padding-left: 4px;
}
.blog__comment-agree label a:hover {
  color: #43baff;
}
.blog__comment-agree label:hover {
  cursor: pointer;
}

.blog-main-wrapper .blog-content h3 {
  font-size: 36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-main-wrapper .blog-content h3 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-main-wrapper .blog-content h3 {
    font-size: 28px;
  }
}
@media (max-width: 575px) {
  .blog-main-wrapper .blog-content h3 {
    font-size: 26px;
  }
}

.blog-main-wrapper h4 {
  font-size: 28px;
}
@media (max-width: 575px) {
  .blog-main-wrapper h4 {
    font-size: 26px;
  }
}

/*----------

13. skill style

----------*/
.skill-background-img {
  background-position: center;
  background-size: cover;
  border-radius: 5px;
}

.skill-wrapper {
  padding: 65px 190px 65px 190px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .skill-wrapper {
    padding: 65px 150px 65px 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .skill-wrapper {
    padding: 65px 60px 65px 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skill-wrapper {
    padding: 65px 90px 65px 90px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .skill-wrapper {
    padding: 65px 30px 65px 30px;
  }
}

.skill-content span {
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 15px;
  display: block;
}
.skill-content h3 {
  color: #ffffff;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 35px;
}
@media (max-width: 575px) {
  .skill-content h3 br {
    display: none;
  }
}
.skill-content .edu-four-btn:hover {
  color: #141517;
  background: #ffffff;
  border-color: #ffffff;
}

.skill-thumb {
  margin-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .skill-thumb {
    margin-left: 0;
    margin-top: 80px;
  }
}
.skill-thumb img {
  max-width: 100%;
}

.course-price-start {
  background: #FFB013;
  height: 100px;
  width: 100px;
  text-align: center;
  color: #ffffff;
  border-radius: 50%;
  top: -40px;
  left: 10px;
  position: absolute;
  padding-top: 22px;
  font-size: 14px;
}

.course-price-start .course-price {
  display: block;
  font-size: 36px;
  font-weight: 900;
}

/*----------

14. eduman-card style

----------*/
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .university-main-wraper {
    flex-wrap: wrap;
  }
  .university-main-wraper > * {
    flex: 0 0 50%;
  }
}
@media (max-width: 575px) {
  .university-main-wraper {
    flex-wrap: wrap;
  }
}

.university-card {
  margin-top: -140px;
}

.university-course-box {
  padding: 42px 48px 42px 48px;
  background: #43baff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .university-course-box {
    padding: 35px 48px 40px 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .university-course-box {
    padding: 28px 20px 40px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .university-course-box {
    padding: 35px 20px 40px 19px;
  }
}
@media (max-width: 575px) {
  .university-course-box {
    padding: 42px 30px 42px 30px;
    width: 100%;
  }
}

.university-main-wraper {
  position: relative;
  z-index: 5;
}

.university-card-wrapper {
  padding: 45px 40px 45px 40px;
  background-color: #f6f8fb;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .university-card-wrapper {
    padding: 47px 20px 35px 20px;
  }
}
@media (max-width: 575px) {
  .university-card-wrapper {
    padding: 45px 30px 45px 30px;
    width: 100%;
  }
}

.university-card-text p {
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 15px;
  display: block;
  line-height: 1;
}
.university-card-text span {
  font-weight: 900;
}
.university-card-text h3 {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 32px;
  line-height: 1.3;
  color: #ffffff;
}

.university-card-icon {
  width: 65px;
  height: 65px;
  background: #ffffff;
  line-height: 65px;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 30px;
  -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;
}

.university-card-wrapper:hover .university-card-icon {
  transform: translateY(-10px);
}

.university-card-content h3 {
  font-size: 18px;
  margin-bottom: 15px;
  line-height: 1;
}
.university-card-content p {
  margin-bottom: 0;
}

.message-sticker img {
  padding-left: 22px;
  max-width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .message-sticker img {
    padding-left: 0;
  }
}

.message-profile-text {
  margin-bottom: 40px;
}
.message-profile-text span {
  font-size: 18px;
  font-weight: 600;
  color: #141517;
  margin-bottom: 27px;
  display: block;
}

.message-meta {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .message-meta {
    margin-bottom: 50px;
  }
}

.message-meta-link {
  margin-left: 20px;
}
.message-meta-link h4 {
  line-height: 1;
  margin-bottom: 3px;
  font-size: 18px;
}
.message-meta-link p {
  margin-bottom: 0px;
}

.feedback-wrapper {
  padding-left: 60px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .feedback-wrapper {
    padding-left: 0px;
    margin-top: 25px;
  }
}

.etablist-price {
  height: 160px;
  width: 160px;
  background: #43baff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  bottom: 2%;
  right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .etablist-price {
    left: 250px;
  }
}
@media (max-width: 575px) {
  .etablist-price {
    left: 0px;
  }
}

.etablist-price p {
  color: #ffffff;
  margin-bottom: 0;
}
.etablist-price p span {
  display: block;
  text-align: center;
  font-size: 40px;
  font-weight: 900;
  padding: 5px 0;
  line-height: 1;
}

/*----------

15. campus style

----------*/
.shape-light {
  position: absolute;
  background: #FFB013;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  top: -40px;
  right: 20px;
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: hero-bounce;
}

.campus-shape-content {
  max-width: 290px;
  background: #ffffff;
  padding: 25px 25px;
  border-radius: 5px;
  box-shadow: 0px 40px 50px rgba(24, 44, 74, 0.16);
}
.campus-shape-content h5 {
  font-family: "Nunito Sans", sans-serif;
}
.campus-shape-content span {
  font-size: 18px;
  color: #141517;
  font-weight: 600;
}

.campus-shape-sticker {
  position: absolute;
  bottom: 70px;
  right: 25px;
  z-index: 1;
}

.campus-shape-1 {
  position: absolute;
  right: -26%;
  bottom: calc(0% - 70px);
}

.campus-shape-2 {
  position: absolute;
  bottom: 16%;
  left: -14%;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .campus-shape-2 {
    left: 0;
  }
}

.campus-img-wrapper {
  min-height: 495px;
  margin-top: 56px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .campus-img-wrapper {
    margin-top: 81px;
  }
}
@media (max-width: 575px) {
  .campus-img-wrapper {
    margin-top: 51px;
  }
}

.campus-shape-3 {
  position: absolute;
  top: 3%;
  left: 5%;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .campus-shape-3 {
    display: none;
  }
}

.campus-img-1 {
  position: absolute;
  top: 140px;
}

.campus-img-2 {
  position: absolute;
  top: -5%;
  left: 23%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .campus-img-2 {
    left: 27%;
  }
}

.campus-img-3 {
  position: absolute;
  top: -11%;
  left: 60%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .campus-img-3 {
    left: 71%;
  }
}
@media (max-width: 575px) {
  .campus-img-3 {
    display: none;
  }
}

.campus-img-4 {
  position: absolute;
  top: 41%;
  left: 23%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .campus-img-4 {
    left: 27%;
  }
}

.campus-img-5 {
  position: absolute;
  right: -4px;
  top: 23%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .campus-img-5 {
    right: -18%;
  }
}

.compus-content ul li {
  font-size: 16px;
  color: #141517;
  font-weight: 600;
  margin-bottom: 10px;
}
.compus-content ul li i {
  margin-right: 10px;
  color: #43baff;
}
.compus-content p {
  margin-bottom: 25px;
}

/*----------

16. event style

----------*/
.event-shape {
  position: absolute;
  right: 13%;
  top: 325px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .event-shape {
    right: 6%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .event-shape {
    right: 0%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .event-shape {
    right: 4%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .event-shape {
    display: none;
  }
}

.event-area {
  background-color: #F6F8FB;
}

.event-date {
  height: 60px;
  width: 90px;
  background: #FFB013;
  display: flex;
  text-align: center;
  justify-content: center;
  line-height: 60px;
  font-size: 36px;
  font-weight: 700;
  color: #141517;
}

.event-month {
  background: #ffffff;
  display: flex;
  height: 40px;
  width: 90px;
  justify-content: center;
  line-height: 40px;
  font-size: 15px;
  color: #141517;
}

@media (max-width: 575px) {
  .current-event-box {
    margin-bottom: 30px;
  }
}

.current-event-date {
  gap: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .current-event-date {
    margin-right: -50px;
  }
}
@media (max-width: 575px) {
  .current-event-date {
    flex-direction: column;
  }
}

.event-tour {
  background: #ffffff;
  border: 1px solid #f6f8fb;
  display: flex;
  justify-content: space-between;
  width: 560px;
  padding: 18px 30px 16px 30px;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 575px) {
  .event-tour {
    padding: 18px 10px 16px 10px;
    width: 100%;
  }
}

.event-box-text h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
  line-height: 1;
}
.event-box-text span {
  font-size: 14px;
  font-weight: 600;
  margin-right: 20px;
}
.event-box-text span i {
  margin-right: 5px;
}

.event-arrow {
  color: #7f8a9f;
  height: 45px;
  width: 45px;
  background-color: #F6F8FB;
  text-align: center;
  line-height: 45px;
}
.event-arrow:hover {
  color: #ffffff;
  background: #43baff;
}

.feedback-header {
  display: flex;
  margin-bottom: 40px;
  align-items: center;
}

.feedback-icon i {
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 72px;
  color: #ced5e5;
  z-index: -1;
}

.feedback-body h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #43baff;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .feedback-content {
    margin-left: 0px;
  }
}

.feedback-items {
  background: #ffffff;
  padding: 30px 30px 30px 30px;
  z-index: 2;
}

.feedback-title {
  margin-left: 20px;
}
.feedback-title h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 3px;
}

.gallery-singel-img img {
  max-width: 100%;
}

.event_date_inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.event_date {
  width: 120px;
  height: 120px;
  background: #f8f8f9;
  text-align: center;
  display: table;
  border-radius: 5px;
  padding: 0 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .event_date {
    width: 100px;
    height: 100px;
  }
}

.aduence-thumb {
  margin-right: 32px;
}
.aduence-thumb img {
  box-shadow: 0px 0px 10px rgba(17, 32, 80, 0.14);
  border-radius: 50%;
  margin-right: -16px;
  border: 4px solid #ffffff;
}

.event_date_inner h4 {
  font-size: 24px;
  font-weight: 900;
  color: #43baff;
  font-family: "Nunito Sans", sans-serif;
}
.event_date_inner span {
  color: #171717;
}

.event_info h3 {
  font-size: 20px;
}

.event-time i {
  line-height: 1;
  margin-right: 10px;
}

.event-location i {
  margin-right: 10px;
}

.event-detalis {
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.event-aduence {
  flex-wrap: wrap;
}

.event_info {
  flex-grow: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .event_info {
    max-width: 375px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .event_info {
    max-width: 350px;
  }
}

.get-ticket-btn {
  margin-right: 15px;
}

.single-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
  border: 1px solid #edeef2;
  padding: 15px 15px;
  background-color: #ffffff;
  border-radius: 3px;
  -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;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .single-item {
    gap: 20px;
  }
}
.single-item:hover {
  box-shadow: 0px 30px 40px rgba(28, 51, 84, 0.07);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .single-item .event_info {
    order: 2;
  }
}

.event-meta-thumb {
  display: flex;
  align-items: center;
}

.event-wrapper {
  padding: 30px;
  background: #f8f8f9;
  height: 110px;
  width: 100%;
  border-radius: 4px;
}

.event-select .nice-select {
  height: 60px;
  width: 100%;
  line-height: 60px;
  position: relative;
  margin-top: -5px;
  border: 0;
  padding: 0 20px;
}
.event-select .nice-select::after {
  height: 8px;
  width: 8px;
  right: 20px;
  color: #141517;
}
.event-select .nice-select span {
  font-size: 16px;
  color: #141517;
  font-weight: 600;
}

.nice-select.open .list {
  width: 100%;
  color: #141517;
  font-size: 16px;
}

.find-event-info h4 {
  margin-bottom: 35px;
}

.find-event-input i {
  color: #43baff;
}

.find-event-wrapper {
  position: relative;
}

.find-event-input i {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.find-event-input input {
  width: 100%;
  height: 55px;
  padding: 0 20px;
  outline: none;
  border: 0;
  background: #ffffff;
  border-radius: 4px;
}

.event-sidebar {
  background-color: #f8f8f9;
  padding: 30px 30px;
  border-radius: 5px;
}

.event-contact-info h2 {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .event-contact-info h2 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .event-contact-info h2 {
    font-size: 24px;
  }
}

.introduction-info h4 {
  font-size: 18px;
  margin-bottom: 15px;
}

.introduction-info p {
  margin-bottom: 25px;
}

.even-point-tittle h4 {
  margin-bottom: 15px;
  font-size: 18px;
}

.event-speaker-info h4 {
  font-size: 20px;
  margin-bottom: 35px;
}

.event-speaker-wrapper {
  box-shadow: 0px 10px 30px rgba(28, 51, 84, 0.08);
  border: 1px solid #edeef2;
  background-color: #ffffff;
  padding: 28px 29px 28px 29px;
  border-radius: 5px;
  position: relative;
}

.event-speaker-content {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffffff;
  padding: 13px 20px 19px 20px;
  border-radius: 3px;
  min-width: 240px;
}
.event-speaker-content span {
  font-size: 16px;
  font-weight: 700;
  color: #141517;
  display: block;
  margin-bottom: 5px;
}
.event-speaker-content p {
  margin-bottom: 0px;
  line-height: 1;
}

.event-price-info {
  display: flex;
  justify-content: space-between;
}

.event-price {
  display: flex;
}

.event-information-wrapper {
  padding: 30px 30px 30px 30px;
  box-shadow: 0px 10px 30px rgba(28, 51, 84, 0.08);
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #edeef2;
}
@media (max-width: 575px) {
  .event-information-wrapper {
    padding: 30px 20px 30px 20px;
  }
}

.event-information-list {
  padding: 30px 0 30px 0px;
}
.event-information-list ul li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #edeef2;
  padding: 10px 0px 10px 0px;
  flex-wrap: wrap;
}
.event-information-list ul li:last-child {
  border: none;
  padding-bottom: 5px;
}
.event-information-list ul i {
  line-height: 0;
  margin-right: 15px;
}

.information-list {
  display: flex;
  align-items: center;
}
.information-list:first-child span {
  font-weight: 600;
}

.old-price {
  margin-left: 10px;
}

.event-price span {
  font-size: 28px;
  font-weight: 900;
  color: #141517;
}

.event-ticket-cost span {
  font-weight: 600;
}

.event-sponsor-wrapper {
  border: 1px solid #edeef2;
  padding: 30px 30px;
  border-radius: 5px;
  box-shadow: 0px 10px 30px rgba(28, 51, 84, 0.08);
  background-color: #ffffff;
}

.sopnsor-tittle h4 {
  margin-bottom: 35px;
}

.sponsor-thumb {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .event-map {
    margin-bottom: 30px;
  }
}
.event-map iframe {
  height: 330px;
  width: 100%;
}

/*----------

17. features style

----------*/
.features-area {
  background-position: center;
  background-size: cover;
}

.features-img-bg {
  padding: 60px 80px 50px 80px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .features-img-bg {
    padding: 25px 20px 25px 20px;
  }
}

.features-icon {
  font-size: 55px;
  color: #ffffff;
  margin-right: 25px;
}
.features-icon svg {
  margin-right: 27px;
}

.features-content {
  max-width: 295px;
}
.features-content h3 {
  color: #ffffff;
  font-size: 24px;
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .features-content h3 {
    font-size: 20px;
  }
}

.features-area.margin-top {
  margin-top: -85px;
}

.features-box {
  padding: 0 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .features-box {
    padding: 0 15px;
  }
}

.features-svg {
  margin-bottom: 30px;
  transition: 0.3s;
}

.features-box:hover .features-svg {
  transform: translateY(-10px);
}

.features-text h4 {
  margin-bottom: 20px;
}

.features-btn a {
  height: 70px;
  width: 70px;
  background: #ffffff;
  line-height: 70px;
  border-radius: 50%;
  color: #43baff;
  font-size: 18px;
  animation: pulse 2s infinite;
  text-align: center;
  display: inline-block;
}

.features-btn {
  position: relative;
  margin-right: 20px;
}

.video-btn-text span {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .video-btn-text span {
    font-size: 14px;
  }
}

.features-video-area {
  position: relative;
  margin-top: -220px;
}

.features-shape-wrapper-1 {
  position: absolute;
  bottom: 9%;
  left: -14%;
  line-height: 18px;
}
.features-shape-wrapper-1 span {
  color: #141517;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features-shape-wrapper-1 {
    left: -20%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .features-shape-wrapper-1 {
    display: none;
  }
}

.features-shape {
  position: absolute;
  top: -94px;
  right: 0;
}

.features-shape-werapper-2 {
  position: absolute;
  right: -12%;
  top: 25%;
  line-height: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features-shape-werapper-2 {
    right: -20%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .features-shape-werapper-2 {
    display: none;
  }
}
.features-shape-werapper-2 span {
  color: #141517;
  font-weight: 600;
}
.features-shape-werapper-2 img {
  position: absolute;
  bottom: -95px;
  right: 38px;
}

.features-video-wrapper {
  padding: 20px;
  box-shadow: 0px 20px 40px rgba(24, 44, 74, 0.1);
  background: #ffffff;
  position: relative;
  border-radius: 10px;
}

.reatures-video-thumb {
  position: relative;
}
.reatures-video-thumb img {
  width: 100%;
}
.reatures-video-thumb::before {
  position: absolute;
  content: "";
  background: #020f29;
  opacity: 0.6;
  height: 100%;
  width: 100%;
}

.features-video-content {
  display: inline-flex;
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  align-items: center;
  justify-content: center;
  margin-right: -50%;
}

.know-us-wrapper {
  position: relative;
}

.know-us-better-thumb {
  position: relative;
}
.know-us-better-thumb a::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(to top, #020e26 0%, rgba(9, 20, 43, 0) 100%);
  z-index: 1;
}

.know-us-text {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  margin-right: -50%;
}

.know-us-text h3 {
  color: #ffffff;
  font-size: 20px;
  z-index: 3;
  position: relative;
}

.know-us-wrapper {
  overflow: hidden;
  border-radius: 5px;
}
.know-us-wrapper img {
  width: 100%;
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}

.know-us-wrapper:hover .know-us-better-thumb img {
  transform: scale3d(1.1, 1.1, 1.1);
}

/*----------

18. course style

----------*/
.course-area {
  background: #F6F8FB;
}

.course-shape-1 {
  position: absolute;
  top: 400px;
  left: 6%;
}

.course-shape-2 {
  position: absolute;
  right: 4%;
  top: 300px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .course-shape-2 {
    display: none;
  }
}

.course-shape-3 {
  position: absolute;
  right: 13%;
  top: 450px;
}

.user-icon {
  margin-bottom: 9px;
}
.user-icon a {
  font-size: 16px;
  color: #a7aaaf;
}
.user-icon a:hover {
  color: #43baff;
}
.user-icon i {
  margin-right: 8px;
}

.course-icon span {
  font-size: 15px;
  font-weight: 600;
  margin-left: 8px;
}
.course-icon i {
  font-size: 15px;
}

.course-icon i.fas {
  color: #ffb013;
  font-size: 13px;
}

.course-icon i.fal {
  color: #ccc;
}

.course-cart {
  background: #ffffff;
  padding: 30px 40px;
  box-shadow: 0px 0px 70px rgba(15, 38, 71, 0.2);
  min-width: 380px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 0;
  right: 0;
  transition: 0.3s;
  z-index: 11;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .course-cart {
    padding: 30px 30px;
    min-width: 340px;
  }
}
@media (max-width: 575px) {
  .course-cart {
    display: none;
  }
}

.course-info-wrapper h3 {
  font-size: 20px;
  margin-bottom: 5px;
  line-height: 1.3;
}

.category-color {
  font-size: 15px;
  font-weight: 600;
  background: #6f19c5;
  padding: 0px 10px;
  color: #ffffff;
  margin-bottom: 15px;
  display: inline-block;
  height: 26px;
  border-radius: 3px;
}

.category-color.category-color-1 {
  background: #31bf82;
}

.category-color.category-color-2 {
  background: #6931bf;
}

.category-color.category-color-3 {
  background: #319dbf;
}

.category-color.category-color-4 {
  background: #bf7831;
}

.category-color.category-color-5 {
  background: #bf315c;
}

.cart-info-body h3:hover {
  color: #43baff;
}

.cart-lavel span {
  color: #43baff;
  font-size: 15px;
  font-weight: 600;
}
.cart-lavel h5 {
  font-size: 15px;
  font-weight: 400;
  font-family: "Nunito Sans", sans-serif;
  color: #575757;
  margin-bottom: 25px;
}
.cart-lavel p {
  margin-bottom: 25px;
  font-size: 15px;
}

.info-cart-text ul {
  margin-bottom: 30px;
}
.info-cart-text ul li {
  margin-bottom: 5px;
}
.info-cart-text ul i {
  margin-right: 15px;
  color: #43baff;
}

.course-action {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}

.course-action .view-details-btn {
  flex-grow: 1;
}

.browser-course-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
  object-position: center;
}

.browser-course-wrapper:hover .browser-course-bg img {
  transform: scale(1.05);
}

.browser-course-wrapper {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.browser-course-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.course-height {
  min-height: 270px;
  padding: 50px 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
}
@media (max-width: 575px) {
  .course-height {
    padding: 50px 25px;
  }
}

.browser-course-content {
  position: relative;
  width: 310px;
  z-index: 1;
}
@media (max-width: 575px) {
  .browser-course-content {
    width: 260px;
  }
}
.browser-course-content span {
  margin-bottom: 10px;
  display: block;
  color: #43baff;
  font-weight: 700;
}
@media (max-width: 575px) {
  .browser-course-content span {
    left: 0;
  }
}

.browser-course-tittle a {
  font-size: 24px;
  color: #141517;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 30px;
  display: block;
}

.eduman-course-wraper {
  padding: 30px;
  background: #ffffff;
}

.my-course-info h3 {
  margin-bottom: 25px;
}

.eduman-course-main-wrapper {
  box-shadow: 0px 20px 40px rgba(24, 44, 74, 0.05);
  border-radius: 10px;
  position: relative;
}

.eduman-course-img {
  overflow: hidden;
  border-radius: 10px;
}

.eduman-course-img img {
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}

.eduman-course-main-wrapper:hover .eduman-course-img img {
  height: 2;
  transform: scale3d(1.05, 1.05, 1.05);
}

.eduman-course-main-wrapper:hover .course-cart {
  opacity: 1;
  visibility: visible;
}

.eduman-course-thumb {
  border-radius: 10px;
  overflow: hidden;
}

.eduman-course-main-wrapper:hover .eduman-course-thumb img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.eduman-course-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.eduman-course-text h3 {
  font-size: 20px;
  line-height: 1.5;
}
.eduman-course-text h3 a:hover {
  color: #43baff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .eduman-course-text h3 {
    font-size: 18px;
  }
}

.couse-star i {
  color: #FFB013;
  margin-right: 10px;
  font-size: 15px;
}

.eduman-course-price {
  margin-bottom: 25px;
}
.eduman-course-price span {
  color: #43baff;
  font-size: 18px;
  font-weight: 800;
  margin-right: 5px;
  margin-bottom: 5px;
}

.eduman-course-tutor {
  font-size: 15px;
  font-weight: 600;
}
.eduman-course-tutor a:hover {
  color: #43baff;
}
.eduman-course-tutor img {
  margin-right: 10px;
}

.eduman-course-footer {
  display: flex;
  justify-content: space-between;
  padding: 10px 30px;
  border-top: 1px solid #edeef2;
  position: relative;
  background-color: #ffffff;
  border-radius: 0px 0px 10px 10px;
}

.course-deteals-btn a {
  color: #43baff;
}
.course-deteals-btn a:hover {
  color: #141517;
}
.course-deteals-btn a span {
  font-weight: 700;
  font-size: 15px;
}
@media (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .course-deteals-btn a span {
    font-size: 14px;
  }
}

.course-lessson-svg span {
  font-size: 15px;
}
.course-lessson-svg::before {
  position: absolute;
  height: 100%;
  width: 1px;
  background: #edeef2;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.portfolio-button {
  float: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio-button {
    margin-top: 0;
    margin-bottom: 30px;
    float: none;
  }
}

.portfolio-button button.active {
  color: #141517;
  font-size: 16px;
}

.portfolio-button button {
  margin-left: 40px;
  position: relative;
  font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-button button {
    margin-left: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-button button {
    margin-left: 0;
    margin-right: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .portfolio-button button {
    margin-left: 0px;
    margin-right: 20px;
  }
}
.portfolio-button button:hover {
  color: #141517;
}
.portfolio-button button span::before {
  position: absolute;
  width: 31px;
  height: 1px;
  content: "";
  background: #FFB013;
  top: 50%;
  left: 35px;
  right: 0;
  border: 0;
  margin: auto;
}

.portfolio-active button {
  font-size: 16px;
  margin-left: 40px;
}

.port-red {
  position: absolute;
  top: -30px;
  left: 0;
  color: #FFB013;
  font-size: 16px;
  font-weight: 600;
  opacity: 0;
  visibility: visible;
}
@media (max-width: 575px) {
  .port-red {
    display: none;
  }
}

.portfolio-button button.active .port-red {
  opacity: 1;
  visibility: visible;
}

.swiper-pagination-bullet-active {
  width: 27px;
  border-radius: 5px;
}

.course-link-color-1 {
  color: #31bf82;
  background: #ebfcf7;
  border-radius: 5px;
  padding: 0 10px;
  height: 25px;
}

.course-link-color-2 {
  color: #6931bf;
  background: #f4eeff;
  border-radius: 5px;
  padding: 0 10px;
  height: 25px;
}

.course-link-color-3 {
  color: #319dbf;
  background: #ebf8fc;
  border-radius: 5px;
  padding: 0 10px;
  height: 25px;
}

.course-link-color-4 {
  color: #bf7831;
  background: #fffaf1;
  border-radius: 5px;
  padding: 0 10px;
  height: 25px;
}

.course-link-color-5 {
  color: #bf315c;
  background: #ffeff1;
  border-radius: 5px;
  padding: 0 10px;
  height: 25px;
}

.course-link-color-1:hover,
.course-link-color-2:hover,
.course-link-color-3:hover,
.course-link-color-4:hover,
.course-link-color-5:hover {
  color: #141517;
}

.port-border::before {
  position: absolute;
  content: "";
  height: 60px;
  width: 1px;
  background: #edeef2;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.academic-courses-area {
  background-color: #f4f6f9;
  z-index: 2;
}

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

.academic-thumb {
  overflow: hidden;
}
.academic-thumb:hover img {
  transform: scale3d(1.1, 1.1, 1.1);
  overflow: hidden;
}
.academic-thumb img {
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
  width: 100%;
}

.academic-content {
  padding: 20px 40px 30px 40px;
  box-shadow: 0px 10px 40px rgba(28, 51, 84, 0.07);
  background-color: #ffffff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .academic-content {
    padding: 20px 25px 30px 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .academic-content {
    padding: 20px 25px 30px 25px;
  }
}

.academic-shape {
  position: absolute;
  bottom: -11%;
  left: -27%;
  z-index: -1;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .academic-shape {
    display: none;
  }
}

.academic-shape-2 {
  position: absolute;
  right: 0;
  z-index: -1;
  top: 0px;
}

.academic-body {
  margin-bottom: 30px;
}
.academic-body p {
  font-size: 15px;
}

.academic-content-header h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.5;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .academic-content-header h3 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .academic-content-header h3 {
    font-size: 20px;
  }
}
@media (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .academic-content-header h3 {
    font-size: 18px;
  }
}
.academic-content-header h3:hover {
  color: #43baff;
}

.academic-tutor {
  margin-bottom: 20px;
}
.academic-tutor img {
  margin-right: 10px;
}
.academic-tutor a {
  font-size: 15px;
  font-weight: 600;
  color: #141517;
}
.academic-tutor a:hover {
  color: #43baff;
}

.academic-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
  flex-wrap: wrap;
  gap: 15px;
}
.academic-footer span {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}

.course-wrapper-2 {
  padding: 0px 0px 0px 0px;
  position: relative;
}
.course-wrapper-2:hover .course-cart {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 575px) {
  .course-wrapper-2:hover .course-cart {
    opacity: 0;
    visibility: hidden;
  }
}
.course-wrapper-2:hover .student-course-img img {
  transform: scale3d(1.1, 1.1, 1.1);
}

.student-course-img {
  margin-bottom: 15px;
  overflow: hidden;
  border-radius: 8px;
}

.student-course-linkter {
  display: flex;
  margin-bottom: 10px;
  justify-content: space-between;
}

.coursee-clock {
  display: flex;
  align-items: center;
}
.coursee-clock span {
  font-size: 14px;
}

.portfolio-price {
  display: flex;
  align-items: center;
}
.portfolio-price span {
  color: #43baff;
  font-weight: 900;
  font-size: 16px;
  text-transform: uppercase;
}
.portfolio-price del {
  margin-left: 10px;
  color: #575757;
  font-weight: 600;
}

.portfolio-course-wrapper {
  margin-bottom: 15px;
}

.student-course-text h3 {
  font-size: 18px;
  line-height: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .student-course-text h3 {
    font-size: 16px;
  }
}
.student-course-text h3 a:hover {
  color: #43baff;
}

.course-creadit {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.course-creadit span {
  font-size: 14px;
}

.coursee-clock i {
  margin-right: 6px;
  line-height: 1;
}

.course-creadit i {
  margin-right: 6px;
  line-height: 1;
}

.course-network span {
  font-size: 14px;
}

.course-main-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.hero-arera.course-item-height {
  min-height: 350px;
  align-items: center;
  display: flex;
  position: relative;
  z-index: 2;
}
.hero-arera.course-item-height::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: #141517;
  opacity: 0.7;
  z-index: -1;
}

.bar-secrch-icon input {
  height: 60px;
  padding: 0 40px;
  font-size: 14px;
  color: #141517;
  outline: none;
  border: 1px solid #edeef2;
  min-width: 420px;
  background-color: #ffffff;
  border-radius: 3px;
}
@media (max-width: 575px) {
  .bar-secrch-icon input {
    min-width: 100%;
  }
}
.bar-secrch-icon input ::placeholder {
  color: #a4a7af;
}

.course-tab-btn ul {
  display: flex;
  gap: 10px;
  margin-right: 10px;
}

.course-result-number {
  font-weight: 700;
}

.course-result-showing {
  font-weight: 700;
}

.curse-tab-left-wrap {
  display: flex;
  grid-gap: 10px;
  align-items: center;
  line-height: 1;
  margin: 10px 0;
}

.course-result h5 {
  color: #141517;
  margin-bottom: 0;
}
.course-result span {
  color: #575757;
}

.course-sidebar-wrapper {
  display: flex;
  justify-content: space-between;
  border: 1px solid #edeef2;
  padding: 8px 20px;
  align-items: center;
  border-radius: 3px;
  flex-wrap: wrap;
  gap: 10px;
}

.course-sidebar-tab {
  flex-grow: 1;
}

.bar-secrch-icon button {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  color: #a4a7af;
  font-size: 14px;
}

.bar-filter {
  border: 1px solid #edeef2;
  padding: 15px 30px;
  display: flex;
  gap: 10px;
  justify-content: space-around;
  align-items: center;
  border-radius: 3px;
}
.bar-filter span {
  color: #141517;
  font-weight: 600;
  margin-right: 5px;
}
.bar-filter i {
  line-height: 0;
  font-size: 19px;
  color: #141517;
}

.course-sidebar-info ul li {
  margin-bottom: 10px;
}

.course-drop-inner .nice-select {
  float: none;
  display: inline-block;
  float: none;
  background: #f7f7f9;
  border: 0;
  width: 180px;
  height: 40px;
}
.course-drop-inner .nice-select::after {
  width: 7px;
  height: 7px;
  border-color: #575757;
}

.course-drop-inner .nice-select span {
  color: #575757;
}

.course-sidebar-info {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.course-sidebar-info::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  color: #575757;
  cursor: pointer;
  transform: rotate(-180deg);
}

.edu-check-star i.fal {
  color: #ccc;
  font-size: 15px;
}

.edu-check-star i.fas {
  color: #ffb013;
  font-size: 13px;
}

.course-sidebar-widget {
  border: 1px solid #edeef2;
  padding: 28px 30px 20px 30px;
  background: #ffffff;
  border-radius: 5px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .course-sidebar-widget {
    padding: 28px 20px 20px 20px;
  }
}

.course-sidebar-info h3 {
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.edu-pagination ul {
  display: flex;
  align-items: center;
}
.edu-pagination li {
  margin-right: 15px;
}
.edu-pagination li:hover a {
  color: #43baff;
  font-weight: 600;
}
.edu-pagination i {
  height: 45px;
  width: 45px;
  background: #ffffff;
  line-height: 43px;
  text-align: center;
  border-radius: 50%;
  color: #575757;
  font-size: 20px;
  border: 1px solid #edeef2;
  font-weight: 400;
  transition: 0.3s;
}
.edu-pagination i:hover {
  border-color: #43baff;
  background: #43baff;
  color: #ffffff;
}

.edu-pagination ul li.active a {
  color: #43baff;
  font-weight: 600;
}

.course-sidebar-list input[type=checkbox] {
  border: 1px solid #edeef2;
  border-radius: 2px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: relative;
  top: 5px;
  font-size: 15px;
  margin-right: 8px;
}

.course-sidebar-list input[type=checkbox]:checked {
  border: none;
  background-color: #43baff;
  color: #ffffff;
}

.course-sidebar-list input[type=checkbox]:checked::before {
  position: absolute;
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  line-height: 16px;
  top: 0;
  left: 2px;
}

.course-sidebar-list input[type=radio] {
  border: 1px solid #edeef2;
  border-radius: 9px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: relative;
  top: 5px;
  font-size: 15px;
  margin-right: 8px;
}

.course-sidebar-list input[type=radio]:checked::before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 5 Pro";
  top: 4px;
  left: 4px;
  height: 8px;
  width: 8px;
  background: #43baff;
  border-radius: 50%;
}

.edu-check-label {
  cursor: pointer;
}

.protfolio-course-2-wrapper {
  box-shadow: 0px 10px 30px rgba(24, 44, 74, 0.07);
  background: #ffffff;
  position: relative;
}

.protfolio-course-2-wrapper:hover .course-cart {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 575px) {
  .protfolio-course-2-wrapper:hover .course-cart {
    opacity: 0;
    visibility: hidden;
  }
}
.protfolio-course-2-wrapper:hover .student-course-img img {
  transform: scale3d(1.1, 1.1, 1.1);
}

.student-course-img img {
  width: 100%;
}

.portfolio-course-2 {
  padding: 5px 0;
}

.portfolio-course-2 h3 {
  font-size: 17px;
  line-height: 27px;
}

.portfolio-course-2-content {
  padding: 0 20px;
}

.course-2-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  border-top: 1px solid #edeef2;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .course-2-footer i {
    font-size: 14px;
    margin-right: 4px;
  }
}

.course-detalis-area {
  margin-top: -60px;
  position: relative;
  z-index: 5;
}
@media (max-width: 575px) {
  .course-detalis-area {
    margin-top: 0;
    padding-top: 110px;
  }
}

.course-detalis-wrapper {
  padding: 40px 30px 0 30px;
  background: #ffffff;
  border-radius: 5px;
}
@media (max-width: 575px) {
  .course-detalis-wrapper {
    padding: 0;
  }
}

.course-heading h2 {
  margin-bottom: 15px;
  font-size: 36px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course-heading h2 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .course-heading h2 {
    font-size: 24px;
  }
}

.course-star {
  display: flex;
}
.course-star span {
  margin-left: 10px;
  color: #575757;
  font-size: 15px;
  font-weight: 600;
}
.course-star ul li {
  margin-right: 5px;
}
.course-star ul i {
  font-size: 13px;
}
.course-star ul i.fas {
  color: #FFB013;
}
.course-star ul i.fal {
  color: #ccc;
}

.course-meta-wrapper {
  display: flex;
  align-items: center;
}

.course-meta-text {
  margin-left: 15px;
}
.course-meta-text span {
  display: block;
  font-size: 14px;
}

.course-meta-img img {
  width: 50px;
  height: 50px;
  border: 3px solid #ffffff;
  box-shadow: 0px 3px 10px rgba(17, 32, 81, 0.08);
  border-radius: 50%;
}

.course-detelis-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
  padding: 20px 0 20px 0;
  border-top: 1px solid #edeef2;
  border-bottom: 1px solid #edeef2;
  align-items: center;
}

.course-leranm-tittle h3 {
  margin-bottom: 15px;
}

.course-Enroll span {
  display: block;
  font-weight: 700;
  color: #141517;
}
.course-Enroll p {
  font-size: 14px;
  margin-bottom: 0px;
}

.course-update span {
  display: block;
  font-weight: 700;
  color: #141517;
}
.course-update p {
  font-size: 14px;
  margin-bottom: 0px;
}

.course-category span {
  display: block;
  font-weight: 700;
  color: #141517;
}
.course-category p {
  font-size: 14px;
  margin-bottom: 0px;
}

.border-line-meta {
  position: relative;
}
.border-line-meta:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 40px;
  background: #edeef2;
  right: -45px;
  top: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .border-line-meta:before {
    right: -35px;
    top: 6px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .border-line-meta:before {
    right: -70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .border-line-meta:before {
    right: -25px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .border-line-meta:before {
    display: none;
  }
}

.course-learn-wrapper {
  padding: 30px 30px 10px;
  background: #f5f8ff;
  border: 1px solid #edeef2;
  border-radius: 5px;
}

.course-requirements h4 {
  margin-bottom: 20px;
}

.course-curriculam h4 {
  margin-bottom: 20px;
}

.course-leran-text ul li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 15px;
}
.course-leran-text ul li::before {
  position: absolute;
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  left: 0px;
  color: #43baff;
}

.instructors-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 15px;
  gap: 20px;
}
.instructors-heading .instructors-img {
  width: 100px;
}

.course-instructors {
  padding: 25px 30px 25px 30px;
  background: #fcfdff;
  border: 1px solid #edeef2;
  border-radius: 5px;
}

.instructors-img img {
  margin-bottom: 5px;
}

.course-instructors h3 {
  margin-bottom: 20px;
  text-transform: capitalize;
}

.intructors-content p {
  margin-bottom: 0;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .instructors-body {
    margin-bottom: 10px;
  }
}
.instructors-body h5 {
  margin-bottom: 0px;
}

.intructors-review {
  padding: 4px 0 10px;
}
.intructors-review i {
  color: #FFB013;
  font-size: 13px;
}

.instructors-footer span {
  margin-right: 25px;
}
.instructors-footer i {
  margin-right: 5px;
}

.student-feedback h3 {
  margin-bottom: 25px;
  font-size: 20px;
}

.rating-point-wrapper {
  padding: 20px 20px 20px 20px;
  border: 1px solid #edeef2;
  border-radius: 5px;
}

.rating-star i {
  color: #FFB013;
  font-size: 15px;
}
.rating-star i.fal {
  color: #ccc;
}

.rating-point-wrapper h2 {
  color: #FFB013;
  font-size: 65px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 15px;
}

.reating-icon i {
  color: #FFB013;
}

.rating-point-wrapper span {
  font-weight: 600;
}

.course-detalis-reviews-tittle h3 {
  margin-bottom: 25px;
}

.course-review-item {
  display: flex;
  align-items: normal;
}

.course-review-list {
  margin-left: 20px;
}
.course-review-list span {
  color: #141517;
  margin-left: 10px;
  font-size: 14px;
  font-weight: 400;
}

.course-start-icon {
  margin-bottom: 10px;
}
.course-start-icon i {
  color: #FFB013;
  font-size: 13px;
}

.course-video-thumb {
  position: relative;
  margin-bottom: 30px;
}

.sidber-video-btn a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  bottom: 0;
  height: 70px;
  width: 70px;
  background: #ffffff;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  font-size: 16px;
  color: #df2020;
  animation: pulse 2s infinite;
}

.course-widget-wrapper {
  padding: 30px 30px 30px 30px;
  box-shadow: 0px 10px 30px rgba(28, 51, 84, 0.08);
  border: 1px solid #edeef2;
  background-color: #ffffff;
  border-radius: 5px;
}

.course-vide-icon {
  display: flex;
  align-items: center;
}
.course-vide-icon i {
  line-height: 1;
  margin-right: 15px;
}

.course-video-body ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
}

.course-video-price span {
  font-size: 30px;
  color: #141517;
  font-weight: 900;
}

.course-video-body {
  padding: 40px 0 45px 0;
}

.course-video-body ul li {
  padding-bottom: 12px;
  border-bottom: 1px solid #edeef2;
  margin-bottom: 12px;
  line-height: 1;
}
.course-video-body ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.course-gift {
  display: flex;
  justify-content: center;
  gap: 40px;
}

.video-wishlist {
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.course-apply-coupon a {
  color: #43baff;
  font-weight: 700;
}
.course-apply-coupon a:hover {
  color: #FFB013;
}

.course-apply-coupon {
  position: relative;
}
.course-apply-coupon:hover::before {
  background-color: #FFB013;
}
.course-apply-coupon:before {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: #43baff;
  bottom: 0;
}

.course-gift-coupon {
  position: relative;
}
.course-gift-coupon:hover::before {
  background-color: #43baff;
}
.course-gift-coupon:before {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: #161b1c;
  bottom: 0;
}

.course-gift-coupon a {
  color: #141517;
  font-weight: 700;
}
.course-gift-coupon a:hover {
  color: #43baff;
}

.course-curriculum-info h4 {
  display: inline-block;
  margin-left: 10px;
}

.course-curriculam-accodion .accordion-body {
  padding: 0;
  border: 0;
  color: #c1c7d2;
}

.course-curriculam-accodion .accordion-button:before {
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  color: #575757;
  background: none;
  flex-shrink: 0;
  margin-right: 10px;
}

.course-curriculam-accodion .accordion-button:not(.collapsed):before {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  color: #575757;
  background: none;
  flex-shrink: 0;
  transform: rotate(180deg);
}

.course-curriculam-accodion .accordion-button::after {
  display: none;
  transform: rotate(180deg);
}

.course-curriculam-accodion .course-curriculum-content {
  padding: 10px 20px;
  border: 0;
}

.course-curriculam-accodion .accordion-button:focus {
  z-index: 3;
  border: 1px solid #edeef2;
  outline: none;
  box-shadow: none;
  background: #ffffff;
}

.course-curriculam-accodion .accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 575px) {
  .course-curriculam-accodion .accordion-header {
    flex-direction: column;
    align-items: self-start;
    gap: 5px;
  }
}

.course-curriculam-accodion .accordion-header span {
  color: #141517;
  font-size: 16px;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
  text-align: left;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .course-curriculam-accodion .accordion-header span {
    font-size: 15px;
  }
}

.course-curriculam-accodion .accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: #ffffff;
}

.course-curriculam-accodion .accordion-tittle h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}

.course-curriculam-accodion .accordion-tittle-inner span {
  color: #141517;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
}

.course-curriculam-accodion .course-curriculum-info {
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  .course-curriculam-accodion .course-curriculum-info {
    margin-bottom: 10px;
  }
}
.course-curriculam-accodion .course-curriculum-info h4 {
  color: #575757;
  font-size: 15px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
}

.course-curriculam-accodion .course-curriculum-meta {
  display: flex;
  align-items: center;
  line-height: 0;
  gap: 10px;
}

.rating-row {
  display: flex;
  gap: 30px;
  justify-content: space-between;
  align-items: center;
}

.rating-row .progress {
  flex-grow: 1;
}

.student-reating-bar .progress {
  display: flex;
  height: 6px;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

#review-box {
  display: none;
}

/*----------

19. instructor style

----------*/
.step-journey-box {
  padding-left: 190px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .step-journey-box {
    padding-left: 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .step-journey-box {
    padding-left: 60px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .step-journey-box {
    padding-left: 0;
  }
}

.step-journey-content h4 {
  margin-bottom: 15px;
  font-size: 18px;
}

.nav-tabs.step-journey {
  border-bottom: 1px solid #edeef2;
}

.nav-tabs.step-journey .nav-link {
  font-size: 20px;
  color: #7e7e7e;
  padding-bottom: 10px;
  font-weight: 600;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .nav-tabs.step-journey .nav-link {
    margin-bottom: 15px;
  }
}

.nav-tabs.step-journey .nav-item.show .nav-link,
.nav-tabs.step-journey .nav-link.active {
  color: #141517;
  font-weight: 600;
}

.step-journey .nav-link {
  position: relative;
  margin-bottom: -1px;
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0 0;
  margin-right: 50px;
}

.step-journey .nav-link:before {
  position: absolute;
  height: 3px;
  width: 100%;
  background: #43baff;
  content: "";
  left: 0;
  opacity: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
}

.step-journey .nav-link.active::before {
  opacity: 1;
  visibility: visible;
}

.step-journey .nav-link::after {
  position: absolute;
  width: 13px;
  height: 5px;
  background: #43baff;
  content: "";
  bottom: -5px;
  left: 0;
  right: 0;
  margin: auto;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .step-journey .nav-link::after {
    display: none;
  }
}

.step-journey .nav-link.active::after {
  opacity: 1;
  visibility: visible;
}

.srep-journey-content {
  margin-bottom: 25px;
}
.srep-journey-content h4 {
  font-size: 18px;
  margin-bottom: 15px;
}

.step-journey-thumb {
  padding-left: 50px;
}
.step-journey-thumb img {
  max-width: 100%;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .step-journey-thumb {
    padding-left: 0;
  }
}

.become-intructor-area {
  background-color: #f4f6f9;
}

.become-intructor-text h2 {
  font-size: 36px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .become-intructor-text h2 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .become-intructor-text h2 {
    font-size: 28px;
  }
}
@media (max-width: 575px) {
  .become-intructor-text h2 {
    font-size: 26px;
  }
}
.become-intructor-text p {
  margin-bottom: 40px;
}

.member-social ul {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.member-social ul li {
  display: inline-block;
}
.member-social ul li a {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 13px;
  text-align: center;
  border: 1px solid #edeef2;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #a6b9cc;
  -webkit-transform: 0.3s;
  -moz-transform: 0.3s;
  -ms-transform: 0.3s;
  transform: 0.3s;
}
.member-social ul li a:hover {
  background: #43baff;
  border-color: #43baff;
  color: #ffffff;
}

.member-main-wrapper {
  box-shadow: 0px 10px 40px rgba(28, 51, 84, 0.08);
  background-color: transparent;
  border-radius: 8px;
  border: 1px solid #edeef2;
}

.member-item .member-thumb {
  margin-bottom: 20px;
  width: 150px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  border-radius: 50%;
}

.member-thumb img {
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}

.member-item:hover .member-thumb img {
  transform: scale3d(1.1, 1.1, 1.1);
}

.member-content span {
  margin-bottom: 20px;
  display: block;
  font-weight: 400;
}
.member-content h4 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 5px;
}

.member-body {
  border-bottom: 1px solid #edeef2;
}

.member-item {
  padding: 30px 30px 30px 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .member-item {
    padding: 30px 20px 30px 20px;
  }
}

.member-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .member-meta {
    padding: 10px 15px;
    flex-wrap: wrap;
  }
}

.member-reating i {
  margin-right: 6px;
  color: #FFB013;
  font-size: 13px;
}

.member-course i {
  margin-right: 10px;
  font-size: 15px;
}

.course-details-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #edeef2;
  border-bottom: 1px solid #edeef2;
  padding: 18px 0;
  flex-wrap: wrap;
  gap: 30px;
}

.course-instructors-img {
  background-color: #F6F8FB;
  padding: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course-instructors-img {
    padding: 15px;
  }
}
.course-instructors-img img {
  width: 100%;
}
.course-instructors-img ul {
  display: inline-block;
  text-align: left;
}
.course-instructors-img ul li {
  margin-bottom: 3px;
}
.course-instructors-img ul li a {
  color: #575757;
}
.course-instructors-img ul li a:hover {
  color: #43baff;
}
.course-instructors-img ul li a i {
  font-size: 16px;
  color: #43baff;
  display: inline-block;
  margin-right: 4px;
  transform: translateY(1px);
  min-width: 16px;
}

.instructor-rating-star {
  min-width: 80px;
}

.course-details-tittle h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
}

.total-course {
  position: relative;
}
.total-course span {
  display: block;
  margin-bottom: 0px;
}
.total-course:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 42px;
  background: #edeef2;
  right: -65%;
  top: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .total-course:before {
    right: -40%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .total-course:before {
    right: -35%;
  }
}
@media (max-width: 575px) {
  .total-course:before {
    display: none;
  }
}

.student.course {
  position: relative;
}
.student.course label {
  color: #141517;
  font-size: 18px;
  font-weight: 700;
}
.student.course:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 40px;
  background: #edeef2;
  right: -90%;
  top: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .student.course:before {
    right: -65%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .student.course:before {
    right: -50%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .student.course:before {
    right: -40%;
  }
}
@media (max-width: 575px) {
  .student.course:before {
    display: none;
  }
}

.share-btn i {
  color: #141517;
}

.student.course span {
  display: block;
  margin-bottom: 0px;
}

.total-course label {
  font-size: 18px;
  font-weight: 700;
  color: #141517;
}

.review-course-inner ul li i {
  margin-right: 6px;
  color: #FFB013;
  font-size: 13px;
}

.review-course-inner p {
  color: #141517;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0px;
}

.course-bio-text h3 {
  font-size: 20px;
  margin-bottom: 15px;
}

/*----------

20. about style

----------*/
.about-shape {
  position: absolute;
  top: 15%;
  right: 2%;
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about-shape {
    display: none;
  }
}

.about-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
}

.about-shape-2 {
  position: absolute;
  top: 5%;
  left: 6%;
  z-index: -11;
}

.about-shape-3 {
  position: absolute;
  top: 5%;
  left: -30px;
  z-index: -11;
}

.about-main-img {
  padding-left: 108px;
}

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

.affiliates-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 60px 140px;
}

.content-error-area {
  border-top: 1px solid #edeef2;
}

.error-thumb img {
  margin-bottom: 40px;
  max-width: 100%;
}

.error-btn {
  margin-top: 35px;
}

.rating-star i {
  color: #ccc;
}

.rating-star i {
  font-size: 13px;
}
.rating-star i.fas {
  color: #FFB013;
}

.know-us-border {
  border-top: 1px solid #edeef2;
}

.signin-area-wrapper {
  display: flex;
}

.sign-up-wrapper {
  display: flex;
}

.signup-wrapper {
  position: relative;
}
.signup-wrapper input {
  width: 100%;
  height: 55px;
  background: #f5f5f5;
  border: 0;
  border-radius: 4px;
  margin-bottom: 30px;
  display: flex;
  padding: 10px 20px;
  outline: none;
  color: #575757;
  font-size: 16px;
}

.signup-input-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .signup-input-wrapper {
    display: inherit;
  }
}

.signup-input-wrapper input {
  width: 100%;
  height: 55px;
  background: #f5f5f5;
  border: 0;
  border-radius: 4px;
  margin-bottom: 30px;
  display: flex;
  padding: 10px 20px;
  outline: none;
  color: #575757;
  font-size: 16px;
}

.sign-check a {
  color: #43baff;
  font-weight: 700;
  text-decoration: underline;
}
.sign-check a:hover {
  color: #141517;
}

.signup-box {
  background: #f5f5f5;
  padding: 45px 30px;
}

.signup-thumb img {
  max-width: 100%;
}

.signup-form-wrapper {
  padding: 45px 30px 0px 30px;
  background: #ffffff;
}

.signup-action {
  margin-bottom: 25px;
}

.sign-button .sign-btn,
.sing-buttom button {
  height: 55px;
  background: #43baff;
  text-align: center;
  line-height: 55px;
  color: #ffffff;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  transition: 0.3s;
  display: block;
  width: 100%;
}
.sign-button .sign-btn:hover,
.sing-buttom button:hover {
  color: #141517;
  background: #FFB013;
}

.registered.wrapper {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.forget-password a:hover {
  color: #43baff;
}

.not-register a:hover {
  color: #141517;
}

.acount-login {
  margin-bottom: 30px;
}
.acount-login a {
  font-weight: 600;
  color: #43baff;
  margin-left: 5px;
  text-decoration: underline;
}
.acount-login a:hover {
  color: #141517;
}

.sign-social {
  position: relative;
  z-index: 2;
  margin-bottom: 25px;
}
.sign-social span {
  background: #ffffff;
  display: inline-block;
  padding: 0 10px;
}
.sign-social:before {
  position: absolute;
  height: 1px;
  background: #edeef2;
  content: "";
  width: 100%;
  top: 15px;
  left: 0;
  z-index: -1;
}

.sign-social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 19px;
}

.signup-text h3 {
  font-size: 28px;
  margin-bottom: 106px;
}

.signup-message img {
  max-width: 100%;
  margin-bottom: 5px;
}

.not-register a {
  font-weight: 600;
  color: #43baff;
  text-decoration: revert;
  margin-left: 5px;
}

.sign-gmail {
  border: 1px solid #edeef2;
  padding: 10px 20px;
  border-radius: 4px;
}
.sign-gmail a {
  font-weight: 600;
}
.sign-gmail a:hover {
  color: #141517;
}
.sign-gmail svg {
  height: 20px;
  margin-right: 5px;
  transform: translateY(-2px);
}

.sign-facebook {
  border: 1px solid #edeef2;
  padding: 10px 20px;
  border-radius: 4px;
}
.sign-facebook a {
  font-weight: 600;
}
.sign-facebook a:hover {
  color: #141517;
}
.sign-facebook svg {
  height: 20px;
  margin-right: 5px;
  transform: translateY(-2px);
}

.signin-area {
  position: fixed;
  z-index: 1008;
  top: 60px;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: none;
  max-width: 900px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .signin-area {
    max-width: 360px;
  }
}

.signin-area.open {
  display: inline-block;
}

.signin-area-wrapper > :nth-child(2) {
  flex: 0 0 calc(100% - 360px);
}

@media (min-width: 992px) and (max-width: 1199px) {
  .signin-area-wrapper > *:nth-child(1) {
    flex: 0 0 360px;
  }

  .signin-area-wrapper > :nth-child(2) {
    flex: 0 0 calc(100% - 360px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .signin-area-wrapper {
    max-width: 750px;
    max-height: 530px;
    transform: none;
    overflow: auto;
    overflow-y: auto;
    display: inline-block;
  }

  .signin-area.open {
    display: flex;
    justify-content: center;
  }

  .signin-area-wrapper > * {
    flex: 0 0 100% !important;
  }
}
@media (max-width: 767px) {
  .signin-area-wrapper {
    max-width: 750px;
    max-height: 530px;
    transform: none;
    overflow: auto;
    overflow-y: auto;
    display: inline-block;
  }

  .signin-area.open {
    display: flex;
    justify-content: center;
  }

  .signin-area-wrapper > * {
    flex: 0 0 100% !important;
  }
}
.signup-area {
  position: fixed;
  z-index: 99999;
  top: 60px;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: none;
  max-width: 900px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .signup-area {
    max-width: 360px;
  }
}

.signup-area.open {
  display: inline-block;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .signup-area.open {
    display: flex;
    justify-content: center;
  }
}

.sign-up-wrapper > :nth-child(2) {
  flex: 0 0 calc(100% - 360px);
}

@media (min-width: 992px) and (max-width: 1199px) {
  .sign-up-wrapper > *:nth-child(1) {
    flex: 0 0 360px;
  }

  .sign-up-wrapper > :nth-child(2) {
    flex: 0 0 calc(100% - 360px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sign-up-wrapper {
    display: flex;
    max-width: 750px;
    max-height: 530px;
    transform: none;
    overflow: auto;
    overflow-y: auto;
    overflow-y: auto;
    display: inline-block;
  }
}

.helper-text.red-text {
  position: absolute;
  bottom: -25px;
  left: 0;
  font-size: 12px;
  color: #e23;
}

/*----------

21. banner style

----------*/
.banner-area {
  background: #edeff5;
  min-height: 450px;
  position: relative;
  display: flex;
  align-items: center;
}

.banner-img {
  position: absolute;
  bottom: 0;
  right: 0;
}

@media (max-width: 575px) {
  .faq .banner-img {
    display: none;
  }
}

.banner-search-box {
  position: relative;
}

.banner-tittle h2 {
  margin-bottom: 45px;
}
@media (max-width: 575px) {
  .banner-tittle h2 {
    font-size: 28px;
  }
}

.slider-faq-search input {
  height: 70px;
  width: 100%;
  background: #ffffff;
  border: 1px solid #edeef2;
  border-radius: 5px;
  box-shadow: 0px 5px 10px rgba(15, 32, 91, 0.07);
  padding: 0 20px;
  position: relative;
  color: #707070;
  font-size: 14px;
  outline: none;
  text-transform: capitalize;
}
.slider-faq-search input::placeholder {
  color: #a5a5a5;
}

.slider-faq-search button {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translatey(-50%);
  font-size: 16px;
  color: #c1c5ce;
}

.breadcrumb-item.active {
  color: #ffffff;
}

.breadcrumb-item a {
  color: #ffffff;
}
.breadcrumb-item a:hover {
  color: #ffffff;
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  color: #ffffff;
}

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

.course-title-breadcrumb.breadcrumb-top {
  margin-top: -90px;
}

.breadcrumb-item.white-color a {
  color: #141517;
}

.breadcrumb-item.white-color::before {
  color: #141517;
}

.banner-tiitle-wrapper {
  max-width: 650px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 1;
}

/*----------

22. shop style

----------*/
.product-img {
  margin-bottom: 25px;
  overflow: hidden;
  position: relative;
}
.product-img img {
  width: 100%;
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}

.product-items {
  overflow: hidden;
}

.product-items:hover .product-img img {
  transform: scale3d(1.1, 1.1, 1.1);
}

.product-content h4 {
  font-size: 16px;
  margin-bottom: 5px;
}

.product-content span {
  color: #141517;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 5px;
}

.shop-old-price {
  font-size: 14px;
  margin-left: 10px;
}

.products-wrapper {
  display: flex;
  flex-wrap: wrap;
  column-gap: 40px;
  row-gap: 40px;
  margin-left: 40px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .products-wrapper {
    margin-left: 30px;
    column-gap: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .products-wrapper {
    column-gap: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .products-wrapper {
    margin-left: 0;
  }
}
@media only screen and (min-width: 400px) and (max-width: 575px) {
  .products-wrapper {
    column-gap: 20px;
  }
}

.products-wrapper > div {
  width: calc((100% - 120px) / 4);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .products-wrapper > div {
    width: calc((100% - 90px) / 4);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .products-wrapper > div {
    width: calc((100% - 60px) / 3);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .products-wrapper > div {
    width: calc((100% - 40px) / 2);
  }
}
@media (max-width: 575px) {
  .products-wrapper > div {
    width: calc((100% - 0px) / 1);
  }
}
@media only screen and (min-width: 400px) and (max-width: 575px) {
  .products-wrapper > div {
    width: calc((100% - 20px) / 2);
  }
}

.shop-quick-view {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: 0.3s;
}
.shop-quick-view ul {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.shop-quick-view ul li a,
.shop-quick-view ul li span {
  display: inline-block;
  width: 43px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 50%;
  transition: 0.3s;
  cursor: pointer;
}
.shop-quick-view ul li a:hover,
.shop-quick-view ul li span:hover {
  background: #43baff;
  color: #ffffff;
}
.shop-quick-view ul li a:hover i,
.shop-quick-view ul li span:hover i {
  color: #ffffff;
}
.shop-quick-view ul li a i,
.shop-quick-view ul li span i {
  color: #707070;
  font-size: 16px;
  transition: 0.3s;
}

.product-items:hover .shop-quick-view {
  opacity: 1;
  visibility: visible;
}

.cart-area .table-content table {
  background: #ffffff;
  border-color: #edeef2;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}
.cart-area .table-content .product-quantity {
  float: none;
}
.cart-area .table-content table td.product-name {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}
.cart-area .table > :not(:last-child) > :last-child > * {
  border-bottom-color: #edeef2;
}
.cart-area .table-content table td.product-name a:hover {
  color: #000;
}
.cart-area .table-content table td {
  border-top: medium none;
  padding: 20px 10px;
  vertical-align: middle;
  font-size: 16px;
}
.cart-area .table-content table th,
.cart-area .table-content table td {
  border-bottom: 1px solid #edeef2;
  border-right: 1px solid #edeef2;
}
.cart-area .table td,
.cart-area .table th {
  border-top: 1px solid #edeef2;
}
.cart-area .table-content table td.product-subtotal {
  font-size: 16px;
}
.cart-area .table-content table td .cart-plus-minus {
  float: none;
  margin: 0 auto;
}
.cart-area .coupon-all {
  margin-top: 50px;
}
.cart-area .coupon {
  float: left;
  gap: 15px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .cart-area .coupon {
    float: none;
  }
}
.cart-area #coupon_code {
  height: 50px;
  border: 1px solid #edeef2;
  padding: 0 15px;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.cart-area #coupon_code:focus {
  border-color: #000;
}
.cart-area .coupon2 {
  float: right;
}
@media (max-width: 767px) {
  .cart-area .coupon2 {
    float: none;
    margin-top: 15px;
  }
}
.cart-area .cart-page-total {
  padding-top: 50px;
}
.cart-area .cart-page-total > h2 {
  font-size: 20px;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.cart-area .cart-page-total > ul {
  border: 1px solid #edeef2;
}
.cart-area .cart-page-total > ul > li {
  list-style: none;
  font-size: 15px;
  color: #575757;
  padding: 14px 30px;
  border-bottom: 1px solid #edeef2;
  font-weight: 400;
}
.cart-area .cart-page-total ul > li > span {
  float: right;
}
.cart-area .cart-page-total li:last-child {
  border-bottom: 0;
}
.cart-area td.product-thumbnail img {
  width: 125px;
}
.cart-area .product-quantity-form {
  margin: auto;
  width: 122px;
  height: 58px;
  border: 1px solid #edeef2;
  text-align: center;
  position: relative;
  -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;
}
.cart-area .product-quantity-form:hover {
  border-color: #000;
}
.cart-area .cart-plus, .cart-area .cart-minus {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 45px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  background: transparent;
  border: none;
  outline: none;
}
.cart-area .cart-plus:hover, .cart-area .cart-minus:hover {
  cursor: pointer;
  color: #000;
  background: transparent;
}
.cart-area .cart-plus {
  left: auto;
  right: 0;
}
.cart-area .cart-input {
  height: 58px;
  width: 32px;
  text-align: center;
  font-size: 14px;
  border: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 -3px;
  padding-bottom: 4px;
  background: transparent;
}
.cart-area .cart-input:focus {
  outline: none;
}

.cart-area .coupon .edu-btn {
  height: 50px;
  line-height: 48px;
}

.cart-area .coupon2 .edu-btn {
  height: 50px;
  line-height: 48px;
}

.product-quantity a {
  white-space: nowrap;
}

.coupon-accordion h3 {
  background-color: #f6f6f6;
  border-top: 3px solid #000;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 25px;
  padding: 1em 2em 1em 3.5em;
  position: relative;
  width: auto;
}

.coupon-accordion h3::before {
  content: "\f07b";
  left: 15px;
  top: 13px;
  position: absolute;
  color: #575757;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}

.coupon-accordion span {
  color: #575757;
  cursor: pointer;
  transition: 0.3s;
  font-weight: 500;
}

.coupon-accordion span:hover,
p.lost-password a:hover {
  color: #000;
}

.coupon-content {
  border: 1px solid #edeef2;
  display: none;
  margin-bottom: 20px;
  padding: 30px;
}

.coupon-info p.coupon-text {
  margin-bottom: 15px;
}

.coupon-info p {
  margin-bottom: 0;
}

.coupon-info p.form-row-first label,
.coupon-info p.form-row-last label {
  display: block;
  color: #141517;
}

.coupon-info p.form-row-first label span.required,
.coupon-info p.form-row-last label span.required {
  color: #141517;
  font-weight: 700;
}

.coupon-info p.form-row-first input,
.coupon-info p.form-row-last input {
  border: 1px solid #edeef2;
  height: 55px;
  line-height: 55px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.coupon-info p.form-row-first input:focus,
.coupon-info p.form-row-last input:focus {
  border-color: #000;
}

.coupon-info p.form-row input[type=submit]:hover,
p.checkout-coupon input[type=submit]:hover {
  background: #3e976c none repeat scroll 0 0;
}

.coupon-info p.form-row input[type=checkbox] {
  position: relative;
  top: 2px;
}

.form-row > label {
  margin-top: 15px;
  margin-left: 15px;
  color: #575757;
}

.buttons-cart input,
.coupon input[type=submit],
.buttons-cart a,
.coupon-info p.form-row input[type=submit] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

p.lost-password {
  margin-top: 15px;
}

p.lost-password a {
  color: #6f6f6f;
}

p.checkout-coupon input[type=text] {
  height: 55px;
  line-height: 55px;
  padding: 0 20px;
  width: 100%;
  border: 1px solid #edeef2;
  margin-bottom: 15px;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
p.checkout-coupon input[type=text]:focus {
  border-color: #edeef2;
}

.coupon-checkout-content {
  display: none;
}

.checkbox-form .ship-different-title {
  border-bottom: 1px solid #edeef2;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.country-select {
  margin-bottom: 30px;
  position: relative;
}

.country-select select {
  width: 100%;
  background-color: transparent;
  border: 1px solid #edeef2;
  padding: 0 10px;
  height: 50px;
}

.country-select label,
.checkout-form-list label {
  color: #141517;
  display: block;
  margin: 0 0 5px;
}

.country-select label span.required,
.checkout-form-list label span.required {
  color: #141517;
}

.country-select .nice-select {
  border: 1px solid #edeef2;
  height: 55px;
  line-height: 55px;
  padding-left: 20px;
  width: 100%;
  color: #575757;
  margin-bottom: 20px;
}

.country-select .nice-select .list {
  width: 100%;
}

.checkout-form-list {
  margin-bottom: 30px;
}

.checkout-form-list label {
  color: #141517;
}

.checkout-form-list input[type=text],
.checkout-form-list input[type=password],
.checkout-form-list input[type=email] {
  background: #ffffff;
  border: 1px solid #edeef2;
  border-radius: 0;
  height: 55px;
  line-height: 55px;
  padding: 0 0 0 20px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.checkout-form-list input[type=text]:focus,
.checkout-form-list input[type=password]:focus,
.checkout-form-list input[type=email]:focus {
  border-color: #edeef2;
}

.checkout-form-list input[type=text]::-moz-placeholder,
.checkout-form-list input[type=password]::-moz-placeholder,
.checkout-form-list input[type=email]::-moz-placeholder {
  color: #575757;
  opacity: 1;
}

.checkout-form-list input[type=text]::placeholder,
.checkout-form-list input[type=password]::placeholder,
.checkout-form-list input[type=email]::placeholder {
  color: #575757;
  opacity: 1;
}

.checkout-form-list input[type=checkbox] {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 1px;
}

.create-acc label {
  color: #575757;
  display: inline-block;
}

.create-account {
  display: none;
}

.ship-different-title label {
  display: inline-block;
  margin-right: 10px;
}

.order-notes textarea {
  border: 1px solid #edeef2;
  height: 90px;
  padding: 15px;
  width: 100%;
  resize: none;
  padding-left: 20px;
}

.order-notes textarea::-moz-placeholder {
  color: #575757;
  opacity: 1;
}

.order-notes textarea::placeholder {
  color: #575757;
  opacity: 1;
}

#ship-box-info {
  display: none;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-default > .panel-heading {
  border-radius: 0;
}

.your-order {
  padding: 30px 40px 45px;
  border: 2px solid #edeef2;
}

@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}
.your-order h3 {
  border-bottom: 1px solid #edeef2;
  font-size: 24px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.your-order-table table {
  background: none;
  border: 0;
  width: 100%;
}

.your-order-table table th,
.your-order-table table td {
  border-bottom: 1px solid #edeef2;
  border-right: medium none;
  color: #575757;
  font-size: 16px;
  padding: 15px 0;
  text-align: left;
}

@media (max-width: 767px) {
  .your-order-table table th,
.your-order-table table td {
    padding-right: 10px;
  }
}
.your-order-table table th {
  border-top: medium none;
  color: #141517;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}

.panel-body > p {
  color: #222;
}

.your-order-table table .shipping ul li input {
  position: relative;
  top: 2px;
}

.your-order-table table .shipping ul li label {
  color: #575757;
}

.your-order-table table .shipping th {
  vertical-align: top;
}

.your-order-table table .order-total th {
  border-bottom: 0;
}

.your-order-table table .order-total td {
  border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
  background: #f9f9f9;
}

.your-order-table table tr.order-total td span {
  color: #000;
  font-size: 18px;
  font-weight: 500;
}

.payment-method {
  margin-top: 40px;
}
.payment-method .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.payment-method .accordion-item {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #edeef2;
}
.payment-method .accordion-button {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  padding: 23px 0;
  border: none;
}
.payment-method .accordion-button:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.payment-method .accordion-button::after {
  position: absolute;
  content: "\f067";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  font-weight: 400;
  margin-left: 0;
  background-image: none;
}
.payment-method .accordion-button:not(.collapsed) {
  color: #000;
  background-color: #ffffff;
  box-shadow: none;
}
.payment-method .accordion-button:not(.collapsed)::after {
  content: "\f068";
}
.payment-method .accordion-body {
  padding: 8px 0;
  padding-bottom: 40px;
}
.payment-method .accordion-collapse {
  border: none;
}

.panel-title > a {
  display: block;
}

.order-button-payment input {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  height: 40px;
  margin: 0px 0 0;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.order-button-payment input:hover {
  background: #3e976c none repeat scroll 0 0;
}

.payment-method .btn-link {
  user-select: none;
  -moz-user-select: none;
  background: no-repeat;
  border: medium none;
  border-radius: 0;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 0;
  padding: 3px 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}

.payment-method .card {
  background-color: #ffffff;
  border: 1px solid #edeef2;
  border-radius: 0;
  margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
  border: 1px solid #edeef2;
}

.card-header:first-child {
  border-radius: 0;
}

.payment-method .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid #edeef2;
}

.order-button-payment button {
  width: 100%;
}

.product-details-img {
  margin-right: 50px;
}
@media (max-width: 575px) {
  .product-details-img {
    margin-right: 0;
  }
}
.product-details-img img {
  width: 100%;
}

.product-side-info .product-name {
  font-size: 36px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .product-side-info .product-name {
    font-size: 28px;
  }
}

.product-side-info .product-price {
  font-size: 20px;
  font-weight: 700;
  color: #43baff;
}

.product-side-info p {
  margin-top: 30px;
  margin-bottom: 40px;
}

.product-quantity-cart {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.product-quantity-cart .cart-minus {
  height: 55px;
  width: 55px;
  border: none;
}

.product-quantity-form .cart-plus {
  height: 55px;
  width: 55px;
  border: none;
}

.product-quantity-cart .cart-input {
  height: 55px;
  width: 55px;
  border: none;
}

.product-quantity-cart .product-quantity-form {
  border: 1px solid #edeef2;
  border-radius: 4px;
}

.comment-title h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
}

.comment-title p {
  color: #454545;
}

.comment-rating span {
  font-size: 15px;
  color: #454545;
  margin-right: 5px;
}

.comment-rating ul li {
  display: inline-block;
}

.comment-rating ul li a {
  font-size: 14px;
  color: #FFB013;
}

.comment-rating ul {
  display: inline-block;
}

.comment-agree input {
  margin: 0;
  appearance: none;
  display: inline-block;
  width: 18px;
  height: 18px;
  background: transparent;
  border: 2px solid #edeef2;
  border-radius: 2px;
  outline: none;
}

.comment-agree label {
  margin-left: 5px;
  font-size: 15px;
  color: #454545;
}

.comment-agree input::placeholder {
  color: #575757;
  font-size: 14px;
  opacity: 1;
}

.comment-input input {
  height: 60px;
  width: 100%;
  background: #f8f8f9;
  border: none;
  padding: 15px 20px;
  border-radius: 4px;
  outline: 0;
}

.comment-input input::placeholder {
  color: #575757;
  font-size: 14px;
  opacity: 1;
}

.comment-textarea {
  height: 170px;
  width: 100%;
  background: #f8f8f9;
  border: none;
  padding: 15px 20px;
  border-radius: 4px;
  resize: none;
  outline: 0;
}

.comment-textarea::placeholder {
  color: #575757;
  font-size: 14px;
  opacity: 1;
}

.product-details-nav .nav-item {
  position: relative;
}

.product-details-nav .nav-item::before {
  position: absolute;
  content: "";
  width: 0%;
  height: 1px;
  background: #43baff;
  bottom: 0;
  left: 0;
  right: 0;
  transition: 0.3s;
}

.product-details-nav .nav-item.active::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #43baff;
  bottom: 0;
  left: 0;
  right: 0;
}

.product-details-nav .nav-item {
  position: relative;
  border: 0;
  padding: 10px 0;
  font-size: 16px;
  margin-right: 20px;
  font-weight: 600;
  color: #141517;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .product-details-nav .nav-item {
    font-size: 20px;
  }
}

.product-details-nav .nav-item.active {
  color: #43baff;
  font-weight: 600;
}

/*----------

23. membership style

----------*/
.membership-tittle p {
  color: #141517;
  margin-bottom: 50px;
}

.pricing-tab .nav-tabs {
  border: none;
}

.pricing-tab .nav-tabs .nav-link {
  margin-bottom: 0;
  border: 0;
}

.pricing-tab .nav .nav-item .nav-link {
  padding: 7px 60px;
  background: transparent;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  font-weight: 600;
  text-transform: capitalize;
  color: #141517;
  position: relative;
  outline: none;
  font-size: 16px;
  border: none;
  z-index: 2;
}

.pricing-tab .nav .nav-item:last-child .nav-link {
  padding-right: 0;
}

.pricing-tab .nav .nav-item:first-child .nav-link {
  padding-left: 0;
}

.pricing-tab .nav .nav-item {
  padding-left: 0px;
}

.pricing-tab .nav .nav-item .nav-link.active {
  color: #43baff;
}

.pricing-tab .nav .nav-item .nav-link.active::after {
  right: 10px;
}

.pricing-tab .nav .nav-item .nav-link::after {
  position: absolute;
  content: "";
  right: -32px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #43baff;
  z-index: 1;
}

.pricing-tab .nav .nav-item:last-child .nav-link::after {
  display: none;
}

.pricing-tab .nav .nav-item .nav-link::before {
  position: absolute;
  content: "";
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(50%);
  -moz-transform: translateY(-50%) translateX(50%);
  -ms-transform: translateY(-50%) translateX(50%);
  transform: translateY(-50%) translateX(50%);
  background: #f5f6f9;
  width: 80px;
  height: 40px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 20px;
  border: 1px solid #43baff;
}

.pricing-tab .nav .nav-item:last-child .nav-link::before {
  display: none;
}

.membership-box {
  padding: 40px 40px;
  box-shadow: 0px 10px 40px rgba(12, 29, 74, 0.08);
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #edeef2;
  overflow: hidden;
  position: relative;
  height: 480px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 575px) {
  .membership-box {
    padding: 40px 30px;
  }
}

.membership-info h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}
.membership-info span {
  font-size: 28px;
  font-weight: 900;
  color: #43baff;
}

.membership-price p {
  font-size: 15px;
  color: #141517;
}

.membership-list {
  padding: 15px 0;
}
.membership-list ul li {
  margin-bottom: 5px;
}
.membership-list ul li i {
  color: #43baff;
  margin-right: 15px;
}

.Popular-plan {
  position: absolute;
  background: #FFB013;
  top: -30px;
  right: -84px;
  font-size: 14px;
  font-weight: 600;
  color: #141517;
  text-align: center;
  padding: 62px 72px 6px;
  transform: rotate(48deg);
}

.Popular-plan span {
  width: 70px;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
}

/*----------

24. zoom-class style

----------*/
.zoom-class-main-wrapper {
  display: flex;
  border-radius: 8px;
  overflow: hidden;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .zoom-class-main-wrapper {
    display: block;
  }
}

.zoom-class-thumb {
  width: 48%;
  overflow: hidden;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .zoom-class-thumb {
    width: 100%;
  }
}
.zoom-class-thumb img {
  object-fit: cover;
  height: 100%;
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}

.zoom-class-main-wrapper:hover .zoom-class-thumb img {
  transform: scale3d(1.1, 1.1, 1.1);
}

.zoom-class-item {
  padding: 28px 30px 29px 30px;
  background: #ffffff;
  box-shadow: 0px 5px 20px rgba(12, 29, 62, 0.05);
  border-bottom: 1px solid #edeef2;
  border-right: 1px solid #edeef2;
  border-top: 1px solid #edeef2;
  width: 52%;
  border-radius: 0 8px 8px 0;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .zoom-class-item {
    border-left: 1px solid #edeef2;
    border-top: none;
    border-radius: 0 0 8px 8px;
    padding: 28px 20px 29px 20px;
    width: 100%;
  }
}

.zooom-class-tittle h3 {
  line-height: 1.5;
  margin-bottom: 27px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .zooom-class-tittle h3 {
    font-size: 20px;
  }
}
.zooom-class-tittle h3 a:hover {
  color: #43baff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .zooom-class-tittle {
    font-size: 20px;
  }
}

.class-metting {
  margin-top: 20px;
  display: block;
}
.class-metting a {
  font-weight: 700;
  color: #43baff;
  margin-left: 10px;
}

.class-list-date {
  margin-bottom: 5px;
}
.class-list-date i {
  padding-right: 10px;
  line-height: 1;
}

.class-list-length {
  margin-bottom: 5px;
}
.class-list-length i {
  padding-right: 10px;
  line-height: 1;
}

.class-list-time {
  margin-bottom: 5px;
}
.class-list-time i {
  padding-right: 10px;
  line-height: 1;
}

.sidebar-widget-details {
  padding: 30px;
  box-shadow: 0px 10px 30px rgba(28, 51, 84, 0.08);
  border: 1px solid #edeef2;
  background: #ffffff;
  border-radius: 5px;
}

.widget-detalis {
  display: flex;
  align-items: center;
}

.zoom-widget-tittle h4 {
  font-size: 20px;
}

.zoom-widget-list {
  padding: 30px 0;
}

.zoom-widget-list ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #edeef2;
  padding: 10px 0px 7px 0px;
}
.zoom-widget-list ul i {
  line-height: 1;
  margin-right: 10px;
}

.widget-detalis span {
  font-weight: 600;
  color: #141517;
}

.zoom-btn.text-center i {
  line-height: 1;
  margin-right: 10px;
}

.zoom-btn i {
  line-height: 0;
  margin-right: 10px;
  font-size: 20px;
}

.content-main-heading a {
  font-size: 15px;
  font-weight: 600;
  background: #6f19c5;
  padding: 0px 10px;
  line-height: 25px;
  color: #ffffff;
  border-radius: 5px;
  margin-bottom: 20px;
  display: inline-block;
}
.content-main-heading h2 {
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .content-main-heading h2 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .content-main-heading h2 {
    font-size: 24px;
  }
}

.contents-widget p {
  margin-bottom: 30px;
}
.contents-widget h4 {
  font-size: 18px;
  margin-bottom: 15px;
}

.objective-list ul {
  margin-bottom: 35px;
}

.sidebar-widget-wrapper {
  margin-left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sidebar-widget-wrapper {
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .event-detalis-area .sidebar-widget-wrapper {
    margin-left: 0;
  }
}

.sidebar-widget {
  border: 1px solid #edeef2;
  border-radius: 5px;
  box-shadow: 0px 10px 30px rgba(28, 51, 84, 0.08);
  background-color: #ffffff;
  max-width: 510px;
}
@media (max-width: 575px) {
  .sidebar-widget {
    max-width: 100%;
  }
}

.sidebar-widget-inner {
  padding: 35px 30px 30px 30px;
  height: 385px;
}

.edu-calender .huicalendar.huicalendar1.huicalendar2 {
  width: 100%;
  padding: 2px;
  border: 0;
  background: #ffffff;
  height: 260px;
}

.edu-calender .huicalendar.huicalendar1.huicalendar2 .week th {
  background: #ffffff;
}

.edu-calender .huicalendar.huicalendar1.huicalendar2 td.enabled {
  color: #43baff;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  background: #d5e3ff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.edu-calender .huicalendar.huicalendar1.huicalendar2 th,
.huicalendar.huicalendar1.huicalendar2 td .month {
  color: #141517;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  background: #f4f4f6;
  padding: 5px;
}

.edu-calender .huicalendar.huicalendar1.huicalendar2 td {
  color: #575757;
  cursor: auto;
  font-size: 15px;
}

.edu-calender .huicalendar.huicalendar1.huicalendar2 .left {
  position: relative;
}
.edu-calender .huicalendar.huicalendar1.huicalendar2 .left::before {
  position: absolute;
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  left: 0;
  font-weight: 400;
}

.huicalendar.huicalendar1.huicalendar2 .right {
  position: relative;
}
.huicalendar.huicalendar1.huicalendar2 .right::after {
  position: absolute;
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  left: 0;
  font-weight: 400;
}

.huicalendar.huicalendar1.huicalendar2 .left {
  background: url("") -16px 0 no-repeat;
}

.huicalendar.huicalendar1.huicalendar2 .right {
  background: url("") -32px 0 no-repeat;
}

/*----------

25. faq style

----------*/
.faq-tittle-info h3 {
  font-size: 28px;
}
@media (max-width: 575px) {
  .faq-tittle-info h3 {
    font-size: 26px;
  }
}

.faq-question-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #edeef2;
  padding: 24px 20px;
  border-radius: 4px;
  -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;
  gap: 5px;
  position: relative;
}
.faq-question-item:hover {
  background: #43baff;
  color: #ffffff;
  border-color: #43baff;
  box-shadow: 0px 40px 40px rgba(24, 44, 74, 0.1);
}
.faq-question-item a {
  font-size: 18px;
}
.faq-question-item a::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.faq-nav-tab {
  display: flex;
  justify-content: center;
  margin-top: -104px;
  position: relative;
}

.faq-nav-tab .nav-tabs .nav-item:first-child .nav-link {
  border-radius: 5px 0 0 5px;
}

.faq-nav-tab .nav-tabs .nav-item:last-child .nav-link {
  border-radius: 0 5px 5px 0;
}

.faq-nav-tab .nav-tabs {
  border-bottom: 0;
  padding: 25px 25px;
  background: #ffffff;
  border-radius: 7px;
  max-width: 410px;
}

.faq-nav-tab .nav-tabs .nav-link {
  margin-bottom: 0;
  border: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0 50px;
  height: 55px;
  background-color: #f2f4f6;
  font-size: 18px;
  font-weight: 600;
  color: #141517;
}
@media (max-width: 575px) {
  .faq-nav-tab .nav-tabs .nav-link {
    padding: 0 20px;
    font-size: 16px;
  }
}

.faq-nav-tab .nav-tabs .nav-link.active {
  background-color: #43baff;
  color: #ffffff;
}

.faqicon-arrow {
  position: relative;
}
.faqicon-arrow a {
  border: 1px solid #edeef2;
  border-radius: 5px;
  color: #8c929f;
  width: 35px;
  height: 35px;
  content: "";
  text-align: center;
  line-height: 35px;
  display: inline-block;
  font-size: 15px;
}

.faq-wrapper:hover .faqicon-arrow a {
  background-color: #1352cf;
  box-shadow: 0px 40px 40px rgba(24, 44, 74, 0.1);
}

.faq-wrapper:hover .faq-question-item a {
  border-color: transparent;
  color: #ffffff;
}

.faq-topic-title h3 {
  font-size: 28px;
}
@media (max-width: 575px) {
  .faq-topic-title h3 {
    font-size: 26px;
  }
}

.topic-items {
  background: transparent;
  border: 1px solid #edeef2;
  padding: 50px 25px 35px 25px;
  border-radius: 5px;
  -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;
}
.topic-items:hover {
  box-shadow: 0px 40px 40px rgba(24, 44, 74, 0.07);
}

.topic-wrapper:hover .topic-svg {
  transform: translateY(-10px);
}

.topic-svg {
  transition: 0.3s;
}
.topic-svg svg {
  margin-bottom: 33px;
}

.topic-content h4 {
  font-size: 20px;
  margin-bottom: 20px;
}
.topic-content p {
  margin-bottom: 0;
}

.faq-detalis-info h3 {
  font-size: 28px;
  margin-bottom: 25px;
}
@media (max-width: 575px) {
  .faq-detalis-info h3 {
    font-size: 26px;
  }
}

.faq-suppoert ul li::marker {
  background: #7a7878;
  font-size: 25px;
}

.faq-detalis-info p {
  margin-bottom: 35px;
}

.faq-suppoert p {
  margin-bottom: 23px;
}

.faq-suppoert h5 {
  font-size: 18px;
  margin-bottom: 15px;
}

.payment-method-info h5 {
  font-size: 18px;
  margin-bottom: 15px;
}

.faq-suppoert ul {
  padding-left: 60px;
  margin-bottom: 35px;
}
@media (max-width: 575px) {
  .faq-suppoert ul {
    padding-left: 20px;
  }
}
.faq-suppoert ul li {
  position: relative;
  margin-bottom: 20px;
}
.faq-suppoert ul li:last-child {
  margin-bottom: 0px;
}
.faq-suppoert ul li:before {
  position: absolute;
  top: 10px;
  left: -20px;
  content: "";
  background: #7a7878;
  height: 8px;
  width: 8px;
  border-radius: 8px;
}
.faq-suppoert ul li a {
  color: #43baff;
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
  font-weight: 600;
}

.faq-sidebar-topc {
  border: 1px solid #edeef2;
  padding: 30px 30px 40px 30px;
  background: #fcfdff;
  border-radius: 8px;
}
.faq-sidebar-topc h5 {
  margin-bottom: 25px;
  font-size: 20px;
}

.sidebar-topic-list .contact-btn {
  width: 100%;
}

.sidebar-topic-list ul {
  margin-bottom: 45px;
}
.sidebar-topic-list ul li {
  font-size: 16px;
  color: #575757;
  margin-bottom: 8px;
}
.sidebar-topic-list ul li a:hover {
  color: #43baff;
}

.payment-method-info a {
  color: #43baff;
  font-weight: 600;
}

.contact-btn {
  background: #43baff;
  border-radius: 4px;
  color: #ffffff;
  font-weight: 600;
  display: inline-block;
  text-align: center;
  height: 54px;
  line-height: 54px;
}
.contact-btn:hover {
  color: #141517;
  background: #FFB013;
}

.faq-content-wrapper {
  margin-right: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .faq-content-wrapper {
    margin-right: 0;
  }
}

/*----------

26. contact style

----------*/
.contact-from-input input {
  height: 60px;
  width: 100%;
  background: #f8f8f9;
  border: none;
  padding: 15px 20px;
  border-radius: 4px;
  outline: 0;
}

.contact-from-input textarea {
  height: 170px;
  width: 100%;
  background: #f8f8f9;
  border: none;
  padding: 15px 20px;
  border-radius: 4px;
  resize: none;
  outline: 0;
}

.support-item {
  display: flex;
  align-items: start;
  gap: 20px;
  margin-bottom: 30px;
}
.support-item:last-child {
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .support-item {
    gap: 12px;
  }
}

.support-contact {
  padding: 25px 30px 25px 30px;
  background: #f8f8f9;
  border-radius: 5px;
  border: 1px solid #f8f8f9;
}
@media (max-width: 575px) {
  .support-contact {
    padding: 25px 20px 25px 20px;
  }
}

.support-tittle h4 {
  margin-bottom: 30px;
}

.support-info-phone span {
  font-size: 18px;
  font-weight: 700;
  color: #141517;
  margin-bottom: 10px;
  display: block;
}
.support-info-phone p {
  margin-bottom: 3px;
}
.support-info-phone p a {
  color: #141517;
  font-weight: 700;
}

.support-info-email span {
  font-size: 18px;
  font-weight: 700;
  color: #141517;
  margin-bottom: 10px;
  display: block;
}

.support-info-email a {
  margin-bottom: 2px;
  display: block;
}

.support-info-location span {
  font-size: 18px;
  font-weight: 700;
  color: #141517;
  margin-bottom: 10px;
  display: block;
}

.contact-select .nice-select {
  height: 60px;
  width: 100%;
  background: #f8f8f9;
  border: none;
  padding: 15px 20px;
  line-height: 30px;
}
.contact-select .nice-select span {
  font-size: 14px;
  color: #575757;
}
.contact-select .nice-select:after {
  width: 7px;
  height: 7px;
  right: 20px;
}

.contact-select .nice-select .list {
  width: 100%;
  background-color: #f8f8f9;
}

.contact-map iframe {
  height: 380px;
  width: 100%;
  border-radius: 4px;
}

.f-w1 {
  margin-right: 0;
}

.f-w2 {
  margin-left: 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .f-w2 {
    margin-left: 75px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .f-w2 {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .f-w2 {
    margin-left: 0;
  }
}

.f-w3 {
  margin-left: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .f-w3 {
    margin-left: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .f-w3 {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .f-w3 {
    margin-left: 0;
  }
}

.f-w4 {
  margin-left: 110px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .f-w4 {
    margin-left: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .f-w4 {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .f-w4 {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-icon {
    margin-bottom: 30px;
  }
}
.footer-icon a {
  background: #212730;
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #ffffff;
  border-radius: 30px;
  text-align: center;
  margin-right: 15px;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-icon a {
    margin-right: 9px;
  }
}
.footer-icon a:hover {
  background: #43baff;
}

.copyright-area {
  background: #1a1f27;
  border-radius: 10px 10px 0 0;
  padding: 30px 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-area {
    padding: 30px 15px;
  }
}

.copy-right-support {
  display: flex;
  align-items: center;
  top: 5px;
  position: relative;
}
@media (max-width: 575px) {
  .copy-right-support {
    margin-bottom: 25px;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .copy-right-support {
    margin-bottom: 20px;
  }
}
.copy-right-support p {
  color: #a2a2a2;
  margin-bottom: 3px;
  font-size: 14px;
}
.copy-right-support span {
  color: #43baff;
}

.copy-right-svg {
  margin-right: 20px;
}

.copyright-svg-content h5 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  font-family: "Nunito Sans", sans-serif;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .copyright-svg-content h5 {
    font-size: 16px;
  }
}

.copyright-subcribe {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-subcribe {
    margin-top: 30px;
  }
}

.copyright-subcribe .field input {
  height: 70px;
  width: 100%;
  padding: 0 190px 0 45px;
  background: #141517;
  border: 0;
  border-radius: 5px;
  color: #ffffff;
  outline: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .copyright-subcribe .field input {
    padding: 0 150px 0 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-subcribe .field input {
    padding-left: 0px 0px 0px 45px;
  }
}
@media (max-width: 575px) {
  .copyright-subcribe .field input {
    padding: 0 20px 0 45px;
    height: 60px;
  }
}
.copyright-subcribe .field input::placeholder {
  color: #A2A2A2;
}
.copyright-subcribe .field input::-moz-placeholder {
  color: #A2A2A2;
}

.copyright-subcribe button {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 50px;
  width: 160px;
  background: #43baff;
  border-radius: 5px;
  color: #ffffff;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
@media (max-width: 575px) {
  .copyright-subcribe button {
    margin-bottom: 20px;
    position: relative;
    left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .copyright-subcribe button {
    width: 130px;
  }
}
.copyright-subcribe button:hover {
  background: #FFB013;
  color: #141517;
}

.widget__subscribe .field {
  position: relative;
}
.widget__subscribe .field::before {
  position: absolute;
  content: "\f0e0";
  font-family: "Font Awesome 5 Pro";
  color: #A2A2A2;
  color: #A2A2A2;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}

.copyright-text {
  width: 196px;
  position: relative;
  top: 9px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .copyright-text {
    margin-bottom: 30px;
  }
}
.copyright-text p {
  color: #ffffff;
}
.copyright-text span {
  color: #43baff;
}

.border-line::after {
  position: absolute;
  content: "";
  height: 70px;
  width: 1px;
  background: #373a3e;
  top: -9px;
  right: -28%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .border-line::after {
    right: -17%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .border-line::after {
    display: none;
  }
}

.border-line-2::before {
  position: absolute;
  content: "";
  height: 70px;
  width: 1px;
  background: #373a3e;
  right: 50px;
  top: -9px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .border-line-2::before {
    right: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .border-line-2::before {
    display: none;
  }
}

.university-footer-area {
  background: #F6F8FB;
}

.uf-w1 {
  margin-right: -30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .uf-w1 {
    margin-right: 0;
  }
}

.uf-w2 {
  margin-left: 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .uf-w2 {
    margin-left: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .uf-w2 {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .uf-w2 {
    margin-left: 0;
  }
}

.uf-w3 {
  margin-left: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .uf-w3 {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .uf-w3 {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .uf-w3 {
    margin-left: 0;
  }
}

.uf-w4 {
  margin-left: 26px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .uf-w4 {
    margin-left: -20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .uf-w4 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .uf-w4 {
    margin-left: 0;
  }
}

.university-footer-widget-body h3 {
  color: #141517;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}

.university-footer-icon ul li {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 10px;
  color: #575757;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .university-footer-icon ul li {
    margin-right: 9px;
  }
}
.university-footer-icon a {
  color: #a8adb7;
  background: #ffffff;
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 16px;
  border-radius: 20px;
  text-align: center;
  display: inline-block;
}
.university-footer-icon a:hover {
  background: #43baff;
  color: #ffffff;
}

.university-footer-link ul li {
  margin-bottom: 10px;
}
.university-footer-link ul li a:hover {
  color: #141517;
}

.university-footer-subscribe input {
  width: 100%;
  height: 50px;
  background: #ffffff;
  outline: none;
  border: 0;
  padding: 0 60px 0 40px;
  color: #a5a5a5;
}
.university-footer-subscribe button {
  position: absolute;
  top: 0;
  right: 0;
  background: #FFB013;
  height: 100%;
  width: 50px;
  color: #ffffff;
}

.university-footer-subscribe .field::before {
  position: absolute;
  content: "\f0e0";
  font-family: "Font Awesome 5 Pro";
  color: #a2a2a2;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
}

.app-store {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.footer-copyright-right ul li li {
  display: inline-block;
  margin-left: 40px;
  color: #a2a2a2;
}

.footer-bottom {
  background: #141517;
}

.footer-copyright-left {
  padding-left: 55px;
}
.footer-copyright-left p {
  color: #a2a2a2;
}
.footer-copyright-left p span {
  color: #43baff;
  margin-left: 10px;
  font-size: 18px;
}

.university-sub-footer {
  background: #141517;
  padding: 25px 0;
  line-height: 1;
}

.sub-footer-link ul {
  display: flex;
  justify-content: end;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sub-footer-link ul {
    margin-top: 15px;
    justify-content: start;
  }
}
.sub-footer-link ul li {
  margin-left: 40px;
}
.sub-footer-link ul li:first-child {
  margin-left: 0;
}
.sub-footer-link ul li a {
  color: #a2a2a2;
  position: relative;
}
.sub-footer-link ul li a::before {
  position: absolute;
  background: #575757;
  width: 1px;
  height: 15px;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: -20px;
}
.sub-footer-link ul li a:hover {
  color: #ffffff;
}
.sub-footer-link ul li:first-child a::before {
  display: none;
}

.sub-footer-text span {
  color: #a2a2a2;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sub-footer-text span {
    margin-bottom: 10px;
    display: inline-block;
  }
}
.sub-footer-text span a {
  color: #43baff;
}

.student-profile-author {
  display: flex;
  gap: 30px;
  align-items: center;
  border-bottom: 1px solid #edeef2;
}
.student-profile-author-img {
  width: 200px;
}
.student-profile-author-img img {
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.student-profile-author-text span {
  font-size: 20px;
  margin-bottom: 5px;
  display: block;
}

.student-profile-author-name {
  font-size: 28px;
  margin-bottom: 0px;
}

.student-profile-sidebar {
  background-color: #f8f8f9;
  padding: 30px;
  min-height: 100%;
}
.student-profile-sidebar .nav {
  flex-direction: column;
  border-bottom: 0px;
}
.student-profile-sidebar .nav li button {
  display: block;
  width: 100%;
  text-align: left;
  color: #575757;
  border: none;
  outline: none;
  padding: 12px 15px;
  border-radius: 5px;
}
.student-profile-sidebar .nav li button i {
  min-width: 22px;
}
.student-profile-sidebar .nav li button.active {
  color: #43baff;
}
.student-profile-sidebar .nav li button.active i {
  color: #43baff;
}

.student-profile-content {
  padding: 25px 0px 30px 14px;
}
@media (max-width: 575px) {
  .student-profile-content {
    padding-left: 0px;
  }
}
.student-profile-content h4 {
  font-size: 20px;
}

.student-profile-info li {
  display: flex;
  margin-bottom: 15px;
}
.student-profile-info li h5 {
  font-size: 16px;
  margin-bottom: 0px;
  font-weight: 600;
  min-width: 230px;
}
@media (max-width: 575px) {
  .student-profile-info li h5 {
    min-width: 100px;
  }
}
.student-profile-info li span {
  font-size: 16px;
  color: #575757;
}

.inprogress-course {
  display: flex;
  gap: 30px;
  border: 1px solid #edeef2;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 575px) {
  .inprogress-course {
    flex-direction: column;
    gap: 0px;
  }
}
.inprogress-course-img {
  width: 300px;
}
@media (max-width: 575px) {
  .inprogress-course-img {
    width: 100%;
  }
}
.inprogress-course-img img {
  width: 100%;
  object-fit: cover;
}

.inprogress-course-rating {
  margin-bottom: 10px;
}
.inprogress-course-rating a {
  font-size: 15px;
  color: #FFB013;
  display: inline-block;
  margin-right: 3px;
}
.inprogress-course-rating span {
  font-size: 16px;
  color: #575757;
  margin-left: 3px;
}

.inprogress-course-text {
  padding: 20px 20px 20px 0px;
}
@media (max-width: 575px) {
  .inprogress-course-text {
    padding-left: 20px;
  }
}

.inprogress-course-lesson span {
  color: #575757;
  font-size: 16px;
}
.inprogress-course-lesson h6 {
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  padding-left: 10px;
}
.inprogress-course-lesson h6 span {
  font-size: 16px;
  font-weight: 600;
  color: #141517;
}

.inprogress-course .progress {
  --bs-progress-height: 6px;
  height: var(--bs-progress-height);
}

.student-profile-reviews-item {
  border: 1px solid #edeef2;
  border-radius: 10px;
}

.student-profile-reviews-course-title {
  padding: 15px 20px 15px 20px;
  border-bottom: 1px solid #edeef2;
}
.student-profile-reviews-course-title h5 {
  font-size: 16px;
  font-weight: 600;
  color: #141517;
  margin-bottom: 0px;
}

.student-profile-reviews-text {
  padding: 20px 20px 20px 20px;
}

.student-profile-reviews-text-wrap {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.student-profile-reviews-text-wrap .student-profile-review-icon a {
  font-size: 16px;
  color: #FFB013;
  display: inline-block;
  margin-right: 3px;
}

.student-profile-review-update-btn {
  margin-right: 15px;
}
.student-profile-review-update-btn i {
  margin-right: 3px;
}
.student-profile-review-update-btn:last-child {
  margin-right: 0px;
}

.student-profile-review-content p {
  margin-bottom: 0px;
  padding-right: 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .student-profile-review-content p {
    padding-right: 0px;
  }
}

.student-profile-enroll ul {
  border-bottom: 1px solid #edeef2;
}
.student-profile-enroll ul li .nav-link {
  font-size: 16px;
  color: #575757;
  font-weight: 600;
  position: relative;
}
.student-profile-enroll ul li .nav-link:before {
  position: absolute;
  content: "";
  height: 2px;
  width: 0%;
  background: #43baff;
  left: 0px;
  bottom: 0px;
  transition: all linear 0.3s;
}
.student-profile-enroll ul li .nav-link.active {
  color: #43baff;
}
.student-profile-enroll ul li .nav-link.active:before {
  width: 100%;
}

.contact-from-input label {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
}

.student-profile-setting-cover-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 250px;
}

.student-profile-setting-author-img {
  border-radius: 50%;
  display: inline-block;
  margin-left: 30px;
}
.student-profile-setting-author-img img {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  object-fit: cover;
  margin-top: -75px;
  border: 5px solid #ffffff;
}

.student-social-profile-link span {
  display: block;
  font-weight: 600;
}

.student-profile-orders {
  border: 1px solid #edeef2;
  border-bottom: 0px;
}

.student-profile-order {
  border-bottom: 1px solid #edeef2;
  display: flex;
}

.student-profile-order-name,
.student-profile-order-price,
.student-profile-order-status,
.student-profile-order-method,
.student-profile-order-date,
.student-profile-order-duration,
.student-profile-order-renew {
  padding-left: 15px;
}
.student-profile-order-name h6,
.student-profile-order-price h6,
.student-profile-order-status h6,
.student-profile-order-method h6,
.student-profile-order-date h6,
.student-profile-order-duration h6,
.student-profile-order-renew h6 {
  color: #141517;
  margin-bottom: 0px;
  font-size: 16px;
}
.student-profile-order-name span,
.student-profile-order-price span,
.student-profile-order-status span,
.student-profile-order-method span,
.student-profile-order-date span,
.student-profile-order-duration span,
.student-profile-order-renew span {
  font-size: 16px;
  color: #575757;
}

.student-profile-order-name,
.student-profile-order-price,
.student-profile-order-status,
.student-profile-order-method,
.student-profile-order-date,
.student-profile-order-duration,
.student-profile-order-renew {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.custom-height-80 {
  min-height: 80px;
}

.student-profile-order-name {
  min-width: 120px;
  width: 13%;
}

.student-profile-order-price {
  min-width: 100px;
  width: 11%;
}
@media only screen and (max-width: 1400px) {
  .student-profile-order-price {
    min-width: 70px;
    width: 7%;
  }
}

.student-profile-order-status {
  min-width: 125px;
  width: 13%;
}
@media only screen and (max-width: 1400px) {
  .student-profile-order-status {
    min-width: 100px;
    width: 9%;
  }
}

.student-profile-order-method {
  min-width: 160px;
  width: 17%;
}
@media only screen and (max-width: 1400px) {
  .student-profile-order-method {
    min-width: 125px;
    width: 13%;
  }
}

.student-profile-order-duration {
  min-width: 130px;
  width: 14%;
}

.student-profile-order-date {
  min-width: 150px;
  width: 16%;
}
@media only screen and (max-width: 1400px) {
  .student-profile-order-date {
    min-width: 130px;
    width: 12%;
  }
}

.student-profile-order-renew .edu-btn {
  height: 42px;
  line-height: 42px;
  padding: 0 30px;
}

.inprogress-course-img img {
  min-height: 100%;
}

@media only screen and (max-width: 1400px) {
  .student-profile-orders-wrapper {
    overflow-x: auto;
  }
}

@media only screen and (max-width: 1400px) {
  .student-profile-orders {
    width: 817px;
  }
}

.edu-webinar {
  display: flex;
  gap: 25px;
  padding: 25px;
  background-color: #F6F8FB;
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .edu-webinar {
    flex-direction: column;
  }
}
.edu-webinar-img {
  min-width: 230px;
  width: 230px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .edu-webinar-img {
    width: 100%;
  }
}
.edu-webinar-img img {
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.edu-webinar-text-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.25;
}
.edu-webinar-text-title:hover {
  color: #43baff;
}
.edu-webinar-text ul {
  display: flex;
  gap: 20px;
  margin-bottom: 5px;
}
.edu-webinar-text ul li {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: #575757;
}
.edu-webinar-text ul li i {
  color: #43baff;
  margin-right: 5px;
  transform: translateY(-1px);
}
.edu-webinar .webinar-badge {
  position: absolute;
  top: 15px;
  left: 0px;
  padding: 0px 10px;
  font-size: 12px;
  font-weight: 600;
  background: #43baff;
  display: inline-block;
  color: #ffffff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.edu-webinar .edu-btn {
  height: 42px;
  padding: 0px 25px;
  line-height: 40px;
  background: none;
  color: #43baff;
  border: 1px solid #43baff;
}
.edu-webinar .edu-btn:hover {
  background: #43baff;
  color: #ffffff;
}

.course-webinar-video .course-video-thumb {
  position: relative;
}
.course-webinar-video .course-video-thumb::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
}

.product__modal {
  max-width: 900px;
  padding: 20px;
  padding-top: 27px;
}
.product__modal-close {
  top: 15px;
  right: 15px;
  z-index: 1;
}
.product__modal-close button {
  color: #ffffff;
  display: block;
  line-height: 36px;
  text-align: center;
  background: #43baff;
  width: 38px;
  height: 38px;
  border-radius: 100%;
  border: 1px solid #43baff;
  outline: none;
}
.product__modal-close button:hover {
  background: #ffffff;
  color: #43baff;
}
.product__modal-wrapper {
  padding: 20px;
  padding-bottom: 0px;
}
.product__modal-content h4 {
  font-size: 24px;
  font-weight: 700;
  text-transform: none;
  padding: 0;
  padding-right: 0px;
  margin: 0;
  margin-bottom: 0px;
  padding-right: 65px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.product__modal-des p {
  font-size: 14px;
  line-height: 26px;
}
.product__modal-box .nav-tabs {
  border-bottom: 0;
}
.product__modal-box .nav-link {
  padding: 0;
  border-radius: 0%;
  border: none;
}
.product__modal-links ul li {
  display: inline-block;
  margin-right: 4px;
}
.product__modal-links ul li a {
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  background: #ffffff;
  border: 1px solid #141517;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  color: #141517;
}
.product__modal-links ul li a:hover {
  color: #ffffff;
  background: #43baff;
  border-color: #43baff;
}
.product__modal .nav-tabs {
  border: none;
  justify-content: space-between;
}
.product__modal .nav-link {
  border: 1px solid #f0f0f0;
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  border-radius: 5px;
}
.product__modal .nav-link::before {
  display: none;
}
.product__modal .nav-link.active {
  border-color: #43baff !important;
}
.product__modal .nav-link.active::after {
  position: absolute;
  content: "";
  top: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: transparent;
  border-bottom-color: #43baff;
}
.product__modal-form .product-quantity .cart-plus-minus input {
  height: 60px;
  line-height: 60px;
  border-radius: 0;
}
.product__modal-box .tab-content {
  margin-bottom: 20px;
}
.product__stock span {
  font-size: 14px;
  color: #777;
  text-transform: uppercase;
}
.product__stock span:first-child {
  color: #141517;
  padding-right: 5px;
  font-weight: 700;
}
.product__price span {
  color: #141517;
  font-size: 24px;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 22px;
}
.product__add-review span a {
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
  color: #141517;
}
.product__add-review span a::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 80%;
  background: #141517;
}
.product__add-review span a:hover {
  color: #43baff;
}
.product__add-review span:last-child a::after {
  display: none;
}

.rating__shop ul {
  display: flex;
  gap: 4px;
}
.rating__shop ul li a {
  color: #FFB013;
}

.product__modal-box .nav-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.product__modal-box .nav-tabs .nav-item {
  width: calc((100% - 60px) / 4);
}

.product__modal .nav-link img {
  width: 100%;
}

.product__modal-content {
  padding-bottom: 20px;
}

.product__modal-form .product-quantity-cart .cart-minus,
.product__modal-form .product-quantity-form .cart-plus {
  line-height: 53px;
}