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

    Template Name: Acadia - University & Online Course HTML5 Template
    Author: Theme_Pure
    Support: basictheme400@gmail.com
    Description: Acadia - University & Online Course HTML5 Template
    Version: 1.0.5

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

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

	-----------------
    01. THEME CSS
	-----------------
		1.1 Theme Default
		1.2 Common Classes
		1.3 Default Spacing

	-----------------
    02. COMPONENTS css
	-----------------
		2.1 Back to top
		2.2 Theme Settings
		2.3 Buttons
		2.4 Animations
		2.5 Preloader
		2.6 Background 
		2.7 Carousel
		2.8 Nice Select
		2.9 Pagination
		2.10 Offcanvas
		2.11 Breadcrumb
		2.12 Accordion
		2.13 Tab
		2.14 Modal
		2.15 Section Title
		2.16 Ragne Slider
		2.17 Select 2
		2.18 Flatpicker
		2.19 Search
	-----------------
    03. HEADER CSS
	-----------------
		3.1 Header Style 1

    ---------------------------------
	04. MENU CSS
	---------------------------------
		4.1 Main menu css
		4.2 Mobile css

	---------------------------------
	05. BLOG CSS
	---------------------------------
		5.1 Postbox css
		5.2 Recent Post css
		5.3 Sidebar css
		5.4 Blog css

	---------------------------------
	06. FOOTER CSS
	---------------------------------
		6.1 Footer Style 1

	---------------------------------
	07. PAGES CSS
	---------------------------------
		7.1 Hero css
		7.2 About css
		7.3 Instragram css
		7.4 Cta css
		7.5 Contact css
		7.6 Contact css
		7.7 Counter css
		7.8 Service css
		7.9 Program css
		8.0 Testimonial css
		8.1 Video css
		8.2 Event css
		8.3 Category css
		8.4 Funfact css
		8.5 Course css
		8.6 Banner css
		8.7 Brand css
		8.8 Team css
		8.9 Process css
		9.0 Slider css
		9.1 Price css
		9.2 Faq css
		9.3 Comming soon css
		9.4 login-register css
		9.5 Mission css
		9.6 campus css
		9.7 leadership css
		9.8 Become instractor
		9.9 History css
		10.0 Admission css
		10.1 Financial css
		10.2 shop css
		10.3 My Account css
		10.4 Cart css


**********************************************/
/*----------------------------------------*/
/*  1.1 Theme Default
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Marcellus&family=Rufina:wght@400;700&family=Crimson+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Outfit:wght@300;400;500;600;700;800&family=Manrope:wght@200..800&display=swap");
.tp-cart-checkout-shipping-option label::after, .tp-cart-checkout-shipping-option label::before, .tp-return-customer-forgot a::after, .profile__tab .tp-tab-line, .profile__main-thumb-edit label, .tp-profile-input-eye span, .tp-shop-widget-categories ul li a::after, .tp-shop-widget-categories ul li a span, .tp-product-details-review-input-eye span, .tp-product-details-tab-line, .tp-postbox-share button span, .tp-product-tab-2 .nav-tabs .nav-link .tp-product-tab-tooltip, .tp-tab-line {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.tp-accordion .accordion-button .tp-accordion-plus, .tp-accordion .accordion-button .tp-accordion-plus::after, .tp-accordion .accordion-button .tp-accordion-plus::before, .back-to-top-wrapper, a,
button,
p,
input,
select,
textarea,
li,
.transition-3 {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.back-to-top-btn {
  -webkit-transition: transform 0.3s 0s ease-out;
  -moz-transition: transform 0.3s 0s ease-out;
  -ms-transition: transform 0.3s 0s ease-out;
  -o-transition: transform 0.3s 0s ease-out;
  transition: transform 0.3s 0s ease-out;
}

.tp-product-details-views > span svg, .tp-pricing-5-list ul li span svg, .tp-course-4-info-item > span > span svg, .tp-blog-meta > span > span svg, .tp-btn span {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}

.tpd-action-approv button svg, .tp-cart-list tr td .tp-cart-action-btn svg, .tp-order-details-icon span svg, .tp-product-details-action-sm-btn svg, .tp-product-details-wishlist-btn svg, .tp-process-3-btn a svg, .tp-event-4-content span img, .tp-footer-4-top-btn span svg, .tp-header-2-category p span img, .tp-header-2-login button span svg, .tp-header-4-btn-top a span svg, .tp-header-4-btn-top a i svg, .tp-header-4-search span svg, .tp-pagination ul li a svg, .tp-pagination ul li span svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}

.tpd-order-date-input form span svg, .tpd-action-btn button svg, .tpd-action-btn a svg, .tpd-action-click-tooltip button span svg, .tpd-status button svg, .tpd-status-complete button svg {
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
}

.tp-footer-2 .tp-footer-widget-content > p, .tp-footer-2 .tp-footer-widget-content > span, .tp-footer-2 .tp-footer-widget-link ul li a, .tp-footer-2 .tp-footer-contact > span, .tp-footer-2 .tp-footer-contact > a, .tp-footer-2 .tp-footer-contact-mail > a, .tp-footer-2 .tp-footer-copyright span, .tp-footer-3 .tp-footer-widget-content p, .tp-footer-3 .tp-footer-widget-title, .tp-footer-3 .tp-footer-widget ul li a, .tp-footer-3 .tp-footer-newsletter-wrap p, .tp-footer-3 .tp-footer-contact > span, .tp-footer-3 .tp-footer-contact > a, .tp-footer-3 .tp-footer-contact-mail a, .tp-footer-3 .tp-footer-copyright span {
  font-family: var(--tp-ff-body);
}

.tp-program-wrap .tp-section-title, .tp-footer-widget-content p, .tp-footer-widget-title, .tp-footer-widget ul li a, .tp-footer-contact > span, .tp-footer-contact > a, .tp-footer-contact-mail a, .tp-footer-copyright span {
  font-family: var(--tp-ff-primary);
}

.tp-banner-5-content span, .tp-event-list-count, .tp-counter-count, .tp-counter-4-count, .tp-about-exprience-text p, .tp-about-exprience-count, .tp-hero-subtitle, .tp-section-subtitle {
  font-family: var(--tp-ff-secondary);
}

/* transform */
.tp-product-tab-2 .nav-tabs .nav-link:not(:first-child)::after, .tp-breadcrumb__list span:not(:last-child)::after {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@font-face {
  font-family: "Tropiline_Bold";
  src: url("../fonts/Tropiline-Bold.woff2") format("woff2"), url("../fonts/Tropiline-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tropiline_Regular";
  src: url("../fonts/Tropiline-Regular.woff2") format("woff2"), url("../fonts/Tropiline-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tropiline_Extra_Bold";
  src: url("../fonts/Tropiline-ExtraBold.woff2") format("woff2"), url("../fonts/Tropiline-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
:root {
  /**
  @font family declaration
  */
  --tp-ff-body: 'Outfit', sans-serif;
  --tp-ff-heading: 'Outfit', sans-serif;
  --tp-ff-p: 'Outfit', sans-serif;
  --tp-ff-primary: 'Jost', sans-serif;
  --tp-ff-secondary: 'Crimson Pro', serif;
  --tp-ff-manrope: 'Manrope', sans-serif;
  --tp-ff-rufina: 'Rufina', serif;
  --tp-ff-marcellus: 'Marcellus', serif;
  --tp-ff-tropiline-bold: 'Tropiline_Bold', sans-serif;
  --tp-ff-tropiline: 'Tropiline_Regular', sans-serif;
  --tp-ff-tropiline-extra-bold: 'Tropiline_Extra_Bold', sans-serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --tp-common-white: #ffffff;
  --tp-common-black: #000;
  --tp-common-black-1: #010F1C;
  --tp-common-yellow: #fdf275;
  --tp-grey-1: #F6F4EE;
  --tp-grey-2: #84807B;
  --tp-grey-3: #55585B;
  --tp-grey-4: #EFEDE7;
  --tp-grey-5: #636366;
  --tp-grey-6: #4F5158;
  --tp-grey-7: #f9f4f1;
  --tp-grey-8: #5e5a59;
  --tp-grey-9: #837b79;
  --tp-red-1: #17254E;
  --tp-red-2: #17254E;
  --tp-red-3: #B70A14;
  --tp-red-4: #933115;
  --tp-red-5: #cf6e52;
  --tp-blue-1: #F1F3F9;
  --tp-heading-primary: #161613;
  --tp-heading-2: #031F42;
  --tp-heading-3: #0A1D3A;
  --tp-heading-4: #161821;
  --tp-heading-5: #2d2a29;
  --tp-text-body: #57595F;
  --tp-theme-primary: #17254E;
  --tp-theme-secondary: #1A73E8;
  --tp-theme-3: #FF7162;
  --tp-theme-4: #B1040E;
  --tp-theme-5: #F0EC51;
  --tp-theme-6: #1E1E2F;
  --tp-theme-7: #4661FD;
  --tp-theme-8: #006B61;
  --tp-theme-9: #5956E9;
  --tp-theme-10: #ff5224;
  --tp-theme-11: #1d9267;
  --tp-dashboard-primary: #556DF5;
  --tp-dashboard-secondary: #5169F1;
  --tp-dashboard-3: #5B7D55;
  --tp-dashboard-danger: #FF4D4F;
  --tp-dashboard-sucess: #0F9F55;
  --tp-dashboard-warning: #F59B12;
  --tp-dashboard-info: #5974FF;
  --tp-border-primary: #EAEBED;
  --tp-border-2: #E4E2DC;
}

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

/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-family: var(--tp-ff-body);
  font-size: 14px;
  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: 600;
  line-height: 1.2;
  -webkit-transition: color 0.3s 0s ease-out;
  -moz-transition: color 0.3s 0s ease-out;
  -ms-transition: color 0.3s 0s ease-out;
  -o-transition: color 0.3s 0s ease-out;
  transition: color 0.3s 0s ease-out;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

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

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

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

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[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
textarea {
  outline: none;
  background-color: #fff;
  height: 54px;
  width: 100%;
  line-height: 56px;
  font-size: 14px;
  color: var(--tp-common-black);
  padding-left: 24px;
  padding-right: 24px;
  border: 1px solid #E4E2DC;
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #95999D;
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #95999D;
}
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 4-18 */
  color: #95999D;
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: #95999D;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=url]::placeholder,
textarea::placeholder {
  /* MODERN BROWSER */
  color: #95999D;
}
[dir=rtl] input[type=text],
[dir=rtl] input[type=email],
[dir=rtl] input[type=tel],
[dir=rtl] input[type=number],
[dir=rtl] input[type=password],
[dir=rtl] input[type=url],
[dir=rtl] textarea {
  text-align: right;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=url]:focus,
textarea:focus {
  border-color: var(--tp-theme-primary);
}
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}

textarea {
  line-height: 1.4;
  padding-top: 17px;
  padding-bottom: 17px;
}

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: 14px;
  opacity: 1;
}

*::placeholder {
  color: var(--tp-common-black);
  font-size: 14px;
  opacity: 1;
}

@media (min-width: 1400px) {
  .custom-container {
    max-width: 1424px;
  }
}
@media (min-width: 1400px) {
  .custom-container-larg {
    max-width: 1744px;
  }
}
@media (min-width: 1400px) {
  .custom-container-1300 {
    max-width: 1324px;
  }
}
@media (min-width: 1400px) {
  .custom-container-1300 {
    max-width: 1324px;
  }
}
.z-index-1 {
  z-index: 1;
}

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

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

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

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

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

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

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

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

/*---------------------------------
    1.2 Common Classes
---------------------------------*/
.w-img img {
  width: 100%;
}

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

.tp-header-logo img {
  width: 125px;
}

.demo {
  -webkit-transition: color 0.3s 0s linear;
  -moz-transition: color 0.3s 0s linear;
  -ms-transition: color 0.3s 0s linear;
  -o-transition: color 0.3s 0s linear;
  transition: color 0.3s 0s linear;
  -webkit-transition: color 0.3s linear, transform 0.2s ease;
  -moz-transition: color 0.3s linear, transform 0.2s ease;
  -ms-transition: color 0.3s linear, transform 0.2s ease;
  -o-transition: color 0.3s linear, transform 0.2s ease;
  transition: color 0.3s linear, transform 0.2s ease;
}
[dir=rtl] .demo {
  margin-left: 0;
  margin-right: 15px;
}
div.demo img {
  margin-left: 10px;
}

[tp-theme=tp-theme-dark] .demo {
  color: yellow;
}

/*----------------------------------------
    Body Overlay 
-----------------------------------------*/
.body-overlay {
  background-color: var(--tp-common-black);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9999;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.body-overlay:hover {
  cursor: url("../img/icon/cross-out.png"), pointer;
}

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

.tp-product-quantity {
  width: 148px;
  position: relative;
}
.tp-product-quantity.cart {
  width: 100px;
}
.tp-product-quantity.cart .tp-cart-plus:hover,
.tp-product-quantity.cart .tp-cart-minus:hover {
  color: var(--tp-theme-8);
}

.tp-cart-plus,
.tp-cart-minus {
  width: 45px;
  height: 44px;
  line-height: 44px;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  color: var(--tp-common-black);
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tp-cart-plus svg,
.tp-cart-minus svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-cart-plus:hover,
.tp-cart-minus:hover {
  cursor: pointer;
  color: var(--tp-theme-primary);
}
.tp-cart-plus.tp-cart-plus,
.tp-cart-minus.tp-cart-plus {
  left: auto;
  right: 0;
}
.tp-cart-plus.tp-cart-plus::after,
.tp-cart-minus.tp-cart-plus::after {
  left: 0;
  right: auto;
}

.tp-cart-input[type=text] {
  height: 34px;
  text-align: center;
  font-size: 14px;
  padding: 0 30px;
  width: 100px;
  border-radius: 20px;
  border: 1px solid #DADCE0;
  background-color: var(--tp-common-white);
}

/* dropcap */
.tp-dropcap::first-letter {
  font-size: 90px;
  font-weight: 500;
  float: left;
  text-align: center;
  color: var(--tp-common-black);
  margin-right: 5px;
  line-height: inherit;
  text-transform: capitalize;
}

.table > :not(caption) > * > * {
  background-color: transparent;
}

.class {
  stroke-dasharray: 189px, 191px;
  stroke-dashoffset: 0px;
}

/* gutter for x axis */
.tp-gx-10 {
  --bs-gutter-x: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-gx-10 {
    --bs-gutter-x: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gx-10 {
    --bs-gutter-x: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-gx-10 {
    --bs-gutter-x: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-gx-10 {
    --bs-gutter-x: 5px;
  }
}
.tp-gx-10 [class*=col-] {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.tp-gx-20 {
  --bs-gutter-x: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-gx-20 {
    --bs-gutter-x: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gx-20 {
    --bs-gutter-x: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-gx-20 {
    --bs-gutter-x: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-gx-20 {
    --bs-gutter-x: 10px;
  }
}
.tp-gx-20 [class*=col-] {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.tp-gx-27 {
  --bs-gutter-x: 27px;
}

/* gutter for x axis */
.tp-gx-30 {
  --bs-gutter-x: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-gx-30 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gx-30 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-gx-30 {
    --bs-gutter-x: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-gx-30 {
    --bs-gutter-x: 10px;
  }
}
.tp-gx-30 [class*=col-] {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

/* gutter for x axis */
.tp-gx-50 {
  --bs-gutter-x: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-gx-50 {
    --bs-gutter-x: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gx-50 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-gx-50 {
    --bs-gutter-x: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-gx-50 {
    --bs-gutter-x: 10px;
  }
}
.tp-gx-50 [class*=col-] {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

/* gutter for x axis */
.tp-gx-90 {
  --bs-gutter-x: 70px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-gx-90 {
    --bs-gutter-x: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-gx-90 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-gx-90 {
    --bs-gutter-x: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gx-90 {
    --bs-gutter-x: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-gx-90 {
    --bs-gutter-x: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-gx-90 {
    --bs-gutter-x: 10px;
  }
}
.tp-gx-90 [class*=col-] {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

/* gutter for x axis */
.tp-gx-60 {
  --bs-gutter-x: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gx-60 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-gx-60 {
    --bs-gutter-x: 15px;
  }
}

@media (min-width: 1400px) {
  .custom-container {
    max-width: 1424px;
  }
}
@media (min-width: 1400px) {
  .custom-container-larg {
    max-width: 1744px;
  }
}
@media (min-width: 1400px) {
  .custom-container-1300 {
    max-width: 1324px;
  }
}
/*---------------------------------
    1.3 Default Spacing
---------------------------------*/
.tp-categroy-plr-85 {
  padding-left: 85px;
  padding-right: 85px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-categroy-plr-85 {
    padding-left: 40px;
    padding-right: 40px;
  }
}

/*----------------------------------------*/
/*  2.1 Back to top
/*----------------------------------------*/
.back-to-top-wrapper {
  position: fixed;
  right: 20px;
  bottom: 0;
  width: 44px;
  height: 44px;
  cursor: pointer;
  display: block;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .back-to-top-wrapper {
    right: 20px;
    bottom: 20px;
  }
}
.back-to-top-wrapper.back-to-top-btn-show {
  visibility: visible;
  opacity: 1;
  bottom: 50px;
}

.back-to-top-btn {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: var(--tp-common-black);
  box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);
  color: var(--tp-common-white);
  border-radius: 50%;
}
.back-to-top-btn svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.back-to-top-btn:hover {
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  transform: translateY(-4px);
}

/*----------------------------------------*/
/*  2.2 Theme Settings
/*----------------------------------------*/
/*----------------------------------------*/
/*  2.3 Buttons
/*----------------------------------------*/
.tp-btn {
  color: var(--tp-common-white);
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  padding: 13px 34px;
  border-radius: 6px;
  border: 2px solid var(--tp-theme-primary);
  background-color: var(--tp-theme-primary);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-btn:hover {
  box-shadow: 0 10px 15px -5px rgba(21, 36, 34, 0.1);
  color: var(--tp-common-white);
  background-color: #880824;
  border-color: #880824;
}
.tp-btn span {
  display: inline-block;
  margin-left: 5px;
  transform: translateY(-1px);
}
.tp-btn-sm {
  padding: 13px 35px;
}
.tp-btn-2 {
  display: inline-block;
  color: var(--tp-heading-2);
  font-size: 15px;
  font-weight: 500;
  border-radius: 100px;
  background: #FFC221;
  padding: 8px 31px;
  border: 2px solid #FFC221;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-btn-2:hover {
  background-color: transparent;
  border-color: var(--tp-heading-2);
  color: var(--tp-heading-2);
}
.tp-btn-3 {
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  padding: 9px 32px;
  border-radius: 6px;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  transition: all 0.25s ease-in-out;
}
.tp-btn-3:hover {
  color: var(--tp-common-white);
  box-shadow: 0 0 0 0.2rem #AB0C2F !important;
}
.tp-btn-4 {
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  padding: 23px 41px;
  line-height: 1;
  display: inline-block;
  letter-spacing: 0.56px;
  text-transform: uppercase;
  color: var(--tp-heading-primary);
  background-color: var(--tp-theme-5);
  transition: all 0.25s ease-in-out;
}
.tp-btn-4:hover {
  color: var(--tp-heading-primary);
  box-shadow: 0 0 0 0.2rem var(--tp-theme-5) !important;
}
.tp-btn-5 {
  padding: 15px 37px;
  display: inline-block;
  color: var(--tp-common-white);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  border-radius: 6px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-btn-5:hover {
  border-color: var(--tp-common-white);
  color: var(--tp-common-white);
}
.tp-btn-white {
  font-size: 14px;
  font-weight: 600;
  border-radius: 7px;
  padding: 15px 45px;
  display: inline-block;
  letter-spacing: 0.56px;
  text-transform: uppercase;
  color: var(--tp-common-white);
  border: 2px solid var(--tp-common-white);
}
.tp-btn-white:hover {
  color: var(--tp-heading-primary);
  background-color: var(--tp-common-white);
}
.tp-btn-border {
  padding: 15px 32px;
  border-radius: 50px;
  background: var(--tp-theme-secondary);
  color: var(--tp-common-white);
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  border: 2px solid var(--tp-theme-secondary);
}
.tp-btn-border span {
  display: inline-block;
  margin-left: 3px;
}
.tp-btn-border:hover {
  background-color: transparent;
  color: var(--tp-theme-secondary);
}
.tp-btn-round {
  display: inline-block;
  line-height: 1;
  padding: 12px 28px;
  background-color: var(--tp-theme-secondary);
  font-size: 16px;
  font-weight: 600;
  color: var(--tp-common-white);
  border-radius: 50px;
  border: 2px solid var(--tp-theme-secondary);
}
.tp-btn-round:hover {
  background-color: transparent;
  color: var(--tp-theme-secondary);
}
.tp-btn-round span {
  display: inline-block;
  margin-left: 6px;
}
.tp-btn-round svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-btn-round.color-9 {
  border-color: var(--tp-theme-9);
  background-color: var(--tp-theme-9);
}
.tp-btn-round.color-9:hover {
  color: var(--tp-theme-9);
  background-color: transparent;
}
.tp-btn-circle {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  border-radius: 50%;
  padding: 44px 31px;
  display: inline-block;
  background-color: #B1040E;
  color: var(--tp-common-white);
}
.tp-btn-circle span {
  display: block;
}
.tp-btn-circle:hover {
  color: var(--tp-common-white);
  background-color: #880824;
  border-color: #880824;
  box-shadow: 0 10px 15px -5px rgba(21, 36, 34, 0.1);
}
.tp-btn-circle:focus {
  color: var(--tp-common-white);
}
.tp-btn-tomato {
  font-size: 16px;
  font-weight: 600;
  border-radius: 18px;
  padding: 11px 28px;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-3);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.tp-btn-tomato:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}
.tp-btn-inner {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  border-radius: 6px;
  padding: 7px 24px;
  color: var(--tp-common-white);
  background-color: var(--tp-dashboard-secondary);
  box-shadow: 0px 1px 2px 0px rgba(20, 56, 181, 0.25), 0px 0px 1px 0px #1438B5;
}
.tp-btn-inner:hover {
  box-shadow: none;
  background: #425EFF;
  color: var(--tp-common-white);
}
.tp-btn-inner:focus {
  color: var(--tp-common-white);
}

/* offcanvas btn */
.tp-btn-offcanvas {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: var(--tp-common-white);
  background: var(--tp-theme-primary);
  text-align: center;
  font-family: var(--tp-ff-space);
  padding: 9px 22px;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 1;
  text-transform: capitalize;
}
.tp-btn-offcanvas i {
  padding-left: 5px;
}
.tp-btn-offcanvas:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  2.4 Animations
/*----------------------------------------*/
/* pulse effect animation */
@-webkit-keyframes tp-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);
  }
}
@-moz-keyframes tp-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);
  }
}
@-ms-keyframes tp-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-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 icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
.video-border-animation {
  position: relative;
}
.video-border-animation::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 90%;
  height: 90%;
  transform: scale(1);
  border: 1px solid var(--tp-common-white);
  animation: video-border 1.5s linear infinite;
  border-radius: 50%;
}

@keyframes tp-rotate-video-text {
  from {
    transform: rotate(-45deg);
  }
  to {
    transform: rotate(315deg);
  }
}
@keyframes section-animation {
  0% {
    max-width: 0;
  }
  15% {
    max-width: 100%;
  }
  85% {
    opacity: 1;
  }
  90% {
    max-width: 100%;
    opacity: 0;
  }
  to {
    max-width: 0;
    opacity: 0;
  }
}
@keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
  }
}
@keyframes hero-dot-1 {
  0% {
    transform: translateY(-80px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes hero-dot-2 {
  0% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(0px);
  }
}
@-webkit-keyframes video-border {
  0% {
    transform: translate(-50%, -50%) scale(0.9);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
@-moz-keyframes video-border {
  0% {
    transform: translate(-50%, -50%) scale(0.9);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
@-ms-keyframes video-border {
  0% {
    transform: translate(-50%, -50%) scale(0.9);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
@keyframes video-border {
  0% {
    transform: translate(-50%, -50%) scale(0.9);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
@-webkit-keyframes light {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
    color: white;
  }
}
@-moz-keyframes light {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
    color: white;
  }
}
@-ms-keyframes light {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
    color: white;
  }
}
@keyframes light {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
    color: white;
  }
}
@-webkit-keyframes neptune {
  0% {
    transform: translate(0px, 0px);
  }
  20% {
    transform: translate(20px, -5px);
  }
  40% {
    transform: translate(50px, 20px);
  }
  60% {
    transform: translate(20px, 50px);
  }
  80% {
    transform: translate(-20px, 30px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@-moz-keyframes neptune {
  0% {
    transform: translate(0px, 0px);
  }
  20% {
    transform: translate(20px, -5px);
  }
  40% {
    transform: translate(50px, 20px);
  }
  60% {
    transform: translate(20px, 50px);
  }
  80% {
    transform: translate(-20px, 30px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@-ms-keyframes neptune {
  0% {
    transform: translate(0px, 0px);
  }
  20% {
    transform: translate(20px, -5px);
  }
  40% {
    transform: translate(50px, 20px);
  }
  60% {
    transform: translate(20px, 50px);
  }
  80% {
    transform: translate(-20px, 30px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes neptune {
  0% {
    transform: translate(0px, 0px);
  }
  20% {
    transform: translate(20px, -5px);
  }
  40% {
    transform: translate(50px, 20px);
  }
  60% {
    transform: translate(20px, 50px);
  }
  80% {
    transform: translate(-20px, 30px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes a {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-moz-keyframes a {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-ms-keyframes a {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes a {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-webkit-keyframes scroll-1 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes scroll-1 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-moz-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-ms-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-webkit-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-moz-keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
@-ms-keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
@-webkit-keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
@keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
@keyframes section_stroke {
  0% {
    stroke-dashoffset: 560;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes shine {
  100% {
    left: -200%;
  }
}
.line-dash-path {
  stroke-dasharray: 4;
  stroke-dashoffset: 350;
  -webkit-animation: tp-line-dash 30s linear forwards infinite;
  animation: tp-line-dash 30s linear forwards infinite;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-name: gradients;
  background: linear-gradient(45deg, #DF7BD2, #09B1AB, #DF7BD2, #FDBF62);
}

@keyframes tp-line-dash {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0px;
    stroke-dasharray: 3000;
  }
}
@keyframes gradients {
  0% {
    background-position: 0 0;
  }
  25% {
    background-position: 50% 0;
  }
  50% {
    background-position: 90% 0;
  }
  60% {
    background-position: 60%;
  }
  75% {
    background-position: 40%;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes tpswing {
  0% {
    transform: rotate(3deg);
  }
  100% {
    transform: rotate(-3deg);
  }
}
@-webkit-keyframes tpswing {
  0% {
    transform: rotate(3deg);
  }
  100% {
    transform: rotate(-3deg);
  }
}
@keyframes tpswings {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  100% {
    transform: translateY(-20px) rotate(-10deg);
  }
}
@keyframes hero-bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
/* 01. ========= Ball shape animation ========== */
@keyframes bannerAnimationTwo {
  0% {
    transform: translate(0px, 0px);
  }
  20% {
    transform: translate(450px, 0px);
  }
  40% {
    transform: translate(450px, -20px);
  }
  60% {
    transform: translate(250px, -20px);
  }
  80% {
    transform: translate(50px, -10px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes spin {
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes spin {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes img-border {
  0% {
    -webkit-border-radius: 51% 49% 77% 23%/65% 50% 50% 35%;
    -moz-border-radius: 51% 49% 77% 23%/65% 50% 50% 35%;
    border-radius: 51% 49% 77% 23%/65% 50% 50% 35%;
  }
  100% {
    -webkit-border-radius: 30% 70% 28% 72%/53% 69% 31% 47%;
    -moz-border-radius: 30% 70% 28% 72%/53% 69% 31% 47%;
    border-radius: 30% 70% 28% 72%/53% 69% 31% 47%;
  }
}
@keyframes radiusChange {
  0% {
    border-radius: 0px 0px 0px 0px;
  }
  40% {
    border-radius: 50px 0px 80px 0px;
  }
  80% {
    border-radius: 0px 50px 0px 80px;
  }
  100% {
    border-radius: 0px 0px 0px 0px;
  }
}
@keyframes tpupdown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes morph {
  0%, 100% {
    border-radius: 40% 60% 70% 30%/40% 40% 60% 50%;
  }
  34% {
    border-radius: 70% 30% 50% 50%/30% 30% 70% 70%;
  }
  67% {
    border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
  }
}
/* 04. ========= btn-arrow-animation ========== */
@keyframes tfLeftToRight {
  49% {
    transform: translateY(30%);
  }
  50% {
    opacity: 0;
    transform: translateY(-30%);
  }
  51% {
    opacity: 1;
  }
}
/* 04. ========= btn-arrow-animation ========== */
@keyframes bubbles {
  0% {
    bottom: 52px;
    left: 67px;
    opacity: 0;
  }
  50% {
    bottom: 62px;
    opacity: 1;
  }
  100% {
    bottom: 72px;
    left: 67px;
    opacity: 0;
  }
}
/* 04. ========= btn-arrow-animation ========== */
@keyframes ab2animation {
  0% {
    transform: translateX(0px);
  }
  25% {
    transform: translateX(-35px);
  }
  50% {
    transform: translateX(0px);
  }
  75% {
    transform: translateX(35px);
  }
  100% {
    transform: translateX(0px);
  }
}
/* 04. ========= light-animation ========== */
@keyframes opacity {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}
/* 04. ========= light-animation ========== */
@keyframes animation-popup {
  0% {
    -webkit-transform: scale(0.7) rotate(0deg);
    transform: scale(0.7) rotate(0deg);
  }
  40% {
    -webkit-transform: scale(0.7) rotate(160deg);
    transform: scale(0.7) rotate(160deg);
  }
  80% {
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg);
  }
}
/*----------------------------------------*/
/*  2.5 Preloader
/*----------------------------------------*/
#loading {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999999;
  margin-top: 0px;
  top: 0px;
}

#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}

#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.tp-preloader-logo {
  width: 180px;
  height: 180px;
  line-height: 180px;
  position: relative;
  text-align: center;
  margin: auto;
}
.tp-preloader-logo img {
  animation: zoom-in-zoom-out 2s ease-out infinite;
}
.tp-preloader-circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tp-preloader-circle svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: tp-rotate 5s linear infinite;
  -moz-animation: tp-rotate 5s linear infinite;
  -ms-animation: tp-rotate 5s linear infinite;
  -o-animation: tp-rotate 5s linear infinite;
  animation: tp-rotate 5s linear infinite;
}
.tp-preloader-circle svg circle:last-child {
  stroke: var(--tp-theme-primary);
  stroke-dashoffset: 0;
  stroke-dasharray: 1128, 3150;
  -webkit-animation: tp-loading 4s linear infinite;
  -moz-animation: tp-loading 4s linear infinite;
  -ms-animation: tp-loading 4s linear infinite;
  -o-animation: tp-loading 4s linear infinite;
  animation: tp-loading 4s linear infinite;
  transform-origin: center center;
}
@-webkit-keyframes tp-loading {
  0% {
    stroke-dashoffset: 0;
    stroke-dasharray: 0, 3150;
  }
  100% {
    stroke-dashoffset: -1131;
    stroke-dasharray: 1128, 3138;
  }
}
@-moz-keyframes tp-loading {
  0% {
    stroke-dashoffset: 0;
    stroke-dasharray: 0, 3150;
  }
  100% {
    stroke-dashoffset: -1131;
    stroke-dasharray: 1128, 3138;
  }
}
@-ms-keyframes tp-loading {
  0% {
    stroke-dashoffset: 0;
    stroke-dasharray: 0, 3150;
  }
  100% {
    stroke-dashoffset: -1131;
    stroke-dasharray: 1128, 3138;
  }
}
@keyframes tp-loading {
  0% {
    stroke-dashoffset: 0;
    stroke-dasharray: 0, 3150;
  }
  100% {
    stroke-dashoffset: -1131;
    stroke-dasharray: 1128, 3138;
  }
}
@-webkit-keyframes tp-rotate {
  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);
  }
}
@-moz-keyframes tp-rotate {
  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);
  }
}
@-ms-keyframes tp-rotate {
  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);
  }
}
@keyframes tp-rotate {
  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);
  }
}
.tp-preloader-content {
  text-align: center;
}
.tp-preloader-title {
  font-size: 100px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .tp-preloader-title {
    font-size: 70px;
  }
}
.tp-preloader-subtitle {
  font-size: 20px;
  margin-bottom: 0;
  margin-top: 20px;
  transform: translateX(4px);
  color: var(--tp-common-black);
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(0.9, 0.9);
  }
  100% {
    transform: scale(1, 1);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #loading-center-absolute {
    width: 40%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #loading-center-absolute {
    width: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #loading-center-absolute {
    width: 45%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #loading-center-absolute {
    width: 50%;
  }
}
@media (max-width: 575px) {
  #loading-center-absolute {
    width: 90%;
  }
}
/*----------------------------------------*/
/*  2.6 Background
/*----------------------------------------*/
.grey-bg {
  background-color: var(--tp-grey-1);
}

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

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

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

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

.lightblue-bg {
  background-color: var(--tp-blue-1);
}

[data-bg-color=footer-bg-grey] {
  background-color: var(--tp-footer-grey-1);
}

/*----------------------------------------*/
/*  2.7 Carousel
/*----------------------------------------*/
/*----------------------------------------*/
/*  2.8 Nice Select
/*----------------------------------------*/
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}
.nice-select:hover {
  border-color: #dbdbdb;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
}
.nice-select::after {
  position: absolute;
  content: "\f107";
  top: 50%;
  right: 0;
  font-family: var(--tp-ff-fontawesome);
  color: var(--tp-common-black);
  font-weight: 500;
  pointer-events: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  margin-top: 0;
  transform-origin: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.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);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled::after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small::after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.nice-select .option.selected {
  font-weight: bold;
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

/*----------------------------------------*/
/*  2.9 Pagination
/*----------------------------------------*/
.tp-pagination ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.tp-pagination ul li {
  display: inline-block;
}
.tp-pagination ul li:not(:last-child) {
  margin-right: 6px;
}
.tp-pagination ul li a, .tp-pagination ul li span {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #121420;
  border-radius: 20px;
  background-color: var(--tp-common-white);
  border: 0px solid rgba(0, 0, 0, 0.1);
}
.tp-pagination ul li a:hover, .tp-pagination ul li a.current, .tp-pagination ul li span:hover, .tp-pagination ul li span.current {
  color: var(--tp-common-white);
  background: var(--tp-dashboard-secondary);
  border-color: var(--tp-dashboard-secondary);
}
.tp-pagination.shop ul li a:hover, .tp-pagination.shop ul li a.current, .tp-pagination.shop ul li span:hover, .tp-pagination.shop ul li span.current {
  background-color: var(--tp-theme-8);
  border-color: var(--tp-theme-8);
}

/*----------------------------------------*/
/*  2.10 Offcanvas
/*----------------------------------------*/
.offcanvas__area {
  position: fixed;
  right: 0;
  top: 0;
  width: 450px;
  height: 100%;
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  background: var(--tp-common-white) none repeat scroll 0 0;
  z-index: 1000;
  transition: 0.3s linear;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.offcanvas__area::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}
.offcanvas__area.offcanvas-opened {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .offcanvas__area {
    width: calc(100% - 50px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .offcanvas__area {
    width: 350px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .offcanvas__top {
    margin-bottom: 40px;
  }
}
.offcanvas__wrapper {
  position: relative;
  padding: 50px 40px 145px;
  z-index: 1;
  min-height: 100%;
}
@media only screen and (max-width: 767px) {
  .offcanvas__wrapper {
    padding: 20px;
  }
}
.offcanvas-title {
  font-size: 40px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 15px;
  letter-spacing: -0.8px;
  color: var(--tp-common-black-1);
}
.offcanvas-title.sm {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 0;
}
.offcanvas-content {
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .offcanvas-content {
    display: none;
  }
}
.offcanvas-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #414144;
}
.offcanvas-gallery {
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .offcanvas-gallery {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .offcanvas-gallery.home-2 {
    margin-top: 30px;
  }
}
.offcanvas-gallery-img {
  position: relative;
}
.offcanvas-gallery-img img {
  width: 100%;
  transition: 0.4s;
}
.offcanvas-gallery-img::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.3);
}
.offcanvas-gallery-img:hover img {
  transform: scale(1.1);
}
.offcanvas-gallery-img:hover::after {
  opacity: 1;
  visibility: visible;
}
.offcanvas-contact {
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .offcanvas-contact {
    display: none;
  }
}
.offcanvas-contact ul li {
  margin-bottom: 2px;
  list-style: none;
}
.offcanvas-contact ul li a {
  position: relative;
  font-size: 18px;
  color: #414144;
  display: inline-block;
}
.offcanvas-contact ul li a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  left: auto;
  right: 0;
  bottom: 0px;
  opacity: 0;
  background: #414144;
  transition: all 0.3s linear;
}
.offcanvas-contact ul li a:hover::before {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.2s linear;
}
.offcanvas-social ul {
  display: flex;
  align-items: center;
}
.offcanvas-social ul li {
  list-style: none;
}
.offcanvas-social ul li:not(:last-of-type) {
  margin-right: 8px;
}
.offcanvas-social ul li a {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 38px;
  border-radius: 40px;
  color: var(--tp-common-black-1);
  border: 1px solid rgba(2, 11, 24, 0.1);
}
.offcanvas-social ul li a svg {
  transform: translateY(-1px);
}
.offcanvas-social ul li a:hover {
  color: var(--tp-common-white);
  border-color: var(--tp-common-black);
  background-color: var(--tp-common-black);
}
.offcanvas__close {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .offcanvas__close {
    top: 20px;
  }
}
.offcanvas__close-btn {
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  height: 50px;
  width: 50px;
  line-height: 40px;
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
  border: none;
  transition: 0.3s linear;
}
@media only screen and (max-width: 767px) {
  .offcanvas__close-btn {
    height: 40px;
    width: 40px;
  }
}
.offcanvas__close-btn:hover {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
  opacity: 0.8;
}
.offcanvas__close-btn:hover svg {
  transform: translateY(-2px);
}
.offcanvas__close-btn svg {
  transform: translateY(-2px);
}
.offcanvas-open-btn {
  height: 40px;
  width: 40px;
  border-radius: 6px;
  line-height: 42px;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  transition: 0.3s linear;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.offcanvas-open-btn span {
  font-size: 16px;
  font-weight: 400;
  transform: translateY(-3px);
  display: inline-block;
  transition: 0.3s linear;
}
.offcanvas-open-btn:hover {
  border-color: white;
  background-color: var(--tp-common-white);
}
.offcanvas-open-btn:hover i {
  color: var(--tp-common-black);
}
.offcanvas-open-btn i {
  display: inline-block;
  transform: translateY(-2px);
  color: var(--tp-common-white);
  transform: 0.3s linear;
}
.offcanvas-btn {
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .offcanvas-btn {
    margin-left: 8px;
  }
}
.offcanvas__2 .offcanvas__close-btn {
  background-color: var(--tp-theme-secondary);
}
.offcanvas__2 .tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn i, .offcanvas__2 .tp-main-menu-mobile ul li:hover > a, .offcanvas__2 .tp-main-menu-mobile ul li.has-dropdown > a.expanded, .offcanvas__2 .offcanvas__2 .tp-main-menu-mobile ul li.has-dropdown.expanded {
  color: var(--tp-theme-secondary);
}
.offcanvas__2 .tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn i .dropdown-toggle-btn::after, .offcanvas__2 .tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn::after, .offcanvas__2 .tp-main-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn::after, .offcanvas__2 .offcanvas__2 .tp-main-menu-mobile ul li.has-dropdown.expanded .dropdown-toggle-btn::after {
  background-color: var(--tp-dashboard-primary);
}
.offcanvas__2 .tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn i .dropdown-toggle-btn::before, .offcanvas__2 .tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn::before, .offcanvas__2 .tp-main-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn::before, .offcanvas__2 .offcanvas__2 .tp-main-menu-mobile ul li.has-dropdown.expanded .dropdown-toggle-btn::before {
  background-color: var(--tp-dashboard-primary);
}
.offcanvas__2 .offcanvas__social a {
  color: var(--tp-theme-secondary);
  border: 2px solid var(--tp-theme-secondary);
}
.offcanvas__3 .offcanvas__close-btn {
  background-color: var(--tp-theme-3);
}
.offcanvas__3 .tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn i, .offcanvas__3 .tp-main-menu-mobile ul li:hover > a, .offcanvas__3 .tp-main-menu-mobile ul li.has-dropdown > a.expanded {
  color: var(--tp-theme-3);
}
.offcanvas__3 .tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn i .dropdown-toggle-btn::after, .offcanvas__3 .tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn::after, .offcanvas__3 .tp-main-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn::after {
  background-color: var(--tp-theme-3);
}
.offcanvas__3 .tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn i .dropdown-toggle-btn::before, .offcanvas__3 .tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn::before, .offcanvas__3 .tp-main-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn::before {
  background-color: var(--tp-theme-3);
}
.offcanvas__3 .offcanvas__social a {
  color: var(--tp-theme-3);
  border: 2px solid var(--tp-theme-3);
}
.offcanvas__3 .offcanvas__social a:hover {
  color: var(--tp-common-white);
}

.cartmini__area {
  position: fixed;
  right: 0;
  left: auto;
  width: 400px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  background: var(--tp-common-white) none repeat scroll 0 0;
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  transition: all 0.4s ease-in-out;
}
@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), only screen and (max-width: 767px) {
  .cartmini__area {
    right: 0;
    left: auto;
    -webkit-transform: translateX(calc(100% + 80px));
    -moz-transform: translateX(calc(100% + 80px));
    -ms-transform: translateX(calc(100% + 80px));
    -o-transform: translateX(calc(100% + 80px));
    transform: translateX(calc(100% + 80px));
  }
}
.cartmini__area::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}
.cartmini__area.cartmini-opened {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .cartmini__area {
    width: 100%;
  }
}
.cartmini__close {
  position: absolute;
  top: 35px;
  right: 30px;
}
@media only screen and (max-width: 767px) {
  .cartmini__close {
    right: 20px;
    top: 20px;
  }
}
.cartmini__close-btn {
  position: relative;
  display: inline-block;
  font-size: 16px;
  height: 44px;
  width: 44px;
  line-height: 40px;
  background-color: #f5f5f5;
  color: var(--tp-heading-primary);
  z-index: 2;
}
.cartmini__wrapper {
  position: relative;
  min-height: 100%;
  padding-left: 25px;
  padding-right: 25px;
}
.cartmini__top-title {
  padding: 20px 0;
  border-bottom: 1px solid var(--tp-border-primary);
}
.cartmini__top-title h4 {
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 0;
}
.cartmini__close {
  position: absolute;
  top: 8px;
  right: 15px;
}
.cartmini__close-btn {
  background: transparent;
  color: var(--tp-common-black);
  font-size: 22px;
}
.cartmini__close-btn:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.cartmini__shipping {
  padding: 15px 0;
  border-bottom: 1px solid var(--tp-border-primary);
}
.cartmini__shipping .progress {
  height: 10px;
  border-radius: 50px;
}
.cartmini__shipping .progress-bar {
  border-radius: 10px;
  background-color: var(--tp-theme-primary);
}
.cartmini__shipping.home-2 .progress-bar {
  background-color: var(--tp-dashboard-primary);
}
.cartmini__shipping.home-5 .progress-bar {
  background-color: var(--tp-heading-primary);
}
.cartmini__shipping.home-shop .progress-bar {
  background-color: #006b61;
}
.cartmini__shipping p {
  margin-bottom: 5px;
}
.cartmini__shipping p span {
  font-weight: 600;
}
.cartmini__widget {
  height: calc(100vh - 380px);
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.cartmini__widget::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}
.cartmini__widget-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid rgba(129, 129, 129, 0.2);
}
.cartmini__widget-item:not(:last-of-type) {
  border-bottom: 0;
}
.cartmini__thumb {
  border: 1px solid var(--tp-border-primary);
  margin-right: 15px;
}
.cartmini__thumb img {
  width: 70px;
  height: auto;
}
.cartmini__title {
  font-size: 15px;
  margin-bottom: 4px;
  font-weight: 500;
}
.cartmini__title a:hover {
  color: var(--tp-theme-primary);
}
.cartmini__title.home-2 a:hover {
  color: var(--tp-dashboard-primary);
}
.cartmini__title.home-5 a:hover {
  color: var(--tp-heading-primary);
}
.cartmini__title.home-shop a:hover {
  color: #006b61;
}
.cartmini__content {
  padding-right: 15px;
}
.cartmini__content .tp-product-quantity {
  width: 75px;
  padding: 0;
}
.cartmini__content .tp-product-quantity .tp-cart-input[type=text] {
  height: 30px;
  text-align: center;
  font-size: 13px;
  border: 1px solid var(--tp-border-primary);
  background-color: var(--tp-common-white);
  padding: 0;
}
.cartmini__content .tp-product-quantity .tp-cart-plus,
.cartmini__content .tp-product-quantity .tp-cart-minus {
  width: 20px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  text-align: center;
  font-size: 13px;
  left: 3px;
}
.cartmini__content .tp-product-quantity .tp-cart-plus svg,
.cartmini__content .tp-product-quantity .tp-cart-minus svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
  width: 10px;
}
.cartmini__content .tp-product-quantity .tp-cart-plus::after,
.cartmini__content .tp-product-quantity .tp-cart-minus::after {
  display: none;
}
.cartmini__content .tp-product-quantity .tp-cart-plus {
  left: auto;
  right: 3px;
}
.cartmini__del {
  position: absolute;
  top: 15px;
  right: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: var(--tp-common-black);
  font-size: 14px;
}
.cartmini__del:hover {
  color: var(--tp-theme-primary);
}
.cartmini__del.home-2:hover {
  color: var(--tp-dashboard-primary);
}
.cartmini__del.home-5:hover {
  color: var(--tp-heading-primary);
}
.cartmini__checkout {
  padding-top: 15px;
  padding-bottom: 85px;
  width: 100%;
  background: var(--tp-common-white);
  border-top: 2px solid var(--tp-border-primary);
}
.cartmini__checkout-title h4 {
  font-size: 15px;
  display: inline-block;
  font-weight: 500;
  margin-bottom: 0;
  text-transform: capitalize;
}
.cartmini__checkout-title span {
  float: right;
  font-size: 15px;
  color: var(--tp-common-black);
  font-weight: 500;
}
.cartmini__checkout-btn .tp-btn {
  font-size: 15px;
  padding: 10px 30px;
  text-align: center;
  border-radius: 50px;
  text-transform: capitalize;
  border: 1px solid var(--tp-theme-primary);
}
.cartmini__checkout-btn .tp-btn:hover {
  background-color: var(--tp-heading-primary);
  border: 1px solid var(--tp-heading-primary);
}
.cartmini__checkout-btn .tp-btn-border:hover {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-primary);
}
.cartmini__checkout-btn .tp-btn-border {
  background: none;
  color: var(--tp-heading-primary);
  border: 1px solid var(--tp-text-body);
}
.cartmini__checkout-btn .tp-btn-border:hover {
  border: 1px solid var(--tp-heading-primary);
  color: var(--tp-common-white);
  background: var(--tp-heading-primary);
}
.cartmini__checkout-btn.home-2 .tp-btn {
  background-color: var(--tp-dashboard-primary);
  border: 1px solid var(--tp-dashboard-primary);
}
.cartmini__checkout-btn.home-2 .tp-btn:hover {
  background-color: var(--tp-heading-primary);
  border: 1px solid var(--tp-heading-primary);
}
.cartmini__checkout-btn.home-2 .tp-btn.tp-btn-border {
  background-color: transparent;
  border: 1px solid var(--tp-heading-primary);
}
.cartmini__checkout-btn.home-2 .tp-btn.tp-btn-border:hover {
  background: var(--tp-heading-primary);
  border-color: var(--tp-heading-primary);
}
.cartmini__checkout-btn.home-5 .tp-btn {
  background-color: var(--tp-heading-primary);
  border: 1px solid var(--tp-heading-primary);
}
.cartmini__checkout-btn.home-5 .tp-btn:hover {
  background-color: transparent;
  color: var(--tp-common-black);
}
.cartmini__checkout-btn.home-5 .tp-btn.tp-btn-border {
  background-color: transparent;
  border: 1px solid var(--tp-heading-primary);
}
.cartmini__checkout-btn.home-5 .tp-btn.tp-btn-border:hover {
  color: var(--tp-common-white);
  background: var(--tp-heading-primary);
  border-color: var(--tp-heading-primary);
}
.cartmini__checkout-btn.home-shop .tp-btn {
  background-color: #006b61;
  border: 1px solid #006b61;
}
.cartmini__checkout-btn.home-shop .tp-btn:hover {
  background-color: transparent;
  color: var(--tp-common-black);
}
.cartmini__checkout-btn.home-shop .tp-btn.tp-btn-border {
  background-color: transparent;
  border: 1px solid #006b61;
}
.cartmini__checkout-btn.home-shop .tp-btn.tp-btn-border:hover {
  color: var(--tp-common-white);
  background: #006b61;
  border-color: #006b61;
}
.cartmini__price {
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-theme-primary);
}
.cartmini__price.home-2 {
  color: var(--tp-dashboard-primary);
}
.cartmini__price.home-5 {
  color: var(--tp-heading-primary);
}
.cartmini__price.home-shop {
  color: #006b61;
}
.cartmini__quantity {
  font-size: 12px;
  font-weight: 500;
}
.cartmini__empty {
  margin-top: 150px;
}
.cartmini__empty img {
  margin-bottom: 30px;
}
.cartmini__empty p {
  font-size: 16px;
  color: var(--tp-common-black);
  margin-bottom: 15px;
}
.cartmini__empty .tp-btn {
  background-color: var(--tp-grey-1);
  font-size: 15px;
  text-transform: capitalize;
  color: var(--tp-common-black);
  padding: 10px 30px;
  text-align: center;
}
.cartmini__empty .tp-btn:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}

.filter__area {
  position: fixed;
  right: 0;
  left: auto;
  width: 400px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  background: var(--tp-common-white) none repeat scroll 0 0;
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  transition: all 0.4s ease-in-out;
}
@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), only screen and (max-width: 767px) {
  .filter__area {
    right: 0;
    left: auto;
    -webkit-transform: translateX(calc(100% + 80px));
    -moz-transform: translateX(calc(100% + 80px));
    -ms-transform: translateX(calc(100% + 80px));
    -o-transform: translateX(calc(100% + 80px));
    transform: translateX(calc(100% + 80px));
  }
}
.filter__area::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}
.filter__area.filter-opened {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}
.filter__close {
  position: absolute;
  right: 30px;
  top: 22px;
}
.filter__close-btn {
  position: relative;
  display: inline-block;
  font-size: 16px;
  height: 44px;
  width: 44px;
  line-height: 40px;
  background-color: #f5f5f5;
  color: var(--tp-heading-primary);
  z-index: 2;
}
.filter__close-btn i {
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.filter__close-btn:hover {
  background-color: var(--tp-dashboard-primary);
}
.filter__close-btn:hover i {
  transform: rotate(45deg);
  color: var(--tp-common-white);
}
.filter__wrapper {
  position: relative;
  min-height: 100%;
  padding: 30px;
}

.body-overlay {
  background-color: var(--tp-common-black);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

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

.body-overlay:hover {
  cursor: url("../img/icon/cross-out.png"), pointer;
}

.filter-overlay {
  background-color: var(--tp-common-black);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.filter-overlay.opened {
  opacity: 0.3;
  visibility: visible;
}

.filter-overlay:hover {
  cursor: url("../img/icon/cross-out.png"), pointer;
}

/*----------------------------------------*/
/*  2.11 Breadcrumb
/*----------------------------------------*/
.tp-breadcrumb__bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.tp-breadcrumb__bg.overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-breadcrumb__bg {
    background-size: cover;
    background-repeat: no-repeat;
  }
}
.tp-breadcrumb__bg.details3 {
  height: 990px;
}
.tp-breadcrumb__bg.details3::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(134, 56, 252, 0.9) 0%, #5838fc 100%);
}
.tp-breadcrumb__title {
  color: #031F42;
  font-size: 56px;
  font-weight: 600;
  margin: 0;
  letter-spacing: -1.12px;
}
.tp-breadcrumb__title.color {
  font-size: 70px;
  font-weight: 700;
  letter-spacing: -1.4px;
  color: var(--tp-common-white);
}
@media only screen and (max-width: 767px) {
  .tp-breadcrumb__title.color {
    font-size: 46px;
  }
}
.tp-breadcrumb__list span {
  position: relative;
  font-size: 16px;
  font-weight: 300;
}
.tp-breadcrumb__list span:not(:last-child) {
  padding-right: 12px;
  margin-right: 5px;
}
.tp-breadcrumb__list span:not(:last-child)::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  width: 1px;
  height: 16px;
  background-color: rgba(3, 31, 66, 0.2);
}
.tp-breadcrumb__list span.color {
  color: #031F42;
}
.tp-breadcrumb__list span.white {
  color: var(--tp-common-white);
}
.tp-breadcrumb__list span a {
  display: inline-block;
  transform: translateY(-2px);
}
.tp-breadcrumb__list span a:hover {
  color: var(--tp-theme-7);
}
.tp-breadcrumb__list.tp-event-details-breadcrumb-list span {
  color: var(--tp-common-white);
}
.tp-breadcrumb__list.tp-event-details-breadcrumb-list span::after {
  background-color: rgba(255, 255, 255, 0.2);
}
.tp-breadcrumb__list.inner-after span::after {
  height: 14px;
  background: rgba(255, 255, 255, 0.2);
}
.tp-breadcrumb__content-filter p {
  font-weight: 300;
  font-size: 18px;
  color: #4f5158;
  margin-bottom: 0;
}
.tp-breadcrumb__content-filter p span {
  color: #031f42;
  font-weight: 500;
}
.tp-breadcrumb__overlay {
  position: relative;
}
.tp-breadcrumb__overlay::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

/*----------------------------------------*/
/*  2.12 Accordion
/*----------------------------------------*/
.tp-accordion .accordion-item {
  border: 0;
  background-color: transparent;
  border-bottom: 1px solid rgba(var(--tp-common-black), 1);
}
.tp-accordion .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.tp-accordion .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.tp-accordion .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.tp-accordion .accordion-button {
  padding: 30px 0;
  padding-right: 15px;
  font-size: 24px;
  font-weight: 500;
  color: var(--tp-common-black);
  background-color: transparent;
  /* plus icon css */
}
.tp-accordion .accordion-button::after {
  position: absolute;
  content: "\f106";
  font-family: var(--tp-ff-fontawesome);
  background-image: none;
  top: 28%;
  right: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  color: var(--tp-theme-primary);
  width: auto;
  height: auto;
  font-weight: 500;
  background: none;
}
.tp-accordion .accordion-button.has-plus-icon::after {
  display: none;
}
.tp-accordion .accordion-button .tp-accordion-plus {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 14px;
  height: 14px;
}
[dir=rtl] .tp-accordion .accordion-button .tp-accordion-plus {
  right: auto;
  left: 0;
}
.tp-accordion .accordion-button .tp-accordion-plus::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #525258;
  border-radius: 2px;
}
[dir=rtl] .tp-accordion .accordion-button .tp-accordion-plus::after {
  right: 0;
  left: auto;
}
.tp-accordion .accordion-button .tp-accordion-plus::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 100%;
  left: 50%;
  top: 0;
  background-color: #525258;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 2px;
}
[dir=rtl] .tp-accordion .accordion-button .tp-accordion-plus::before {
  right: 50%;
  left: auto;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
}
.tp-accordion .accordion-button.collapsed::after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  color: var(--tp-common-black);
}
.tp-accordion .accordion-button:not(.collapsed) {
  color: var(--tp-theme-primary);
  background-color: transparent;
  box-shadow: none;
}
.tp-accordion .accordion-button:not(.collapsed) .tp-accordion-plus::before {
  -webkit-transform: translateX(-50%) rotate(90deg);
  -moz-transform: translateX(-50%) rotate(90deg);
  -ms-transform: translateX(-50%) rotate(90deg);
  -o-transform: translateX(-50%) rotate(90deg);
  transform: translateX(-50%) rotate(90deg);
  background-color: var(--tp-theme-1);
}
[dir=rtl] .tp-accordion .accordion-button:not(.collapsed) .tp-accordion-plus::before {
  -webkit-transform: translateX(50%) rotate(90deg);
  -moz-transform: translateX(50%) rotate(90deg);
  -ms-transform: translateX(50%) rotate(90deg);
  -o-transform: translateX(50%) rotate(90deg);
  transform: translateX(50%) rotate(90deg);
}
.tp-accordion .accordion-button:not(.collapsed) .tp-accordion-plus::after {
  background-color: var(--tp-theme-1);
}
.tp-accordion .accordion-button:focus {
  box-shadow: none;
  border: 0;
}
.tp-accordion .accordion-button:hover {
  color: var(--tp-theme-primary);
}
.tp-accordion .accordion-button:hover::after {
  color: var(--tp-theme-primary);
}
.tp-accordion .accordion-body {
  padding: 0 0 25px;
}
.tp-accordion .accordion-body p {
  font-size: 16px;
  color: var(--tp-text-1);
}

/*----------------------------------------*/
/*  2.13 Tab
/*----------------------------------------*/
.tp-tab .nav-tabs {
  padding: 0;
  margin: 0;
  border: 0;
}
.tp-tab .nav-tabs .nav-link {
  padding: 0;
  margin: 0;
  border: 0;
}

.tp-product-tab-2 .nav-tabs .nav-link {
  font-size: 20px;
  color: #A0A2A4;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .tp-product-tab-2 .nav-tabs .nav-link {
    font-size: 15px;
  }
}
.tp-product-tab-2 .nav-tabs .nav-link:not(:first-child) {
  margin-left: 28px;
}
.tp-product-tab-2 .nav-tabs .nav-link:not(:first-child)::after {
  position: absolute;
  left: -17px;
  top: 50%;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #CED2D6;
}
.tp-product-tab-2 .nav-tabs .nav-link.active {
  color: var(--tp-theme-secondary);
}
.tp-product-tab-2 .nav-tabs .nav-link.active .tp-product-tab-tooltip {
  opacity: 1;
  visibility: visible;
}
.tp-product-tab-2 .nav-tabs .nav-link .tp-product-tab-tooltip {
  position: absolute;
  top: -24px;
  right: 0;
  background-color: var(--tp-theme-secondary);
  color: var(--tp-common-white);
  font-size: 12px;
  line-height: 1;
  display: inline-block;
  padding: 4px 9px;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  font-weight: 700;
}
.tp-product-tab-2 .nav-tabs .nav-link .tp-product-tab-tooltip::after {
  position: absolute;
  content: "";
  bottom: 0;
  bottom: -5px;
  left: 7px;
  width: 13px;
  height: 6px;
  background-color: var(--tp-theme-secondary);
  clip-path: polygon(100% 0, 0 0, 28% 100%);
}
.tp-product-tab-3 .nav-tabs .nav-link {
  font-size: 16px;
  padding: 0 0;
}
@media only screen and (max-width: 767px) {
  .tp-product-tab-3 .nav-tabs .nav-link {
    font-size: 15px;
  }
}
.tp-product-tab-3 .nav-tabs .nav-link:not(:first-child) {
  margin-left: 23px;
}
.tp-product-tab-3 .nav-tabs .nav-link:not(:first-child)::after {
  width: 4px;
  height: 4px;
  left: -14px;
}
.tp-product-tab-3 .nav-tabs .nav-link.active {
  color: var(--tp-common-black);
}
.tp-product-tab-3 .nav-tabs .nav-link.active .tp-product-tab-tooltip {
  opacity: 1;
  visibility: visible;
}
.tp-product-tab-3 .nav-tabs .nav-link .tp-product-tab-tooltip {
  background-color: var(--tp-theme-primary);
}
.tp-product-tab-3 .nav-tabs .nav-link .tp-product-tab-tooltip::after {
  background-color: var(--tp-theme-primary);
}
.tp-product-tab-5 .nav-tabs .nav-link {
  padding: 0 5px;
}
@media only screen and (max-width: 767px) {
  .tp-product-tab-5 .nav-tabs .nav-link {
    font-size: 15px;
  }
}
.tp-product-tab-5 .nav-tabs .nav-link:not(:last-child)::after {
  left: -15px;
}
.tp-product-tab-5 .nav-tabs .nav-link:not(:first-child) {
  margin-left: 22px;
}
.tp-product-tab-5 .nav-tabs .nav-link.active {
  color: var(--tp-common-black);
}
.tp-product-tab-5 .nav-tabs .nav-link.active .tp-product-tab-tooltip {
  opacity: 1;
  visibility: visible;
}
.tp-product-tab-5 .nav-tabs .nav-link .tp-product-tab-tooltip {
  background-color: var(--tp-theme-green);
}
.tp-product-tab-5 .nav-tabs .nav-link .tp-product-tab-tooltip::after {
  background-color: var(--tp-theme-green);
}

.tp-tab-line {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  width: 38%;
  height: 2px;
  background-color: var(--tp-common-black);
}

/*----------------------------------------*/
/*  2.14 Modal
/*----------------------------------------*/
/*----------------------------------------*/
/*  2.15 Section Title
/*----------------------------------------*/
.tp-section-title {
  font-size: 60px;
  line-height: 1.07;
  letter-spacing: -0.6px;
}
@media only screen and (max-width: 767px) {
  .tp-section-title {
    font-size: 40px;
  }
}
.tp-section-title span {
  position: relative;
  color: var(--tp-theme-primary);
  display: inline-block;
}
.tp-section-title span svg {
  position: absolute;
  bottom: -10px;
  left: 37px;
  color: #161613;
}
@media only screen and (max-width: 767px) {
  .tp-section-title span svg {
    left: 0;
  }
}
.tp-section-title-white {
  font-size: 60px;
  font-weight: 600;
  color: var(--tp-common-white);
}
.tp-section-subtitle {
  color: var(--tp-theme-primary);
  font-size: 18px;
  font-style: italic;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.tp-section p {
  margin-left: 25px;
  font-size: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-section p {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), 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 (max-width: 767px) {
  .tp-section p br {
    display: none;
  }
}
.tp-section-2-subtitle {
  color: var(--tp-theme-3);
  font-size: 20px;
  display: inline-block;
}
.tp-section-2-title {
  font-size: 60px;
  line-height: 1.1;
  letter-spacing: -1.2px;
  font-weight: 500;
  color: var(--tp-heading-3);
}
@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) {
  .tp-section-2-title {
    font-size: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-section-2-title {
    font-size: 40px;
  }
}
.tp-section-2-title span {
  color: var(--tp-theme-primary);
  position: relative;
  display: inline-block;
}
.tp-section-3-subtitle {
  color: var(--tp-theme-secondary);
  font-size: 18px;
  font-weight: 400;
}
.tp-section-3-subtitle.color-9 {
  color: var(--tp-theme-9);
}
.tp-section-3-title {
  color: var(--tp-heading-2);
  font-size: 50px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .tp-section-3-title {
    font-size: 36px;
  }
}
.tp-section-3-title span {
  color: var(--tp-theme-secondary);
  position: relative;
  z-index: 1;
  display: inline-block;
}
.tp-section-3-title.color-9 span {
  color: var(--tp-theme-9);
}
.tp-section-4-title {
  font-size: 60px;
  line-height: 1.1;
  letter-spacing: -1.2px;
  font-weight: 500;
}
.tp-section-4-title span {
  position: relative;
  z-index: 1;
  color: var(--tp-theme-primary);
}
.tp-section-4-title span svg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.tp-section-4-title span svg path {
  stroke: #161613;
  stroke-dasharray: 2300;
  stroke-dashoffset: 3500;
  animation: dash 4s linear forwards;
}
.tp-section-5-subtitle {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.84px;
  text-transform: uppercase;
}
.tp-section-5-title {
  font-size: 60px;
  font-weight: 600;
  letter-spacing: -1.2px;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-5-title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-section-5-title {
    font-size: 54px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-section-5 p br {
    display: none;
  }
}

.tp-underline-shape-1 {
  position: absolute;
  bottom: -10px;
  left: 37px;
}
@media only screen and (max-width: 767px) {
  .tp-underline-shape-1 {
    left: 0;
  }
}
.tp-underline-shape-2 {
  position: absolute;
  bottom: -6px;
  left: 37px;
}
@media only screen and (max-width: 767px) {
  .tp-underline-shape-2 {
    bottom: -8px;
    left: 0;
  }
}
.tp-underline-shape-3 {
  position: absolute;
  bottom: -6px;
  left: 8px;
}
@media only screen and (max-width: 767px) {
  .tp-underline-shape-3 {
    left: 0;
  }
}
.tp-underline-shape-4 {
  position: absolute;
  bottom: -8px;
  left: -150px;
}
@media only screen and (max-width: 767px) {
  .tp-underline-shape-4 {
    bottom: -18px;
    left: 0;
  }
}
.tp-underline-shape-5 {
  position: absolute;
  bottom: -5px;
  left: 55px;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .tp-underline-shape-5 {
    width: 100%;
  }
}
.tp-underline-shape-6 {
  position: absolute;
  bottom: -5px;
  left: 20px;
}
.tp-underline-shape-7 {
  position: absolute;
  bottom: -5px;
  left: -6px;
}
.tp-underline-shape-8 {
  position: absolute;
  bottom: -3px;
  left: -6px;
  z-index: -1;
}
.tp-underline-shape-9 {
  position: absolute;
  bottom: -6px;
  left: 35px;
  z-index: -1;
}
.tp-underline-shape-10 {
  position: absolute;
  bottom: -4px;
  left: 7px;
  z-index: -1;
}
.tp-underline-shape-11 {
  position: absolute;
  bottom: -7px;
  left: 17px;
  z-index: -1;
}
.tp-underline-shape-12 {
  position: absolute;
  bottom: -8px;
  left: 40px;
}

/*----------------------------------------*/
/*  2.178 Range Slider css start
/*----------------------------------------*/
.ui-button-icon-only, .ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-checkboxradio-disabled, .ui-state-disabled {
  pointer-events: none;
}

.ui-datepicker .ui-icon, .ui-icon {
  text-indent: -99999px;
  background-repeat: no-repeat;
}

.ui-helper-reset, .ui-menu {
  outline: 0;
  list-style: none;
}

.ui-helper-hidden, .ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  overflow: hidden;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-autocomplete, .ui-menu .ui-menu {
  position: absolute;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  padding: 0;
  margin: 0;
  display: block;
}

.ui-button, .ui-controlgroup {
  display: inline-block;
  vertical-align: middle;
}

.ui-button, .ui-menu-icons, .ui-resizable {
  position: relative;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0;
}

.ui-menu .ui-state-active, .ui-menu .ui-state-focus {
  margin: -1px;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

.ui-button, .ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible;
}

.ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

button.ui-button::-moz-focus-inner, input.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus, .ui-controlgroup > .ui-controlgroup-item:focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: 700;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td a, .ui-datepicker td span {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  overflow: hidden;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: 0 0;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw, .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle, .ui-selectable, .ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #000;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min, .ui-spinner-down {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max, .ui-spinner-up {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: 0 0;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 2em 0.2em 0.4em;
  vertical-align: middle;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-tabs {
  position: relative;
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: 0 0;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

.ui-widget, .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}

.ui-widget-content a, .ui-widget-header a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: 700;
}

.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: 400;
  color: #454545;
}

.ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: 400;
  color: #2b2b2b;
}

.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: 400;
  color: #fff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error a, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: 700;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: 400;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.html");
}

.ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.html");
}

.ui-button:active .ui-icon, .ui-state-active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.html");
}

.ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_777620_256x240.html");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.html");
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.html");
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-first, .ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
  border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
  border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
  border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
  background: #aaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
}

/*----------------------------------------*/
/*  2.16 Select 2
/*----------------------------------------*/
.select2.select2-container {
  width: 100% !important;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  height: 46px;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 46px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 26px;
  padding-right: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 14px;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 46px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 14px;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 0;
  margin-left: 0;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 50px;
  line-height: 50px;
  vertical-align: bottom;
  overflow: hidden;
  word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::placeholder {
  font-size: 16px;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid rgba(1, 15, 28, 0.1);
  border-radius: 6px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--tp-common-black);
  line-height: 46px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 46px;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 46px;
  position: absolute;
  top: 1px;
  right: 26px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid rgba(1, 15, 28, 0.1);
  border-radius: 6px;
  cursor: text;
  position: relative;
  padding: 0 15px;
  line-height: 46px;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: 400;
  font-size: 18px;
  height: 20px;
  margin-right: 15px;
  margin-top: 0px;
  position: absolute;
  right: 0;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #eff1f7;
  box-sizing: border-box;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  white-space: nowrap;
  line-height: 26px;
  margin-bottom: 10px;
  padding: 3px 32px 1px 16px;
  border-radius: 100px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  font-weight: 400;
  font-size: 15px;
  color: #4f5158;
  line-height: 1;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  color: #8F9195;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
  position: absolute;
  right: 14px;
  top: 3px;
  display: inline-block;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: var(--tp-common-danger);
  color: #4f5158;
  outline: none;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid rgba(1, 15, 28, 0.1);
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid rgba(1, 15, 28, 0.1);
  outline: 0;
  padding: 0 15px;
}

@media only screen and (max-width: 576px) {
  .select2-container--default.select2-container--focus .select2-selection--multiple {
    min-height: inherit;
    height: 46px;
    overflow: hidden;
  }
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid rgba(1, 15, 28, 0.1);
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--tp-theme-secondary);
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid rgba(1, 15, 28, 0.1);
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid var(--tp-theme-secondary);
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: var(--tp-common-black);
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid rgba(1, 15, 28, 0.1);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid var(--tp-theme-secondary);
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent rgba(1, 15, 28, 0.1) transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid rgba(1, 15, 28, 0.1);
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid var(--tp-theme-secondary);
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid rgba(1, 15, 28, 0.1);
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid var(--tp-theme-secondary);
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--tp-theme-secondary);
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: var(--tp-theme-secondary);
}

/*----------------------------------------*/
/*  2.17 Flatpicker
/*----------------------------------------*/
.flatpickr-calendar {
  border-radius: 10px;
}
.flatpickr-calendar.open {
  padding: 30px;
  height: 384px;
  width: 374px;
}
.flatpickr-calendar.open::after {
  display: none !important;
}
.flatpickr-calendar.open .flatpickr-months {
  margin-bottom: 35px;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-prev-month, .flatpickr-calendar.open .flatpickr-months .flatpickr-next-month {
  height: 40px;
  width: 40px;
  line-height: 35px;
  padding: 0;
  border-radius: 100px;
  border: 1px solid #f5f6ff;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-prev-month {
  top: 30px;
  left: 30px;
  border: 1px solid #E6E8EC;
  transition: 0.3s;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-prev-month svg path {
  fill: #57595F;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-prev-month:hover {
  border-color: rgba(81, 105, 241, 0.06);
  background-color: rgba(81, 105, 241, 0.06);
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-prev-month:hover svg path {
  fill: #556DF5;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-next-month {
  top: 30px;
  right: 30px;
  border: 1px solid #E6E8EC;
  transition: 0.3s;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-next-month svg path {
  fill: #57595F;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-next-month:hover {
  border-color: rgba(81, 105, 241, 0.06);
  background-color: rgba(81, 105, 241, 0.06);
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-next-month:hover svg path {
  fill: #556DF5;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-month .flatpickr-current-month {
  font-size: 18px;
  font-weight: 400;
  color: #1E1E2F;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: transparent;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months {
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-month .flatpickr-current-month input.cur-year {
  font-size: 18px;
  font-weight: 400;
  color: #1E1E2F;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper span {
  display: none;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper:hover {
  background: transparent;
}
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-weekdaycontainer span {
  color: #57595F;
  font-size: 15px;
  font-weight: 400;
}
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-days .flatpickr-day.today, .flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-days .flatpickr-day.selected {
  color: var(--tp-common-white);
  background: #556DF5;
  box-shadow: 0px 0px 1px 0px #1438B5, 0px 1px 2px 0px rgba(20, 56, 181, 0.25);
  border: none;
}
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-days .flatpickr-day:hover {
  color: #556DF5;
  background-color: #f5f6ff;
  border: 1px solid #f5f6ff;
}
.flatpickr-calendar.open .flatpickr-innerContainer .flatpickr-days .flatpickr-day.today:hover {
  color: var(--tp-common-white);
  background: #556DF5;
  box-shadow: 0px 0px 1px 0px #1438B5, 0px 1px 2px 0px rgba(20, 56, 181, 0.25);
  border: none;
}
.flatpickr-calendar.arrowTop::before {
  content: none;
}

/*----------------------------------------*/
/*  2.18 Search Css
/*----------------------------------------*/
.tp-search-area {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 190px;
  opacity: 0;
  visibility: hidden;
  background: var(--tp-common-white);
  -webkit-transform: translateY(calc(-100% - 80px));
  -moz-transform: translateY(calc(-100% - 80px));
  -ms-transform: translateY(calc(-100% - 80px));
  -o-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  transition: all 0.5s ease-in-out 0s, visibility 0.5s ease-in-out;
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  z-index: 999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.tp-search-area::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}
.tp-search-area.opened {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.tp-search-wrapper {
  position: relative;
  display: flex;
  padding-top: 80px;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-search-wrapper {
    padding-top: 115px;
  }
}
.tp-search-close {
  position: absolute;
  top: 35px;
  right: 35px;
}
@media only screen and (max-width: 767px) {
  .tp-search-close {
    right: 20px;
    top: 20px;
  }
}
.tp-search-close-btn {
  position: relative;
  height: 50px;
  width: 50px;
  z-index: 2;
  line-height: 1;
  border-radius: 50%;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  background-color: transparent;
  color: var(--tp-heading-prilmary);
  border: 1px solid rgba(22, 22, 19, 0.1);
}
.tp-search-close-btn svg {
  height: 12px;
  width: 12px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.tp-search-close-btn:hover svg {
  transform: rotate(45deg);
}
.tp-search-content .search {
  margin-bottom: 40px;
}
.tp-search-content .search:hover .tp-search-icon {
  color: var(--tp-heading-primary);
}
.tp-search-content input {
  font-size: 17px;
  font-weight: 400;
  height: 50px;
  padding: 0 48px;
  border-radius: 8px;
  letter-spacing: -0.17px;
  border: 1px solid #E6E8F0;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  color: var(--tp-heading-primary);
  background: var(--tp-common-white);
  box-shadow: 0px 1px 2px 0px rgba(164, 172, 185, 0.25);
}
.tp-search-content input:focus ~ button {
  color: var(--tp-heading-primary);
}
.tp-search-content input:focus {
  border-color: rgba(171, 12, 47, 0.4901960784);
  box-shadow: 0px 1px 2px 0px rgba(65, 95, 251, 0.06), 0px 4px 10px 0px rgba(65, 95, 251, 0.06), 0px 0px 0px 3px rgba(171, 12, 47, 0.2);
}
.tp-search-content input:focus:hover {
  background: transparent;
}
.tp-search-content input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #A8AAAD;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.17px;
}
.tp-search-content input::-moz-placeholder {
  /* Firefox 19+ */
  color: #A8AAAD;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.17px;
}
.tp-search-content input:-moz-placeholder {
  /* Firefox 4-18 */
  color: #A8AAAD;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.17px;
}
.tp-search-content input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: #A8AAAD;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.17px;
}
.tp-search-content input::placeholder {
  /* MODERN BROWSER */
  color: #A8AAAD;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.17px;
}
.tp-search-content input:hover {
  background: linear-gradient(180deg, rgba(248, 249, 251, 0), #f2f4f8);
}
.tp-search-content.blue input:focus {
  border-color: #4661FD7D;
  box-shadow: 0px 1px 2px 0px rgba(65, 95, 251, 0.06), 0px 4px 10px 0px rgba(65, 95, 251, 0.06), 0px 0px 0px 3px rgba(65, 95, 251, 0.2);
}
.tp-search-icon {
  position: absolute;
  left: 20px;
  top: 50%;
  line-height: 1;
  transform: translateY(-50%);
}
.tp-search-course-wrap {
  display: none;
}
.tp-search-course-item {
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #EDEEF3;
  background: var(--tp-common-white);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-search-course-item:hover {
  transform: translateY(-4px);
  box-shadow: 0px 10px 30px 0px rgba(25, 24, 34, 0.06);
}
.tp-search-course-item:hover .tp-search-course-thumb img {
  transform: scale(1.08);
}
.tp-search-course-item-title {
  color: #031F42;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 2px;
}
.tp-search-course-item-title a:hover {
  color: var(--tp-theme-primary);
}
.tp-search-course-thumb {
  overflow: hidden;
  border-radius: 4px;
}
.tp-search-course-thumb img {
  border-radius: 4px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-search-course-thumb img {
    width: 100%;
  }
}
.tp-search-course-price span {
  color: #4F5158;
  font-size: 14px;
  font-weight: 500;
}
.tp-search-course-title {
  color: #A8AAAD;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 20px;
  text-transform: uppercase;
}

/*----------------------------------------*/
/*  3.1 Header Style 1
/*----------------------------------------*/
.tp-header-transparent {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 2;
}
.tp-header-transparent.tp-header-inner {
  box-shadow: none;
  background-color: transparent;
}
.tp-header-transparent.tp-header-2 {
  box-shadow: none;
  background-color: transparent;
}
.tp-header-transparent .tp-megamenu-container {
  border-radius: 8px;
}
.tp-header-transparent .tp-megamenu-small {
  border-radius: 8px;
}
.tp-header-transparent .tp-megamenu-fullwidth {
  border-radius: 8px;
}
.tp-header-transparent .tp-megamenu-courses {
  border-radius: 8px;
}
.tp-header-transparent .tp-megamenu-academics {
  border-radius: 8px;
}
.tp-header-transparent .main-menu nav ul li .tp-submenu {
  border-radius: 8px;
}
.tp-header-transparent .tp-header-sticky .tp-megamenu-container {
  border-radius: 0px 0px 8px 8px;
}
.tp-header-transparent .tp-header-sticky .tp-megamenu-small {
  border-radius: 0px 0px 8px 8px;
}
.tp-header-transparent .tp-header-sticky .tp-megamenu-fullwidth {
  border-radius: 0px 0px 8px 8px;
}
.tp-header-transparent .tp-header-sticky .tp-megamenu-courses {
  border-radius: 0px 0px 8px 8px;
}
.tp-header-transparent .tp-header-sticky .tp-megamenu-academics {
  border-radius: 0px 0px 8px 8px;
}
.tp-header-transparent .tp-header-sticky .main-menu nav ul li .tp-submenu {
  border-radius: 0px 0px 8px 8px;
}
.tp-header-transparent.tp-header-sticky .tp-megamenu-container {
  border-radius: 0px 0px 8px 8px;
}
.tp-header-transparent.tp-header-sticky .tp-megamenu-small {
  border-radius: 0px 0px 8px 8px;
}
.tp-header-transparent.tp-header-sticky .tp-megamenu-fullwidth {
  border-radius: 0px 0px 8px 8px;
}
.tp-header-transparent.tp-header-sticky .tp-megamenu-courses {
  border-radius: 0px 0px 8px 8px;
}
.tp-header-transparent.tp-header-sticky .tp-megamenu-academics {
  border-radius: 0px 0px 8px 8px;
}
.tp-header-transparent.tp-header-sticky .main-menu nav ul li .tp-submenu {
  border-radius: 0px 0px 8px 8px;
}
.tp-header-transparent.tp-header-sticky .main-menu nav ul li .tp-submenu li > .tp-submenu {
  border-radius: 8px;
}
.tp-header-logo-1 img {
  width: 200px;
  height: 75px;
}
.tp-header-logo-1 .logo-2 {
  display: none;
}
.tp-header-top {
  padding: 10px 0;
}
.tp-header-info-item {
  margin-right: 10px;
  padding-right: 10px;
  line-height: 1.4;
  border-right: 1px solid rgba(255, 255, 255, 0.16);
}
.tp-header-info-item:last-child {
  margin-right: 0;
  padding-right: 0;
  border: none;
}
.tp-header-info-item span {
  color: var(--tp-common-white);
  font-size: 14px;
  font-weight: 500;
}
.tp-header-info-item span a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.tp-header-info-item span a i {
  margin-right: 10px;
}
.tp-header-right-list a {
  color: var(--tp-common-white);
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  border-right: 1px solid rgba(255, 255, 255, 0.16);
  display: inline-block;
  line-height: 1;
  padding: 4px 20px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header-right-list a {
    padding: 4px 12px;
  }
}
.tp-header-right-list a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.tp-header-serach {
  color: var(--tp-common-white);
}
.tp-header-serach:hover {
  color: rgba(255, 255, 255, 0.7);
}
.tp-header-btn a {
  font-size: 16px;
  font-weight: 500;
  border-radius: 6px;
  padding: 7px 24px 9px;
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-header-btn a:hover {
  background-color: var(--tp-common-white);
  color: var(--tp-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-header-mob-space {
    padding: 15px 0px;
  }
}
.tp-header-1.tp-header-sticky .tp-header-logo-1 .logo-1 {
  display: none;
}
.tp-header-1.tp-header-sticky .tp-header-logo-1 .logo-2 {
  display: block;
}
.tp-header-1.tp-header-sticky .tp-header-serach {
  color: var(--tp-common-black);
}
.tp-header-1.tp-header-sticky .tp-header-serach:hover {
  color: var(--tp-theme-primary);
}
.tp-header-1.tp-header-sticky .tp-header-btn a {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
}
.tp-header-1.tp-header-sticky .tp-header-btn a:hover {
  color: var(--tp-common-white);
  background-color: #880824;
  border-color: #880824;
  box-shadow: 0 10px 15px -5px rgba(21, 36, 34, 0.1);
}
.tp-header-1.tp-header-sticky .offcanvas-open-btn {
  background-color: var(--tp-theme-primary);
}
.tp-header-1.tp-header-sticky .offcanvas-open-btn:hover {
  background-color: #880824;
  border-color: #880824;
  box-shadow: 0 10px 15px -5px rgba(21, 36, 34, 0.1);
}
.tp-header-1.tp-header-sticky .offcanvas-open-btn:hover i {
  color: var(--tp-common-white);
}
.tp-header-1.tp-header-sticky .main-menu nav > ul > li > a {
  padding: 25px 0 25px 0;
  color: var(--tp-common-black);
}
.tp-header-1.tp-header-sticky .main-menu nav > ul > li.has-dropdown > a::after {
  color: var(--tp-common-black);
}
.tp-header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  width: 100%;
  transition: 0.3s ease;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 2px 4px rgba(7, 37, 68, 0.1);
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
}

.tp-header-2 {
  background: var(--tp-common-white);
  box-shadow: 0px 1px 2px 1px rgba(3, 11, 30, 0.06), 0px 1px 1px 0px rgba(3, 11, 30, 0.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), only screen and (max-width: 767px) {
  .tp-header-2 {
    padding: 20px 0;
  }
}
.tp-header-2.home-6 {
  box-shadow: 0px 1px 3px 0px rgba(35, 18, 4, 0.14);
}
.tp-header-2.home-6 .main-menu > nav > ul > li > a {
  padding: 26px 0 24px 0;
}
.tp-header-2.home-6 .main-menu > nav > ul > li > a:hover {
  color: var(--tp-theme-9);
}
.tp-header-2-category {
  position: relative;
}
.tp-header-2-category:hover .tp-header-2-category-list {
  visibility: visible;
  opacity: 1;
  top: calc(100% + 20px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header-2-category:hover .tp-header-2-category-list {
    top: calc(100% + 20px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-header-2-category:hover .tp-header-2-category-list {
    top: calc(100% + 20px);
  }
}
.tp-header-2-category p {
  margin-bottom: 0;
  color: var(--tp-dashboard-primary);
  font-size: 16px;
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.tp-header-2-category p span {
  display: inline-block;
  margin-right: 7px;
  color: var(--tp-dashboard-primary);
}
.tp-header-2-category-list {
  position: absolute;
  left: 0;
  z-index: 1;
  opacity: 0;
  width: 200px;
  padding: 17px 0;
  border-radius: 4px;
  visibility: hidden;
  padding-bottom: 15px;
  top: calc(100% + 30px);
  background: var(--tp-common-white);
  box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  z-index: 9;
}
.tp-header-2-category-list ul li {
  list-style: none;
}
.tp-header-2-category-list ul li:not(:last-of-type) {
  margin-bottom: 12px;
}
.tp-header-2-category-list ul li a {
  width: 100%;
  position: relative;
  font-size: 16px;
  font-weight: 400;
  color: #55585B;
  padding-left: 30px;
  display: inline-block;
  text-transform: capitalize;
}
.tp-header-2-category-list ul li a:hover {
  color: var(--tp-theme-secondary);
}
.tp-header-2-category.tp-header-inner-category::before {
  content: none;
}
.tp-header-2-category.tp-header-inner-category:hover {
  background: rgba(85, 109, 245, 0.14);
}
.tp-header-2-category.home-2 .tp-header-2-category p {
  color: var(--tp-theme-secondary);
}
.tp-header-2-category.home-2 .tp-header-2-category p span {
  color: var(--tp-theme-secondary);
}
.tp-header-2-category.home-6 p {
  color: var(--tp-theme-9);
}
.tp-header-2-category.home-6 .tp-header-2-category-list ul li a:hover {
  color: var(--tp-theme-9);
}
.tp-header-2-search {
  position: relative;
  margin-left: 24px;
}
.tp-header-2-search-btn {
  position: absolute;
  top: 50%;
  right: 18px;
  line-height: 1;
  transform: translateY(-50%);
}
.tp-header-2-search-btn:hover {
  color: var(--tp-dashboard-primary);
}
.tp-header-2-search input {
  border-radius: 8px;
  height: 42px;
  width: 260px;
  padding: 0 40px 0 18px;
  background-color: #F4F4F3;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-header-2-search input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #8B8B8B;
  font-size: 15px;
  font-weight: 400;
}
.tp-header-2-search input::-moz-placeholder {
  /* Firefox 19+ */
  color: #8B8B8B;
  font-size: 15px;
  font-weight: 400;
}
.tp-header-2-search input:-moz-placeholder {
  /* Firefox 4-18 */
  color: #8B8B8B;
  font-size: 15px;
  font-weight: 400;
}
.tp-header-2-search input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: #8B8B8B;
  font-size: 15px;
  font-weight: 400;
}
.tp-header-2-search input::placeholder {
  /* MODERN BROWSER */
  color: #8B8B8B;
  font-size: 15px;
  font-weight: 400;
}
.tp-header-2-search input:focus {
  border: 1px solid #556DF5;
  background-color: var(--tp-common-white);
  box-shadow: 0 1px 2px 0 rgba(85, 109, 245, 0.08), 0 2px 6px 0 rgba(85, 109, 245, 0.04), 0 3px 6px 0 rgba(85, 109, 245, 0.08), 0 0 0 4px rgba(85, 109, 245, 0.1);
}
.tp-header-2 .main-menu > nav > ul > li {
  margin-left: 0px;
  margin-right: 0px;
}
.tp-header-2 .main-menu > nav > ul > li:not(:last-of-type) {
  margin-right: 25px;
}
.tp-header-2 .main-menu > nav > ul > li.has-dropdown > a::after {
  color: var(--tp-grey-6);
}
.tp-header-2 .main-menu > nav > ul > li:hover > a {
  color: var(--tp-dashboard-primary);
}
.tp-header-2 .main-menu > nav > ul > li:hover > a::after {
  color: var(--tp-dashboard-primary);
}
.tp-header-2 .main-menu > nav > ul > li:hover > a.has-dropdown > a::after {
  color: var(--tp-dashboard-primary);
}
.tp-header-2 .main-menu > nav > ul > li > a {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  display: inline-block;
  padding: 31px 0 27px 0;
  color: var(--tp-grey-6);
}
.tp-header-2 .main-menu > nav > ul > li > a:hover {
  color: var(--tp-dashboard-primary);
}
.tp-header-2 .main-menu > nav > ul > li > a:hover::after {
  color: var(--tp-dashboard-primary);
  transform: rotate(180deg);
}
.tp-header-2 .main-menu > nav > ul > li .tp-submenu li:hover > a {
  padding-left: 35px;
  color: var(--tp-dashboard-primary);
}
.tp-header-2 .main-menu > nav > ul > li .tp-submenu li:hover > a::before {
  background-color: var(--tp-dashboard-primary);
}
@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 (max-width: 767px) {
  .tp-header-2.tp-header-shop {
    padding: 15px 0;
  }
}
.tp-header-2.tp-header-shop .main-menu > nav > ul > li:not(:last-of-type) {
  margin-right: 25px;
}
.tp-header-2.tp-header-shop .main-menu > nav > ul > li > a {
  font-size: 16px;
  font-weight: 500;
  color: #4f5158;
}
.tp-header-2.tp-header-shop .main-menu > nav > ul > li > a:hover {
  color: var(--tp-theme-8);
}
.tp-header-2.tp-header-shop .main-menu > nav > ul > li > a:hover::after {
  color: var(--tp-theme-8);
}
.tp-header-2.tp-header-shop .main-menu > nav > ul > li:hover > a {
  color: var(--tp-theme-8);
}
.tp-header-2.tp-header-shop .main-menu > nav > ul > li:hover > a::after {
  color: var(--tp-theme-8);
}
.tp-header-2.tp-header-shop .main-menu > nav > ul > li:hover > a.has-dropdown > a::after {
  color: var(--tp-theme-8);
}
.tp-header-2.tp-header-shop .main-menu > nav > ul > li .tp-submenu > li:hover a {
  color: var(--tp-theme-8);
}
.tp-header-2.tp-header-shop .main-menu > nav > ul > li .tp-submenu > li:hover a::before {
  background-color: var(--tp-theme-8);
}
.tp-header-2.bxs-none {
  box-shadow: none;
}
.tp-header-2-cart {
  position: relative;
}
.tp-header-2-cart button:hover span {
  color: var(--tp-dashboard-primary);
}
.tp-header-2-cart button i {
  position: absolute;
  top: -8px;
  right: -14px;
  font-style: normal;
  color: var(--tp-common-white);
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 23px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--tp-dashboard-primary);
}
.tp-header-2-cart.tp-header-cart-inner i {
  line-height: 22px;
  background-color: var(--tp-red-2);
}
.tp-header-2-cart.cart-4 button:hover span {
  color: var(--tp-common-white);
}
.tp-header-2-cart.cart-4 button i {
  top: -7px;
  right: -14px;
  width: 24px;
  height: 24px;
  line-height: 20px;
  color: #161613;
  font-size: 12px;
  font-weight: 500;
  border: 2px solid #B1040E;
  background-color: var(--tp-common-white);
}
.tp-header-2-cart.cart-4 button span {
  color: var(--tp-common-white);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-header-2-cart.home-2 button i {
  background-color: var(--tp-theme-secondary);
}
.tp-header-2-cart.home-6 {
  margin-left: 30px;
}
.tp-header-2-cart.home-6 button:hover span {
  color: var(--tp-theme-9);
}
.tp-header-2-cart.home-6 button i {
  background-color: var(--tp-theme-9);
}
.tp-header-2-login {
  position: relative;
  margin-left: 35px;
  padding-left: 20px;
}
.tp-header-2-login::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 34px;
  width: 1px;
  background-color: rgba(0, 31, 63, 0.12);
}
.tp-header-2-login button {
  color: #656565;
  font-size: 16px;
}
.tp-header-2-login button:hover {
  color: var(--tp-dashboard-primary);
}
.tp-header-2-login button span {
  display: inline-block;
  margin-right: 2px;
}
.tp-header-2-login img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
.tp-header-2-btn {
  margin-left: 23px;
}
.tp-header-2-btn .tp-btn-2 {
  color: var(--tp-common-white);
  font-size: 16px;
  font-weight: 600;
  border-radius: 100px;
  background: var(--tp-theme-6);
  padding: 8px 35px;
  border-color: var(--tp-theme-6);
}
.tp-header-2-btn .tp-btn-2:hover {
  background-color: transparent;
  color: var(--tp-theme-6);
}
.tp-header-2 .offcanvas-open-btn {
  line-height: 44px;
  border: 1px solid rgba(3, 31, 66, 0.2);
}
.tp-header-2 .offcanvas-open-btn i {
  font-size: 16px;
  color: #031F42;
  transition: all 0.3s ease-in-out;
}
.tp-header-2 .offcanvas-open-btn:hover {
  border-color: #0071dc;
}
.tp-header-2 .offcanvas-open-btn:hover i {
  color: #0071DC;
}
.tp-header-2-contact.tp-header-shop .tp-header-2-cart {
  position: relative;
}
.tp-header-2-contact.tp-header-shop .tp-header-2-cart button:hover span {
  color: var(--tp-theme-8);
}
.tp-header-2-contact.tp-header-shop .tp-header-2-cart button i {
  background-color: var(--tp-theme-8);
}
.tp-header-2-contact.tp-header-shop .tp-header-2-cart::after {
  position: absolute;
  content: "";
  top: 0;
  left: -24px;
  height: 34px;
  width: 1px;
  background: rgba(0, 31, 63, 0.12);
}
@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), only screen and (max-width: 767px) {
  .tp-header-2-contact.tp-header-shop .tp-header-2-cart::after {
    content: none;
  }
}
.tp-header-2-contact.tp-header-shop .tp-btn-inner {
  font-weight: 600;
  font-size: 15px;
  border-radius: 0;
  color: #ddf49f;
  background: var(--tp-theme-8);
  box-shadow: 0 0 1px 0 var(--tp-theme-8), 0 1px 2px 0 rgba(0, 107, 97, 0.2);
}
.tp-header-2-contact.tp-header-shop .tp-btn-inner:hover {
  box-shadow: none;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-6);
}
.tp-header-2.tp-header-sticky {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 2px 4px rgba(7, 37, 68, 0.1);
}
.tp-header-2.tp-header-sticky .main-menu nav > ul > li > a {
  padding: 26px 0 26px 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 (max-width: 767px) {
  .tp-header-3 {
    padding: 18px 0;
  }
}
.tp-header-3 .main-menu nav > ul > li > a {
  color: var(--tp-heading-3);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.tp-header-3 .main-menu nav > ul > li > a:hover {
  color: var(--tp-theme-3);
}
.tp-header-3 .main-menu nav > ul > li > a:hover::after {
  color: var(--tp-theme-3);
}
.tp-header-3 .main-menu nav > ul > li.has-dropdown > a:hover::after {
  color: var(--tp-theme-3);
}
.tp-header-3 .main-menu nav > ul > li.has-dropdown > a::after {
  color: var(--tp-heading-3);
}
.tp-header-3 .main-menu nav > ul > li:hover > a {
  color: var(--tp-theme-3);
}
.tp-header-3 .main-menu nav > ul > li:hover > a::after {
  color: var(--tp-theme-3);
}
.tp-header-3 .main-menu nav > ul > li:hover > a::before {
  background-color: var(--tp-theme-3);
}
.tp-header-3 .main-menu nav > ul > li .tp-submenu > li:hover a {
  color: var(--tp-theme-3);
}
.tp-header-3 .main-menu nav > ul > li .tp-submenu > li:hover a::before {
  background-color: var(--tp-theme-3);
}
.tp-header-3 .offcanvas-open-btn {
  border: 2px solid rgba(255, 113, 98, 0.4);
}
.tp-header-3 .offcanvas-open-btn i {
  color: var(--tp-theme-3);
}
.tp-header-3 .offcanvas-open-btn:hover {
  border-color: #ff7162;
}
.tp-header-3.tp-header-sticky .main-menu nav > ul > li > a {
  padding: 28px 0 28px 0;
}

.tp-header-4-top {
  background-color: #900000;
}
.tp-header-4-top-item:not(:first-of-type) {
  margin-left: 25px;
}
.tp-header-4-main {
  background-color: var(--tp-theme-4);
}
@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), only screen and (max-width: 767px) {
  .tp-header-4-main {
    padding: 16px 0;
  }
}
.tp-header-4-main.tp-header-sticky {
  background: rgba(255, 255, 255, 0.7);
}
.tp-header-4-main.tp-header-sticky .tp-header-4-logo .logo-1 {
  display: none;
}
.tp-header-4-main.tp-header-sticky .tp-header-4-logo .logo-2 {
  display: block;
}
.tp-header-4-main.tp-header-sticky .tp-header-2-cart.cart-4 span {
  color: var(--tp-heading-primary);
}
.tp-header-4-main.tp-header-sticky .tp-header-2-cart.cart-4 i {
  border: 2px solid #c7c7c4;
  color: var(--tp-common-white);
  background-color: #b1040e;
}
.tp-header-4-main.tp-header-sticky .tp-header-4-btn a {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  color: var(--tp-common-white);
  background-color: #B1040E;
}
.tp-header-4-main.tp-header-sticky .tp-header-4-btn a:hover {
  color: var(--tp-common-white);
  background-color: #880824;
  border-color: #880824;
  box-shadow: 0 10px 15px -5px rgba(21, 36, 34, 0.1);
}
.tp-header-4-main.tp-header-sticky .tp-header-bar .offcanvas-open-btn {
  background-color: var(--tp-theme-primary);
}
.tp-header-4-main.tp-header-sticky .tp-header-bar .offcanvas-open-btn:hover {
  background-color: #880824;
  border-color: #880824;
  box-shadow: 0 10px 15px -5px rgba(21, 36, 34, 0.1);
}
.tp-header-4-main.tp-header-sticky .tp-header-bar .offcanvas-open-btn:hover i {
  color: var(--tp-common-white);
}
.tp-header-4-main.tp-header-sticky .main-menu nav > ul > li > a {
  padding: 25px 0 25px 0;
  color: var(--tp-common-black);
}
.tp-header-4-main.tp-header-sticky .main-menu nav > ul > li.has-dropdown > a::after {
  color: var(--tp-common-black);
}
.tp-header-4-logo .logo-2 {
  height: 48px;
  width: 125px;
  display: none;
}
.tp-header-4-link a {
  color: var(--tp-common-white);
  font-size: 15px;
  font-weight: 500;
  position: relative;
}
.tp-header-4-link a:not(:first-of-type) {
  margin-left: 8px;
  padding-left: 16px;
}
.tp-header-4-link a:not(:first-of-type)::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  width: 4px;
  left: 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
}
.tp-header-4-btn a {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  padding: 9px 36px;
  border-radius: 6px;
  color: var(--tp-heading-primary);
  background-color: var(--tp-common-white);
}
.tp-header-4-btn a:Hover {
  color: var(--tp-common-white);
  background-color: var(--tp-heading-primary);
}
.tp-header-4-btn-top a {
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: var(--tp-common-white);
  font-size: 14px;
  font-weight: 500;
  padding: 5px 10px;
}
.tp-header-4-btn-top a span {
  margin-right: 6px;
}
.tp-header-4-btn-top a i {
  margin-left: 12px;
}
.tp-header-4-search {
  position: relative;
}
.tp-header-4-search input {
  width: 75px;
  background-color: transparent;
  border: none;
  padding: 0 0;
  padding-left: 22px;
  color: white;
}
.tp-header-4-search input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 500;
}
.tp-header-4-search input::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 500;
}
.tp-header-4-search input:-moz-placeholder {
  /* Firefox 4-18 */
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 500;
}
.tp-header-4-search input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 500;
}
.tp-header-4-search input::placeholder {
  /* MODERN BROWSER */
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 500;
}
.tp-header-4-search span {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.header-bottom__lang > ul > li {
  position: relative;
  list-style: none;
}
.header-bottom__lang > ul > li > a {
  border-radius: 30px;
  font-weight: 500;
  font-size: 14px;
  color: #88898A;
  line-height: 0;
}
.header-bottom__lang > ul > li > a img {
  height: 12px;
  width: 18px;
  object-fit: cover;
  transform: translateY(-2px);
  margin-right: 7px;
}
.header-bottom__lang > ul > li > a > span svg {
  margin-left: 2px;
}
.header-bottom__lang-2 > ul > li {
  position: relative;
  list-style: none;
}
.header-bottom__lang-2 > ul > li > a {
  color: #57595F;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  padding: 5px 20px;
  display: inline-block;
  border-radius: 100px;
  border: 1px solid rgba(30, 30, 47, 0.1);
}
.header-bottom__lang-2 > ul > li > a > span svg {
  margin-left: 2px;
}
.header-bottom__lang-submenu {
  position: absolute;
  top: 110%;
  left: 0px;
  width: 120px;
  z-index: 9;
  opacity: 0;
  padding: 15px 20px;
  border-radius: 4px;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  background: var(--tp-common-white);
  box-shadow: 0 30px 70px 6px rgba(11, 6, 70, 0.08);
}
.header-bottom__lang-submenu li {
  list-style: none;
  margin-bottom: 7px;
}
.header-bottom__lang-submenu li:last-child {
  margin-bottom: 0;
}
.header-bottom__lang-submenu li a {
  display: block;
}
.header-bottom__lang-submenu li:hover {
  color: var(--tp-theme-primary);
}
.header-bottom__lang-submenu.open {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.header-bottom__lang-submenu-2 {
  position: absolute;
  bottom: 110%;
  right: 0px;
  width: 120px;
  z-index: 9;
  opacity: 0;
  text-align: start;
  padding: 15px 20px;
  border-radius: 4px;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  background: var(--tp-common-white);
  box-shadow: 0 30px 70px 6px rgba(11, 6, 70, 0.08);
}
@media only screen and (max-width: 767px) {
  .header-bottom__lang-submenu-2 {
    left: 0;
    right: auto;
  }
}
.header-bottom__lang-submenu-2 li {
  list-style: none;
  margin-bottom: 7px;
}
.header-bottom__lang-submenu-2 li:last-child {
  margin-bottom: 0;
}
.header-bottom__lang-submenu-2 li a {
  display: block;
}
.header-bottom__lang-submenu-2 li:hover {
  color: var(--tp-theme-secondary);
}
.header-bottom__lang-submenu-2.open {
  bottom: 100%;
  opacity: 1;
  visibility: visible;
}

.tp-header-5 {
  padding: 0 85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header-5 {
    padding: 20px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-header-5 {
    padding: 20px 15px;
  }
}
.tp-header-5 .tp-megamenu-container {
  left: -50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-5 .tp-megamenu-container {
    left: 0;
  }
}
.tp-header-5 .main-menu {
  margin-left: -70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-5 .main-menu {
    margin-left: 0;
  }
}
.tp-header-5 .main-menu > nav > ul > li > a {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}
.tp-header-5 .main-menu > nav > ul > li .tp-submenu > li:hover a {
  color: #679307;
}
.tp-header-5 .main-menu > nav > ul > li .tp-submenu > li:hover a::before {
  background-color: #679307;
}
.tp-header-5-logo .logo-2 {
  display: none;
}
@media only screen and (max-width: 767px) {
  .tp-header-5-login {
    display: none;
  }
}
.tp-header-5-login button span {
  color: var(--tp-common-white);
}
.tp-header-5-login img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
.tp-header-5-cart {
  position: relative;
}
.tp-header-5-cart button span {
  color: var(--tp-common-white);
}
.tp-header-5-cart button i {
  position: absolute;
  height: 24px;
  width: 24px;
  top: -8px;
  right: -12px;
  color: #010A19;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  border-radius: 50%;
  display: inline-block;
  line-height: 18px;
  border: 3px solid #415A45;
  background-color: var(--tp-theme-5);
}
.tp-header-5-sidebar .offcanvas-open-btn {
  border: none;
  line-height: 1;
  height: 0;
}
.tp-header-5-sidebar .offcanvas-open-btn:hover span::after {
  transform: translate(5px, -8px);
}
.tp-header-5-sidebar .offcanvas-open-btn:hover span::before {
  transform: translateX(-5px);
}
.tp-header-5-sidebar .offcanvas-open-btn span {
  display: inline-block;
  position: relative;
  transform: translateY(4px);
}
.tp-header-5-sidebar .offcanvas-open-btn span:before, .tp-header-5-sidebar .offcanvas-open-btn span:after {
  content: "";
  height: 2px;
  width: 40px;
  background-color: var(--tp-common-white);
  display: block;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-header-5-sidebar .offcanvas-open-btn span::after {
  transform: translateY(-8px);
}
.tp-header-5.tp-header-sticky .main-menu nav > ul > li > a {
  color: var(--tp-heading-3);
  padding: 28px 0 28px 0;
}
.tp-header-5.tp-header-sticky .main-menu nav > ul > li > a::after {
  color: var(--tp-heading-3);
}
.tp-header-5.tp-header-sticky .tp-header-5-logo .logo-1 {
  display: none;
}
.tp-header-5.tp-header-sticky .tp-header-5-logo .logo-2 {
  display: block;
}
.tp-header-5.tp-header-sticky .tp-header-5-login span {
  color: var(--tp-heading-3);
}
.tp-header-5.tp-header-sticky .tp-header-5-cart button span {
  color: var(--tp-heading-3);
}
.tp-header-5.tp-header-sticky .tp-header-5-sidebar .offcanvas-open-btn span::after {
  background-color: var(--tp-heading-3);
}
.tp-header-5.tp-header-sticky .tp-header-5-sidebar .offcanvas-open-btn span::before {
  background-color: var(--tp-heading-3);
}

.tp-header-6-logo {
  padding-right: 25px;
  margin-right: 25px;
  border-right: 1px solid rgba(0, 31, 63, 0.12);
}
@media only screen and (max-width: 767px) {
  .tp-header-6-logo {
    margin-right: 0;
  }
}
.tp-header-6-login {
  padding-left: 25px;
  margin-left: 25px;
  border-left: 1px solid rgba(0, 31, 63, 0.12);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-header-6-login {
    border: none;
    padding-left: 0;
    margin-left: 0;
  }
}
.tp-header-6-login button span {
  color: #656565;
  font-size: 16px;
  font-weight: 400;
}
.tp-header-6-login button span svg {
  transform: translateY(-2px);
}
.tp-header-6-login button:hover span {
  color: var(--tp-theme-9);
}
.tp-header-6-login img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-header-6-login img {
    display: none;
  }
}
.tp-header-6-search button:hover {
  color: var(--tp-theme-9);
}
.tp-header-6-btn .tp-btn-inner {
  font-size: 16px;
  border-radius: 12px;
  background-color: var(--tp-theme-9);
  box-shadow: 0px 1px 2px 0px rgba(20, 56, 181, 0.25), 0px 0px 1px 0px #5956E9;
}
.tp-header-6-btn .tp-btn-inner:hover {
  box-shadow: none;
}
.tp-header-6-btn .tp-btn-inner:focus {
  color: var(--tp-common-white);
}

.tp-header-inner {
  box-shadow: 0px 1px 1px 0px rgba(3, 11, 30, 0.1), 0px 1px 2px 1px rgba(3, 11, 30, 0.06);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-header-inner {
    padding: 12px 0;
  }
}
.tp-header-inner-logo {
  position: relative;
  margin-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-inner-logo {
    margin-right: 15px;
  }
}
.tp-header-inner-category {
  display: inline-block;
  border-radius: 1000px;
  cursor: pointer;
  padding: 6px 25px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  background-color: rgba(81, 105, 241, 0.06);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-inner-category {
    padding: 6px 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-header-inner-category {
    padding: 6px 17px;
  }
}
.tp-header-inner-search {
  position: relative;
  padding-right: 20px;
  margin-right: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-header-inner-search {
    display: none;
  }
}
.tp-header-inner-search button:hover {
  color: var(--tp-dashboard-primary);
}
.tp-header-inner-search:before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  height: 34px;
  width: 1px;
  transform: translateY(-50%);
  background: rgba(0, 31, 63, 0.12);
}
.tp-header-inner-login img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-header-inner-login img {
    display: none;
  }
}
.tp-header-inner .main-menu > nav > ul > li {
  margin: 0;
}
.tp-header-inner .main-menu > nav > ul > li:not(:last-of-type) {
  margin-right: 29px;
}
.tp-header-inner .main-menu > nav > ul > li.has-dropdown > a::after {
  color: #30302F;
}
.tp-header-inner .main-menu > nav > ul > li:hover > a {
  color: var(--tp-red-2);
}
.tp-header-inner .main-menu > nav > ul > li:hover > a::after {
  color: var(--tp-red-2);
}
.tp-header-inner .main-menu > nav > ul > li:hover > a.has-dropdown > a::after {
  color: var(--tp-red-2);
}
.tp-header-inner .main-menu > nav > ul > li > a {
  line-height: 1.5;
  color: #30302F;
  font-size: 17px;
  font-weight: 500;
  display: inline-block;
  padding: 25px 0 25px 0;
}
.tp-header-inner .main-menu > nav > ul > li > a:hover {
  color: var(--tp-red-2);
}
.tp-header-inner .main-menu > nav > ul > li > a:hover::after {
  color: var(--tp-red-2);
  transform: rotate(180deg);
}
.tp-header-inner .main-menu > nav > ul > li .tp-submenu {
  padding: 30px 0 15px;
}
.tp-header-inner .main-menu > nav > ul > li .tp-submenu > li:not(:last-of-type) {
  margin-bottom: 2px;
}
.tp-header-inner .main-menu > nav > ul > li .tp-submenu > li a {
  font-size: 15px;
  font-weight: 400;
  color: #55585B;
  padding-left: 30px;
  display: inline-block;
}
.tp-header-inner .main-menu > nav > ul > li .tp-submenu > li:hover > a {
  color: var(--tp-red-2);
  padding-left: 35px;
}
.tp-header-inner .main-menu > nav > ul > li .tp-submenu > li:hover > a::before {
  background-color: var(--tp-red-2);
}
.tp-header-inner-btn {
  margin-left: 33px;
  margin-right: 20px;
}
.tp-header-inner-btn .tp-btn-3 {
  background-color: var(--tp-red-2);
  border: 1px solid var(--tp-red-2);
  padding: 6px 25px;
  box-shadow: 0px 1px 2px 0px rgba(165, 9, 35, 0.2);
}
.tp-header-inner-btn .tp-btn-3:hover {
  color: var(--tp-common-white);
  background-color: #880824;
  border: 1px solid #880824;
  box-shadow: 0 10px 15px -5px rgba(21, 36, 34, 0.1) !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-inner-btn .tp-btn-3 {
    padding: 8px 25px;
  }
}
.tp-header-inner-btn.home-2 .tp-btn-inner {
  border-radius: 50px;
  background-color: var(--tp-theme-secondary);
}
.tp-header-inner.tp-header-inner-2 .tp-header-2-category.tp-header-inner-category {
  background-color: rgba(var(--tp-red-2), 0.5);
}
.tp-header-red-search {
  color: #30302F;
}
.tp-header-red-search:hover {
  color: var(--tp-theme-4);
}
.tp-header-red-sidebar .offcanvas-open-btn {
  color: #30302F;
  border: none;
  line-height: 1;
}
.tp-header-red-sidebar .offcanvas-open-btn svg .width {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-header-red-sidebar .offcanvas-open-btn:hover {
  color: var(--tp-theme-4);
  background-color: transparent;
}
.tp-header-red-sidebar .offcanvas-open-btn:hover svg .width {
  width: 30px;
}
.tp-header-shop-box {
  box-shadow: 0 1px 1px 0 rgba(3, 11, 30, 0.1), 0 1px 2px 1px rgba(3, 11, 30, 0.04);
}
.tp-header-shop-btn {
  margin-left: 31px;
}
.tp-header-shop-search input {
  background: #f3f4f9;
  border-radius: 100px;
  height: 40px;
  width: 240px;
  padding-left: 45px;
}
.tp-header-shop-search input:focus {
  background-color: transparent;
  border: 1px solid var(--tp-theme-8);
}
.tp-header-shop-search .tp-header-search-btn {
  position: absolute;
  top: 48%;
  left: 20px;
  transform: translateY(-50%);
}
.tp-header-shop-login {
  margin-left: 20px;
}
.tp-header-shop-login img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

.tp-header-new-course {
  padding: 27px 85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header-new-course {
    padding: 26px 35px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-header-new-course {
    padding: 20px;
  }
}
.tp-header-new-course-right .draft {
  font-weight: 600;
  font-size: 15px;
  color: #57595f;
  margin-right: 15px;
}
.tp-header-new-course-right .preview {
  font-weight: 600;
  font-size: 16px;
  padding: 10px 25px;
  border-radius: 6px;
  background: #e9ecff;
  margin-right: 10px;
  color: var(--tp-dashboard-primary);
}
.tp-header-new-course-right .preview:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-dashboard-primary);
}
.tp-header-new-course-right .pulish {
  font-size: 16px;
  font-weight: 600;
  padding: 10px 30px;
  border-radius: 6px;
  margin-right: 18px;
  color: var(--tp-common-white);
  background: var(--tp-dashboard-primary);
  box-shadow: 0 0 1px 0 #1438b5, 0 1px 2px 0 rgba(20, 56, 181, 0.25);
}
.tp-header-new-course-right .pulish:hover {
  box-shadow: none;
}
.tp-header-new-course-right span:hover {
  color: var(--tp-dashboard-primary);
}
.tp-header-user-hover {
  position: relative;
}
.tp-header-user-hover.active .tp-header-user-box {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.tp-header-user-box {
  position: absolute;
  width: 260px;
  opacity: 0;
  top: 57px;
  right: 0;
  padding: 4px;
  z-index: 99;
  border-radius: 6px;
  background: #FAF9FB;
  transform: scale(1, 0);
  transform-origin: 0 0;
  visibility: hidden;
  border: 2px solid #FFF;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  box-shadow: 0px 20px 40px 0px rgba(18, 20, 32, 0.1);
}
.tp-header-user-profile {
  padding: 15px 18px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(87, 87, 90, 0.08);
}
.tp-header-user-profile-thumb {
  margin-right: 15px;
}
.tp-header-user-profile-content h4 {
  font-size: 16px;
  font-weight: 500;
  color: #191822;
  margin: 0;
}
.tp-header-user-profile-content span {
  font-size: 13px;
  font-weight: 400;
  color: #939397;
  display: inline-block;
}
.tp-header-user-list {
  margin-bottom: 15px;
}
.tp-header-user-list ul li {
  list-style: none;
}
.tp-header-user-list ul li a {
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  color: #57575A;
  display: block;
  padding: 5px 20px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-header-user-list ul li a span {
  margin-right: 10px;
  display: inline-block;
}
.tp-header-user-list ul li a:hover {
  background: #F2F1F5;
  color: var(--tp-common-black-1);
}
.tp-header-user-list ul li.hr-border {
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(87, 87, 90, 0.08);
}

.tp-announcement-area {
  padding: 7px 10px;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-announcement-area {
    display: none;
  }
}
.tp-announcement-content p {
  font-size: 15px;
  font-weight: 400;
  color: #4e1b49;
  margin: 0;
  margin-right: 20px;
}
.tp-announcement-content p span {
  font-weight: 600;
}
.tp-announcement-btn {
  font-weight: 500;
  font-size: 14px;
  color: #ffd4fb;
  background: #640c5b;
  border-radius: 100px;
  padding: 0px 16px 1px;
}
.tp-announcement-btn:hover {
  color: var(--tp-common-white);
}
.tp-announcement-close {
  position: absolute;
  top: 7px;
  right: 60px;
}
.tp-announcement-close button {
  display: inline-block;
  height: 26px;
  width: 26px;
  line-height: 7px;
  border-radius: 50%;
  background: rgba(100, 12, 91, 0.3);
}
.tp-announcement-close button:hover {
  background: #640c5b;
}

/* HEADER CSS */
/*----------------------------------------*/
/*  4.1 Main menu css
/*----------------------------------------*/
.main-menu > nav > ul > li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin: 0px 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li {
    margin-left: 25px;
  }
}
.main-menu > nav > ul > li > a {
  display: inline-block;
  color: var(--tp-common-white);
  padding: 35px 0 35px 0;
  line-height: 1.5;
  font-size: 17px;
  font-weight: 500;
}
.main-menu > nav > ul > li.has-dropdown > a {
  position: relative;
}
.main-menu > nav > ul > li.has-dropdown > a::after {
  content: "\f107";
  font-size: 12px;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-fontawesome);
  font-weight: 400;
  margin-left: 6px;
  display: inline-block;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.main-menu > nav > ul > li.has-dropdown > a.tp-static {
  position: static;
}
.main-menu > nav > ul > li > .tp-submenu {
  position: absolute;
  top: 100%;
  left: -30px;
  width: 270px;
  z-index: 99;
  opacity: 0;
  transform: scale(1, 0);
  transform-origin: 0 0;
  visibility: hidden;
  transition: 0.5s;
  border-radius: 0px 0px 8px 8px;
  background: var(--tp-common-white);
  border: 1px solid rgba(48, 48, 47, 0.1);
  box-shadow: 0px 1px 2px 1px rgba(3, 11, 30, 0.06), 0px 1px 1px 0px rgba(3, 11, 30, 0.1);
  padding: 30px 0 15px;
  text-align: start;
}
.main-menu > nav > ul > li > .tp-submenu li {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.main-menu > nav > ul > li > .tp-submenu li:not(:last-of-type) {
  margin-bottom: 12px;
}
.main-menu > nav > ul > li > .tp-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 > nav > ul > li > .tp-submenu li > a {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  color: #55585B;
  padding-left: 30px;
  display: inline-block;
  width: 100%;
  z-index: 11;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.main-menu > nav > ul > li > .tp-submenu li > a::before {
  position: absolute;
  content: "";
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 1px;
  background-color: var(--tp-theme-primary);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.main-menu > nav > ul > li > .tp-submenu li > .tp-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  width: 240px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: scale(1, 0);
  transform-origin: 0 0;
  transition: 0.5s;
  border-radius: 8px;
  background: var(--tp-common-white);
  border: 1px solid rgba(48, 48, 47, 0.1);
  box-shadow: 0px 1px 2px 1px rgba(3, 11, 30, 0.06), 0px 1px 1px 0px rgba(3, 11, 30, 0.1);
  padding: 30px 0 15px;
}
.main-menu > nav > ul > li > .tp-submenu li:hover > a, .main-menu > nav > ul > li > .tp-submenu li.active > a {
  color: var(--tp-theme-primary);
  padding-left: 35px;
}
.main-menu > nav > ul > li > .tp-submenu li:hover > a::after, .main-menu > nav > ul > li > .tp-submenu li.active > a::after {
  color: var(--tp-common-white);
}
.main-menu > nav > ul > li > .tp-submenu li:hover > a::before, .main-menu > nav > ul > li > .tp-submenu li.active > a::before {
  width: 12px;
}
.main-menu > nav > ul > li > .tp-submenu li:hover .tp-submenu, .main-menu > nav > ul > li > .tp-submenu li.active .tp-submenu {
  left: 100%;
  opacity: 1;
  visibility: visible;
}
.main-menu > nav > ul > li.tp-static {
  position: static;
}
.main-menu > nav > ul > li:hover > a {
  color: rgba(255, 255, 255, 0.7);
}
.main-menu > nav > ul > li:hover > a::after {
  transform: rotate(180deg);
  color: rgba(255, 255, 255, 0.7);
}
.main-menu > nav > ul > li:hover .tp-submenu {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.main-menu > nav > ul > li:hover .tp-submenu li:hover > .tp-submenu {
  left: 100%;
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.main-menu > nav > ul > li:hover > .tp-megamenu-main {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.main-menu.main-menu-4 > nav > ul > li {
  margin: 0;
}
.main-menu.main-menu-4 > nav > ul > li:not(:last-of-type) {
  margin-right: 30px;
}
.main-menu.main-menu-4 > nav > ul > li > a {
  padding: 28px 0 27px 0;
}

.tp-megamenu-main {
  position: absolute;
  z-index: 99;
  opacity: 0;
  transform: scale(1, 0);
  transform-origin: 0 0;
  visibility: hidden;
  transition: 0.3s;
  top: 100%;
  left: 0;
  right: 0;
}
.tp-megamenu-small {
  top: 100%;
  left: -40px;
  width: 580px;
  text-align: start;
  border-radius: 0px 0px 8px 8px;
  background: var(--tp-common-white);
  border: 1px solid rgba(48, 48, 47, 0.1);
  box-shadow: 0px 1px 2px 1px rgba(3, 11, 30, 0.06), 0px 1px 1px 0px rgba(3, 11, 30, 0.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 (max-width: 767px) {
  .tp-megamenu-small {
    border: none;
    box-shadow: none;
    background: transparent;
  }
}
.tp-megamenu-small-content {
  padding: 30px 40px 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-megamenu-small-content {
    padding: 10px 0 0 25px;
  }
}
.tp-megamenu-small-content .tp-megamenu-list a {
  position: relative;
  display: block;
  color: #55585B;
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 15px;
  margin-bottom: 14px;
  border-bottom: 1px solid #EDEDED;
}
.tp-megamenu-small-content .tp-megamenu-list a:hover {
  padding-left: 15px;
  color: var(--tp-theme-4);
}
.tp-megamenu-small-content .tp-megamenu-list a:hover::before {
  width: 12px;
}
.tp-megamenu-small-content .tp-megamenu-list a::before {
  position: absolute;
  content: "";
  left: 0;
  top: 14px;
  width: 0;
  height: 1px;
  background-color: var(--tp-theme-primary);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-megamenu-small-content .tp-megamenu-list.orange-color a:hover {
  color: var(--tp-theme-3);
}
.tp-megamenu-small-content .tp-megamenu-list.orange-color a:hover::before {
  background-color: var(--tp-theme-3);
}
.tp-megamenu-small-content .tp-megamenu-list.yellow-color a:hover {
  color: #679307;
}
.tp-megamenu-small-content .tp-megamenu-list.yellow-color a:hover::before {
  background-color: #679307;
}
.tp-megamenu-small-content .tp-megamenu-list.green-color a:hover {
  color: var(--tp-theme-8);
}
.tp-megamenu-small-content .tp-megamenu-list.green-color a:hover::before {
  background-color: var(--tp-theme-8);
}
.tp-megamenu-small-cta {
  border-radius: 6px;
  background: #FFDEF7;
  padding: 18px 46px 0 46px;
}
.tp-megamenu-small-cta-wrap {
  padding: 0 6px 5px 6px;
}
.tp-megamenu-small-cta-thumb {
  margin-right: 15px;
}
.tp-megamenu-small-cta-title {
  color: #073742;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.2px;
  margin: 5px 22px 0 0;
}
.tp-megamenu-small-cta-btn .tp-btn {
  padding: 4px 14px;
  border-radius: 4px;
  background: #073742;
  border: 1px solid #073742;
}
.tp-megamenu-small-cta-btn .tp-btn:hover {
  background-color: #c41230;
  border: 1px solid #c41230;
}
.tp-megamenu-fullwidth {
  top: 100%;
  left: 0;
  right: 0;
  width: 85%;
  margin: 0 auto;
  overflow: hidden;
  text-align: start;
  border-radius: 0px 0px 8px 8px;
  background: var(--tp-common-white);
  border: 1px solid rgba(48, 48, 47, 0.1);
  box-shadow: 0px 1px 2px 1px rgba(3, 11, 30, 0.06), 0px 1px 1px 0px rgba(3, 11, 30, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-megamenu-fullwidth {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-megamenu-fullwidth {
    border: none;
    box-shadow: none;
    background: transparent;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-megamenu-fullwidth-list {
    margin-bottom: 10px;
  }
}
.tp-megamenu-fullwidth-list ul li {
  list-style: none;
  width: 100%;
  display: block;
}
.tp-megamenu-fullwidth-list ul li:not(:last-of-type) {
  margin-bottom: 2px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-megamenu-fullwidth-list ul li:not(:last-of-type) {
    margin-bottom: 0;
  }
}
.tp-megamenu-fullwidth-list ul li a {
  position: relative;
  font-size: 15px;
  font-weight: 400;
  color: #57595F;
  display: block;
}
.tp-megamenu-fullwidth-list ul li a:hover {
  padding-left: 15px;
  color: var(--tp-theme-4);
}
.tp-megamenu-fullwidth-list ul li a:hover::before {
  width: 12px;
}
.tp-megamenu-fullwidth-list ul li a:hover.blue {
  color: var(--tp-dashboard-primary);
}
.tp-megamenu-fullwidth-list ul li a:hover.blue::before {
  background-color: var(--tp-dashboard-primary);
}
.tp-megamenu-fullwidth-list ul li a:hover.orange {
  color: var(--tp-theme-3);
}
.tp-megamenu-fullwidth-list ul li a:hover.orange::before {
  background-color: var(--tp-theme-3);
}
.tp-megamenu-fullwidth-list ul li a:hover.yellow {
  color: #679307;
}
.tp-megamenu-fullwidth-list ul li a:hover.yellow::before {
  background-color: #679307;
}
.tp-megamenu-fullwidth-list ul li a:hover.green {
  color: var(--tp-theme-8);
}
.tp-megamenu-fullwidth-list ul li a:hover.green::before {
  background-color: var(--tp-theme-8);
}
.tp-megamenu-fullwidth-list ul li a::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 0;
  height: 1px;
  transform: translateY(-50%);
  background-color: var(--tp-theme-primary);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-megamenu-fullwidth-list-wrapper {
  padding: 40px 0px 40px 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-megamenu-fullwidth-list-wrapper {
    padding: 40px 0px 40px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-megamenu-fullwidth-list-wrapper {
    padding: 10px 0;
  }
}
@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 (max-width: 767px) {
  .tp-megamenu-fullwidth-list-wrapper.home-2 {
    padding: 10px 0;
  }
}
@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 (max-width: 767px) {
  .tp-megamenu-fullwidth-list-wrapper.home-2 .tp-megamenu-fullwidth-list {
    margin-bottom: 10px;
  }
}
.tp-megamenu-fullwidth-title {
  font-size: 16px;
  font-weight: 500;
  color: #4F5158;
  letter-spacing: -0.17px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #EDEDED;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-megamenu-fullwidth-title {
    margin-bottom: 10px;
  }
}
.tp-megamenu-fullwidth-item {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  z-index: 1;
  background: linear-gradient(90deg, rgba(255, 137, 180, 0.16) 0%, rgba(204, 201, 122, 0.16) 100%);
}
.tp-megamenu-fullwidth-item.bg {
  background: linear-gradient(90deg, #F6EBFF 0%, #FFEBF9 100%);
}
.tp-megamenu-fullwidth-item-wrap {
  margin-left: 77px;
  padding: 6px 6px 6px 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-megamenu-fullwidth-item-wrap {
    margin-left: 0;
  }
}
.tp-megamenu-fullwidth-content {
  padding: 30px 0 30px 35px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-megamenu-fullwidth-content {
    padding: 30px 0 30px 26px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-megamenu-fullwidth-content {
    padding: 25px 0 25px 20px;
  }
}
.tp-megamenu-fullwidth-content-title {
  color: #15161D;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
  letter-spacing: -0.24px;
  font-family: var(--tp-ff-secondary);
}
.tp-megamenu-fullwidth-content .tp-btn {
  padding: 3px 14px 4px;
  color: #15161D;
  font-size: 15px;
  background-color: transparent;
  border: 1.5px solid rgba(21, 22, 29, 0.1);
}
.tp-megamenu-fullwidth-content .tp-btn:hover {
  box-shadow: none;
  color: var(--tp-common-white);
  border-color: var(--tp-theme-4);
  background-color: var(--tp-theme-4);
}
.tp-megamenu-fullwidth-content-thumb {
  position: absolute;
  bottom: 0;
  right: 22px;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-megamenu-fullwidth-content-thumb {
    right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-megamenu-fullwidth-content-thumb {
    right: -28px;
  }
  .tp-megamenu-fullwidth-content-thumb img {
    width: 80%;
  }
}
.tp-megamenu-fullwidth-content.blue .tp-btn:hover {
  box-shadow: none;
  color: var(--tp-common-white);
  border-color: var(--tp-dashboard-primary);
  background-color: var(--tp-dashboard-primary);
}
.tp-megamenu-container {
  top: 100%;
  left: 0;
  right: 0;
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  text-align: start;
  padding: 40px 30px 0;
  border-radius: 0px 0px 8px 8px;
  background: var(--tp-common-white);
  border: 1px solid rgba(48, 48, 47, 0.1);
  box-shadow: 0px 1px 2px 1px rgba(3, 11, 30, 0.06), 0px 1px 1px 0px rgba(3, 11, 30, 0.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 (max-width: 767px) {
  .tp-megamenu-container {
    padding: 0;
    border: none;
    box-shadow: none;
    background: transparent;
  }
}
.tp-megamenu-container .row [class*=col-]:nth-last-child(-n+2) .tp-megamenu-home-item .tp-megamenu-home-title a::after {
  position: absolute;
  content: "New";
  right: -50px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 100px;
  padding: 2px 8px 3px;
  margin-left: 3px;
  color: var(--tp-common-white);
  background: #E70C46;
  box-shadow: 0px 4px 8px 0px rgba(150, 5, 40, 0.25);
}
.tp-megamenu-home-item {
  overflow: hidden;
}
.tp-megamenu-home-item:hover .tp-megamenu-home-thumb {
  box-shadow: none;
}
.tp-megamenu-home-item:hover .tp-megamenu-home-thumb img {
  transform: scale(1.1);
}
.tp-megamenu-home-item:hover .tp-megamenu-home-thumb::after {
  opacity: 1;
  visibility: visible;
}
.tp-megamenu-home-item:hover .tp-megamenu-home-title .red {
  color: var(--tp-theme-4);
}
.tp-megamenu-home-item:hover .tp-megamenu-home-title .blue {
  color: var(--tp-dashboard-primary);
}
.tp-megamenu-home-item:hover .tp-megamenu-home-title .orange {
  color: var(--tp-theme-3);
}
.tp-megamenu-home-item:hover .tp-megamenu-home-title .yellow {
  color: #679307;
}
.tp-megamenu-home-item:hover .tp-megamenu-home-title .green {
  color: #006b61;
}
.tp-megamenu-home-thumb {
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
  border-radius: 6px;
  background: #DCDCDC;
  border: 1px solid #E3E4E9;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  box-shadow: 0px 1px 1px rgba(1, 15, 28, 0.14);
}
.tp-megamenu-home-thumb img {
  width: 270px;
  height: 170px;
  border-radius: 6px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-megamenu-home-thumb img {
    height: inherit;
  }
}
.tp-megamenu-home-thumb::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  background-color: rgba(1, 15, 28, 0.3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-megamenu-home-thumb.home-2 img {
    height: 100%;
  }
}
.tp-megamenu-home-title {
  font-size: 17px;
  font-weight: 500;
  color: #2A2B30;
  letter-spacing: -0.16px;
}
.tp-megamenu-home-title a {
  position: relative;
}
.tp-megamenu-academics {
  top: 100%;
  left: 0;
  right: 0;
  width: 1075px;
  margin: 0 auto;
  overflow: hidden;
  text-align: start;
  border-radius: 0px 0px 8px 8px;
  background: var(--tp-common-white);
  border: 1px solid rgba(48, 48, 47, 0.1);
  box-shadow: 0px 1px 2px 1px rgba(3, 11, 30, 0.06), 0px 1px 1px 0px rgba(3, 11, 30, 0.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 (max-width: 767px) {
  .tp-megamenu-academics {
    padding: 0;
    border: none;
    box-shadow: none;
    background: transparent;
  }
}
.tp-megamenu-academics-border {
  padding: 0 0px 0 44px;
  border-bottom: 1px solid #EDEDED;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-megamenu-academics-border {
    padding: 0 0px 0 15px;
  }
}
@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 (max-width: 767px) {
  .tp-megamenu-academics-border.home-2 {
    padding: 0 0px 0 15px;
  }
}
@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 (max-width: 767px) {
  .tp-megamenu-academics-border.home-2 .tp-megamenu-academics-list {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.tp-megamenu-academics-title {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.17px;
  color: var(--tp-heading-2);
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #EDEDED;
}
.tp-megamenu-academics-list {
  padding-top: 44px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-megamenu-academics-list {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.tp-megamenu-academics-list a {
  position: relative;
  display: block;
  color: #55585B;
  font-size: 16px;
  font-weight: 400;
}
.tp-megamenu-academics-list a:not(:last-of-type) {
  margin-bottom: 14px;
}
.tp-megamenu-academics-list a:hover {
  padding-left: 15px;
  color: var(--tp-dashboard-primary);
}
.tp-megamenu-academics-list a:hover::before {
  width: 12px;
}
.tp-megamenu-academics-list a::before {
  position: absolute;
  content: "";
  left: 0;
  top: 14px;
  width: 0;
  height: 1px;
  background-color: var(--tp-dashboard-primary);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-megamenu-academics-banner {
  padding: 55px 30px;
  background: #D1F4FF;
}
.tp-megamenu-academics-banner-title {
  color: #073742;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 12px;
  letter-spacing: -0.6px;
  font-family: var(--tp-ff-secondary);
}
.tp-megamenu-academics-banner p {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  color: #073742;
  margin-top: 26px;
  font-family: var(--tp-ff-secondary);
}
.tp-megamenu-academics-banner a {
  position: relative;
  color: #0B8BB4;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.32px;
}
.tp-megamenu-academics-banner a span {
  display: inline-block;
  margin-left: 4px;
  transform: translateY(-1px);
}
.tp-megamenu-academics-banner a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  height: 1px;
  width: 0;
  background-color: #0B8BB4;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-megamenu-academics-banner a:hover::after {
  width: 100%;
}
.tp-megamenu-academics-banner-shape {
  position: absolute;
  bottom: 0;
  right: 40px;
}
.tp-megamenu-academics-btns {
  padding: 24px 0;
}
.tp-megamenu-academics-btns a {
  font-size: 15px;
  font-weight: 600;
  color: #031F42;
  display: inline-block;
  border-radius: 6px;
  padding: 7px 70px;
  background: rgba(81, 105, 241, 0.1);
}
.tp-megamenu-academics-btns a:not(:last-of-type) {
  margin-right: 8px;
}
.tp-megamenu-academics-btns a.active {
  background: #5169F1;
  color: var(--tp-common-white);
  box-shadow: 0px 1px 2px 0px rgba(20, 56, 181, 0.25), 0px 0px 1px 0px #1438B5;
}
.tp-megamenu-academics-btns a:hover {
  background: #5169F1;
  color: var(--tp-common-white);
  box-shadow: 0px 1px 2px 0px rgba(20, 56, 181, 0.25), 0px 0px 1px 0px #1438B5;
}
.tp-megamenu-courses {
  top: 100%;
  left: 0;
  right: 0;
  width: 580px;
  margin: 0 auto;
  overflow: hidden;
  text-align: start;
  border-radius: 0px 0px 8px 8px;
  background: var(--tp-common-white);
  border: 1px solid rgba(48, 48, 47, 0.1);
  box-shadow: 0px 1px 2px 1px rgba(3, 11, 30, 0.06), 0px 1px 1px 0px rgba(3, 11, 30, 0.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 (max-width: 767px) {
  .tp-megamenu-courses {
    padding: 0;
    border: none;
    box-shadow: none;
    background: transparent;
  }
}
.tp-megamenu-courses-content {
  padding: 30px 40px 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-megamenu-courses-content {
    padding: 15px 0px 0px 15px;
  }
}
@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 (max-width: 767px) {
  .tp-megamenu-courses-content.home-2 {
    padding: 15px 0px 0px 15px;
  }
}
.tp-megamenu-courses-wrap {
  position: relative;
  border-radius: 6px;
  margin: 0 6px 5px 6px;
  padding: 26px 35px 22px;
  background-color: #D1F4FF;
}
.tp-megamenu-courses-wrap-title {
  color: #073742;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 4px;
  letter-spacing: -0.18px;
}
.tp-megamenu-courses-wrap p {
  color: #57595F;
  font-size: 15px;
  font-weight: 400;
  margin: 0;
}
.tp-megamenu-courses-thumb {
  position: absolute;
  bottom: 0;
  right: 40px;
}
.tp-megamenu-courses-title {
  font-size: 17px;
  font-weight: 500;
  color: #4F5158;
  letter-spacing: -0.17px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #EDEDED;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-megamenu-courses-list {
    margin-bottom: 25px;
  }
}
@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 (max-width: 767px) {
  .tp-megamenu-courses-list.home-2 {
    margin-bottom: 25px;
  }
}
.tp-megamenu-courses-list a {
  position: relative;
  display: block;
  color: #57595F;
  font-size: 16px;
  font-weight: 400;
}
.tp-megamenu-courses-list a:not(:last-of-type) {
  margin-bottom: 14px;
}
.tp-megamenu-courses-list a:hover {
  padding-left: 15px;
  color: var(--tp-dashboard-primary);
}
.tp-megamenu-courses-list a:hover::before {
  width: 12px;
}
.tp-megamenu-courses-list a::before {
  position: absolute;
  content: "";
  left: 0;
  top: 14px;
  width: 0;
  height: 1px;
  background-color: var(--tp-dashboard-primary);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-megamenu-courses-list a span {
  font-size: 13px;
  font-weight: 600;
  border-radius: 100px;
  padding: 2px 8px 3px;
  margin-left: 3px;
  color: var(--tp-common-white);
  box-shadow: 0px 1px 1px 0px rgba(34, 10, 154, 0.2);
  background: linear-gradient(109deg, rgba(134, 56, 252, 0.72) 14.81%, rgba(88, 56, 252, 0.8) 97.12%);
}

/*----------------------------------------*/
/*  4.2 Mobile menu css
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-main-menu-content {
    margin-bottom: 40px;
  }
}

.tp-main-menu-mobile .tp-submenu {
  display: none;
}
.tp-main-menu-mobile .tp-megamenu-main {
  display: none;
}
.tp-main-menu-mobile ul {
  position: static;
  display: block;
  box-shadow: none;
}
.tp-main-menu-mobile ul li {
  list-style: none;
  position: relative;
  width: 100%;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .tp-main-menu-mobile ul li {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.tp-main-menu-mobile ul li:not(:last-child) > a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
  width: 30px;
  height: 30px;
  line-height: 28px;
  text-align: end;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn::before {
  height: 12px;
  width: 2px;
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--tp-common-black);
  transition: 0.4s ease 0.1s;
  margin: auto;
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn::after {
  height: 2px;
  width: 12px;
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--tp-common-black);
  transition: 0.4s ease 0.1s;
  margin: auto;
}
.tp-main-menu-mobile ul li.has-dropdown.expanded {
  color: var(--tp-theme-primary);
}
.tp-main-menu-mobile ul li.has-dropdown.expanded > a .dropdown-toggle-btn::before {
  transform: rotate(90deg);
}
.tp-main-menu-mobile ul li.has-dropdown:hover > a::after {
  color: var(--tp-theme-green);
}
.tp-main-menu-mobile ul li:last-child a span {
  border-bottom: 0;
}
.tp-main-menu-mobile ul li > a {
  display: block;
  font-size: 16px;
  color: var(--tp-common-black);
  position: relative;
  padding: 10px 0;
  padding-right: 20px;
}
.tp-main-menu-mobile ul li > a svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-main-menu-mobile ul li > a > i {
  display: inline-block;
  width: 11%;
  margin-right: 13px;
  -webkit-transform: translateY(4px);
  -moz-transform: translateY(4px);
  -ms-transform: translateY(4px);
  -o-transform: translateY(4px);
  transform: translateY(4px);
  font-size: 21px;
  line-height: 1;
}
.tp-main-menu-mobile ul li > a .menu-text {
  font-size: 16px;
  line-height: 11px;
  border-bottom: 1px solid #EAEBED;
  width: 82%;
  display: inline-block;
  padding: 19px 0 17px;
}
.tp-main-menu-mobile ul li img {
  width: 100%;
}
.tp-main-menu-mobile ul li ul {
  padding: 0;
}
.tp-main-menu-mobile ul li ul li {
  padding: 0;
}
.tp-main-menu-mobile ul li ul li a {
  margin-left: auto;
  width: 93%;
  padding: 10px 5%;
  text-shadow: none !important;
  visibility: visible;
  padding-left: 0;
  padding-right: 20px;
}
.tp-main-menu-mobile ul li ul li li a {
  width: 88%;
  padding: 10px 7%;
  padding-left: 0;
  padding-right: 20px;
}
.tp-main-menu-mobile ul li ul li li li a {
  width: 83%;
  padding: 10px 9%;
  padding-left: 0;
  padding-right: 20px;
}
.tp-main-menu-mobile ul li ul li li li li a {
  width: 68%;
  padding: 10px 11%;
  padding-left: 0;
  padding-right: 20px;
}
.tp-main-menu-mobile ul li:hover > a {
  color: var(--tp-theme-primary);
}
.tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn::after {
  background-color: var(--tp-theme-primary);
}
.tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn::before {
  background-color: var(--tp-theme-primary);
}
.tp-main-menu-mobile ul li:hover .mega-menu {
  visibility: visible;
  opacity: 1;
  top: 0;
}
.tp-main-menu-mobile ul li .mega-menu, .tp-main-menu-mobile ul li .tp-megamenu-main, .tp-main-menu-mobile ul li .tp-submenu {
  position: static;
  min-width: 100%;
  padding: 0;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  display: none;
  transform: scale(1);
  transform-origin: inherit;
  transition: none;
}
.tp-main-menu-mobile ul li .mega-menu li, .tp-main-menu-mobile ul li .tp-megamenu-main li, .tp-main-menu-mobile ul li .tp-submenu li {
  float: none;
  display: block;
  width: 100%;
  padding: 0;
}
.tp-main-menu-mobile ul li .mega-menu li:hover a .dropdown-toggle-btn, .tp-main-menu-mobile ul li .tp-megamenu-main li:hover a .dropdown-toggle-btn, .tp-main-menu-mobile ul li .tp-submenu li:hover a .dropdown-toggle-btn {
  color: var(--tp-theme-primary);
}
.tp-main-menu-mobile ul li .mega-menu .tp-megamenu-small, .tp-main-menu-mobile ul li .mega-menu .tp-megamenu-container, .tp-main-menu-mobile ul li .mega-menu .tp-megamenu-academics, .tp-main-menu-mobile ul li .mega-menu .tp-megamenu-courses, .tp-main-menu-mobile ul li .mega-menu .tp-megamenu-fullwidth, .tp-main-menu-mobile ul li .tp-megamenu-main .tp-megamenu-small, .tp-main-menu-mobile ul li .tp-megamenu-main .tp-megamenu-container, .tp-main-menu-mobile ul li .tp-megamenu-main .tp-megamenu-academics, .tp-main-menu-mobile ul li .tp-megamenu-main .tp-megamenu-courses, .tp-main-menu-mobile ul li .tp-megamenu-main .tp-megamenu-fullwidth, .tp-main-menu-mobile ul li .tp-submenu .tp-megamenu-small, .tp-main-menu-mobile ul li .tp-submenu .tp-megamenu-container, .tp-main-menu-mobile ul li .tp-submenu .tp-megamenu-academics, .tp-main-menu-mobile ul li .tp-submenu .tp-megamenu-courses, .tp-main-menu-mobile ul li .tp-submenu .tp-megamenu-fullwidth {
  top: initial;
  left: initial;
  width: 100%;
}
.tp-main-menu-mobile * ul, .tp-main-menu-mobile * li {
  transition: none !important;
}

/*----------------------------------------*/
/*  5.1 Postbox css
/*----------------------------------------*/
.tp-postbox-item {
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(3, 31, 66, 0.1);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-postbox-item-list-box {
    flex-wrap: wrap;
  }
}
.tp-postbox-item-list-thumb {
  margin-right: 34px;
}
.tp-postbox-item-list-thumb img {
  border-radius: 16px;
}
.tp-postbox-item-list-title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 15px;
  letter-spacing: -0.2px;
  color: var(--tp-heading-2);
}
.tp-postbox-item-list-title a:hover {
  color: var(--tp-dashboard-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-postbox-item-pagination {
    padding-bottom: 30px;
  }
}
.tp-postbox-thumb {
  border-radius: 16px 16px 0 0;
}
.tp-postbox-thumb img {
  border-radius: 16px 16px 0 0;
  width: 100%;
}
.tp-postbox-content {
  padding-top: 30px;
}
.tp-postbox-content p {
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  margin-bottom: 38px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-postbox-content p {
    margin-bottom: 25px;
  }
}
.tp-postbox-title {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 15px;
  color: var(--tp-heading-2);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-postbox-title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-postbox-title {
    font-size: 32px;
  }
}
.tp-postbox-title a:hover {
  color: var(--tp-dashboard-primary);
}
.tp-postbox-btn a {
  font-size: 15px;
  font-weight: 500;
  padding: 6px 20px;
  border-radius: 6px;
  display: inline-block;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  color: var(--tp-grey-6);
  border: 1px solid rgba(117, 124, 142, 0.2);
}
.tp-postbox-btn a span {
  display: inline-block;
  margin-left: 2px;
  transform: translateY(-2px);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-postbox-btn a:hover {
  color: var(--tp-common-white);
  background: var(--tp-dashboard-primary);
  border: 1px solid var(--tp-dashboard-primary);
}
.tp-postbox-btn a:hover span {
  color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-postbox-btn a {
    padding: 6px 10px;
  }
}
.tp-postbox-share {
  position: relative;
}
.tp-postbox-share:hover button span {
  color: var(--tp-common-white);
  background: var(--tp-dashboard-primary);
  border: 1px solid var(--tp-dashboard-primary);
}
.tp-postbox-share:hover .tp-postbox-share-hover {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.tp-postbox-share button {
  font-size: 15px;
  font-weight: 400;
  color: var(--tp-text-body);
}
.tp-postbox-share button span {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 35px;
  text-align: center;
  margin-left: 10px;
  display: inline-block;
  border: 1px solid rgba(3, 31, 66, 0.1);
}
.tp-postbox-share button span svg {
  transform: translateX(-1px);
}
.tp-postbox-share-hover {
  opacity: 0;
  right: -18px;
  padding: 6px 6px;
  visibility: hidden;
  border-radius: 6px;
  position: absolute;
  transition: all 0.2s;
  display: block ruby;
  bottom: calc(100% + 10px);
  transform: translateY(5px);
  background-color: var(--tp-common-white);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
  filter: drop-shadow(0 2px 20px rgba(0, 0, 0, 0.06));
}
.tp-postbox-share-hover::after {
  position: absolute;
  content: "";
  bottom: -6px;
  right: 32px;
  width: 0;
  height: 0;
  border-top: 6px solid #FFFFFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.tp-postbox-share-hover li {
  list-style: none;
}
.tp-postbox-share-hover li a {
  position: relative;
  font-size: 15px;
  padding: 5px 8px;
  color: var(--tp-text-body);
}
.tp-postbox-share-hover li a:hover {
  color: var(--tp-dashboard-primary);
}
.tp-postbox-share-hover li a:hover b {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.tp-postbox-share-hover li a b {
  font-size: 14px;
  line-height: 1.7;
  font-weight: normal;
  opacity: 0;
  right: -10px;
  padding: 2px 10px;
  visibility: hidden;
  border-radius: 6px;
  position: absolute;
  transition: all 0.2s;
  display: inline-block;
  bottom: calc(100% + 10px);
  transform: translateY(5px);
  color: var(--tp-common-white);
  background-color: #24272E;
  box-shadow: 0px 4px 12px rgba(3, 18, 51, 0.3);
}
.tp-postbox-share-hover li a b::after {
  position: absolute;
  content: "";
  bottom: -5px;
  right: 20px;
  width: 0;
  height: 0;
  border-top: 6px solid #303651;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.tp-postbox-quote-box {
  padding: 40px 50px;
  border-radius: 16px;
  background-color: #DFF9F0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-postbox-quote-box {
    padding: 40px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-postbox-quote-box {
    padding: 30px;
    flex-wrap: wrap;
  }
}
.tp-postbox-quote-content {
  position: relative;
  z-index: 1;
}
.tp-postbox-quote-icon {
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .tp-postbox-quote-icon {
    margin-bottom: 10px;
  }
}
.tp-postbox-quote-title {
  font-size: 38px;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: -0.2px;
  margin-bottom: 30px;
  font-family: var(--tp-ff-secondary);
}
.tp-postbox-quote-shape {
  position: absolute;
  right: 60px;
  bottom: 0;
}
.tp-postbox-quote-sub span {
  font-size: 17px;
  font-weight: 400;
  color: var(--tp-heading-2);
  margin-right: 24px;
}
.tp-postbox-quote-sub .p {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: var(--tp-text-body);
}
.tp-postbox-quote-sub .p::after {
  position: absolute;
  content: "";
  height: 4px;
  width: 4px;
  border-radius: 50%;
  top: 6px;
  left: -14px;
  background-color: rgba(3, 31, 66, 0.5);
}
.tp-postbox-quote-2-box {
  position: relative;
  padding: 67px 62px;
  border-radius: 16px;
  background-color: #FFE2DB;
}
@media only screen and (max-width: 767px) {
  .tp-postbox-quote-2-box {
    padding: 30px;
    flex-wrap: wrap;
  }
}
.tp-postbox-quote-2-title {
  margin: 0;
  font-size: 38px;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: -0.2px;
  font-family: var(--tp-ff-secondary);
}
.tp-postbox-quote-2-icon {
  margin-right: 34px;
}
@media only screen and (max-width: 767px) {
  .tp-postbox-quote-2-icon {
    margin-bottom: 10px;
  }
}
.tp-postbox-quote-2-shape {
  position: absolute;
  bottom: 0;
  right: 45px;
}
.tp-postbox-details-bottom {
  border-top: 1px solid #e6e8f0;
}
.tp-postbox-details-bottom-title {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin-bottom: 50px;
}
.tp-postbox-details-title {
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 12px;
  letter-spacing: -0.2px;
}
.tp-postbox-details-text p {
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 22px;
  color: var(--tp-heading-primary);
}
.tp-postbox-details-text p.tp-dropcap {
  padding-right: 10px;
}
@media only screen and (max-width: 767px) {
  .tp-postbox-details-text p.tp-dropcap {
    padding-right: 0;
  }
}
.tp-postbox-details-text p.tp-dropcap::first-letter {
  font-size: 100px;
  font-weight: 400;
  line-height: 26px;
  margin-right: 18px;
  margin-bottom: 30px;
  display: inline-block;
  color: var(--tp-heading-2);
}
.tp-postbox-details-text p.text-1 {
  margin-bottom: 0;
}
.tp-postbox-details-text p.text-2 {
  margin-bottom: 55px;
}
.tp-postbox-details-thumb img {
  border-radius: 6px;
  width: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-postbox-details-thumb {
    padding-bottom: 30px;
  }
}
.tp-postbox-details-list ul {
  padding-left: 15px;
}
.tp-postbox-details-list ul li {
  position: relative;
  list-style: none;
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 8px;
}
.tp-postbox-details-list ul li::after {
  position: absolute;
  content: "";
  left: -15px;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #4F5158;
  transform: translateY(-50%);
}
.tp-postbox-details-share {
  margin-top: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid rgba(10, 11, 15, 0.1);
  border-bottom: 1px solid rgba(10, 11, 15, 0.1);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-postbox-details-tag.tagcloud {
    margin-bottom: 20px;
  }
}
.tp-postbox-details-tag.tagcloud a {
  padding: 5px 9px;
  margin-bottom: 0;
  background-color: transparent;
  border: 1px solid #e6e8f0;
  box-shadow: 0 1px 1px 0 rgba(48, 54, 81, 0.06);
}
.tp-postbox-details-tag.tagcloud a:hover {
  border: 1px solid var(--tp-dashboard-secondary);
}
@media only screen and (max-width: 767px) {
  .tp-postbox-details-tag.tagcloud a {
    margin-bottom: 10px;
  }
}
.tp-postbox-details-social a {
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  font-size: 16px;
  border: 1px solid #e6e8f0;
  background: var(--tp-common-white);
  box-shadow: 0 1px 1px 0 rgba(48, 54, 81, 0.06);
}
.tp-postbox-details-social a:not(:last-of-type) {
  margin-right: 5px;
}
.tp-postbox-details-social a:hover {
  color: var(--tp-common-white);
  border: 1px solid var(--tp-dashboard-secondary);
  background: var(--tp-dashboard-secondary);
  box-shadow: 0 0 1px 0 #1438b5, 0 1px 2px 0 rgba(20, 56, 181, 0.25);
}
.tp-postbox-details-navigation-btn {
  font-size: 13px;
  font-weight: 400;
  color: #8e8f92;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.tp-postbox-details-navigation-btn span {
  display: inline-block;
  margin-right: 8px;
  transform: translateY(-2px);
}
.tp-postbox-details-navigation-btn:hover {
  color: var(--tp-dashboard-secondary);
}
.tp-postbox-details-navigation-btn:hover span {
  color: var(--tp-dashboard-secondary);
}
.tp-postbox-details-navigation-title {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.02px;
}
.tp-postbox-details-navigation-title a:hover {
  color: var(--tp-dashboard-secondary);
}
.tp-postbox-details-navigation-content.next a span {
  margin-left: 8px;
}
.tp-postbox-details-navigation-bar {
  line-height: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-postbox-details-navigation-bar {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
.tp-postbox-details-author-box {
  padding: 41px 40px;
  border-radius: 14px;
  background: #f5f5f7;
  box-shadow: 0 1px 2px 0 rgba(10, 24, 51, 0.14);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-postbox-details-author-box {
    padding: 40px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-postbox-details-author-wrap {
    flex-wrap: wrap;
  }
}
.tp-postbox-details-author-social {
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-postbox-details-author-social {
    right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-postbox-details-author-social {
    position: static;
    transform: translateY(0);
  }
}
.tp-postbox-details-author-social a {
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  display: block;
  border-radius: 50%;
  font-size: 13px;
  background: var(--tp-common-white);
  box-shadow: 0 1px 1px 0 rgba(48, 54, 81, 0.06);
}
.tp-postbox-details-author-social a:not(:last-of-type) {
  margin-bottom: 6px;
}
.tp-postbox-details-author-social a:hover {
  background: var(--tp-dashboard-secondary);
  color: var(--tp-common-white);
  box-shadow: 0 0 1px 0 #1438b5, 0 1px 2px 0 rgba(20, 56, 181, 0.25);
}
@media only screen and (max-width: 767px) {
  .tp-postbox-details-author-social a {
    display: inline-block;
  }
}
.tp-postbox-details-author-avata {
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .tp-postbox-details-author-avata {
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-postbox-details-author-content {
    margin-bottom: 10px;
  }
}
.tp-postbox-details-author-content h4 {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 5px;
}
.tp-postbox-details-author-content p {
  font-weight: 400;
  font-size: 16px;
  color: #4f5158;
  margin: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-postbox-details-author-content p br {
    display: none;
  }
}
.tp-postbox-comment-box {
  padding-bottom: 47px;
  margin-bottom: 40px;
  border-bottom: 1px solid #dce0ec;
}
.tp-postbox-comment-title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 30px;
}
.tp-postbox-comment ul li {
  list-style: none;
}
.tp-postbox-comment ul .children {
  padding-left: 100px;
}
@media only screen and (max-width: 767px) {
  .tp-postbox-comment ul .children {
    padding-left: 0;
  }
}
.tp-postbox-comment-name {
  margin-bottom: 15px;
}
.tp-postbox-comment-name h5 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}
.tp-postbox-comment-name span {
  font-size: 14px;
  font-weight: 400;
}
.tp-postbox-comment-reply a {
  font-weight: 400;
  font-size: 15px;
  color: #031f42;
  padding: 4px 14px;
  border-radius: 100px;
  border: 1px solid #e6e8f0;
  box-shadow: 0 1px 1px 0 rgba(48, 54, 81, 0.06);
}
.tp-postbox-comment-reply a svg {
  display: inline-block;
  margin-right: 5px;
  transform: translateY(-2px);
}
.tp-postbox-comment-reply a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-dashboard-secondary);
  border: 1px solid var(--tp-dashboard-secondary);
}
.tp-postbox-comment-text p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-postbox-comment-text p br {
    display: none;
  }
}
.tp-postbox-comment-avater img {
  width: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-postbox-comment-from {
    margin-bottom: 30px;
  }
}
.tp-postbox-comment-from .tp-postbox-comment-title {
  margin-bottom: 5px;
}
.tp-postbox-comment-from .tp-postbox-comment-p {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 40px;
}
.tp-postbox-comment-from .tp-contact-input-form label {
  font-size: 14px;
  font-weight: 500;
}
.tp-postbox-comment-from .tp-contact-input-remeber label {
  font-size: 15px;
  font-weight: 300;
}
.tp-postbox-comment-from .tp-contact-input-remeber label::after {
  top: 4px;
}
.tp-postbox-comment-from .tp-contact-input-remeber label::before {
  top: 4px;
}

/*----------------------------------------*/
/*  5.2 Recent Post css
/*----------------------------------------*/
.tp-recent-post-content:not(:last-of-type) {
  border-bottom: 1px solid #E8E8E9;
  margin-bottom: 25px;
  padding-bottom: 20px;
}
.tp-recent-post-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 8px;
  color: var(--tp-heading-2);
}
.tp-recent-post-title a:hover {
  color: var(--tp-dashboard-primary);
}
.tp-recent-post-span {
  font-size: 12px;
  font-weight: 500;
  color: #525356;
  padding: 0px 13px;
  border-radius: 6px;
  margin-bottom: 10px;
  display: inline-block;
  background-color: #DFF9F0;
}
.tp-recent-post-span.grey {
  background-color: #EFE9FE;
}
.tp-recent-post-span.yellow {
  background-color: #FDFFD0;
}
.tp-recent-post-tag span {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: #686A6D;
  margin-right: 18px;
}
.tp-recent-post-tag span:not(:last-of-type)::after {
  position: absolute;
  content: "";
  height: 4px;
  width: 4px;
  top: 50%;
  right: -12px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #686A6D;
}

.tagcloud a {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: #525356;
  border-radius: 6px;
  padding: 6px 21px;
  line-height: 20px;
  margin-right: 7px;
  text-transform: uppercase;
  margin-bottom: 11px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  background-color: rgba(81, 105, 241, 0.08);
}
.tagcloud a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-dashboard-primary);
  box-shadow: 0px 0px 1px 0px #1438B5, 0px 1px 2px 0px rgba(20, 56, 181, 0.25);
}

/*----------------------------------------*/
/*  5.3 Sidebar css
/*----------------------------------------*/
@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), only screen and (max-width: 767px) {
  .tp-sidebar-wrapper {
    padding-left: 0;
  }
}
.tp-sidebar-search input {
  font-size: 15px;
  width: 100%;
  height: 60px;
  color: #686A6D;
  border-radius: 6px;
  padding-right: 50px;
  background: #F3F4F9;
  border: 1px solid #F3F4F9;
}
.tp-sidebar-search input:focus {
  background-color: var(--tp-common-white);
  border-color: var(--tp-theme-7);
  box-shadow: 0px 0px 0px 3px rgba(70, 97, 253, 0.16);
}
.tp-sidebar-search input::placeholder {
  font-size: 15px;
  color: #686A6D;
}
.tp-sidebar-search-btn {
  position: absolute;
  top: 50%;
  right: 18px;
  line-height: 1;
  transform: translateY(-50%);
}
.tp-sidebar-search-btn span:hover {
  color: var(--tp-dashboard-primary);
}
.tp-sidebar-widget {
  padding-bottom: 35px;
  border-bottom: 1px solid #E8E8E9;
}
.tp-sidebar-widget-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  color: var(--tp-heading-2);
}
.tp-sidebar-content ul li {
  list-style: none;
}
.tp-sidebar-content ul li:not(:last-of-type) {
  margin-bottom: 10px;
}
.tp-sidebar-content ul li a {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #4D5051;
}
.tp-sidebar-content ul li a span {
  color: #686A6D;
  float: right;
}
.tp-sidebar-content ul li a:hover {
  color: var(--tp-dashboard-primary);
}
.tp-sidebar-content ul li a:hover span {
  color: var(--tp-dashboard-primary);
}

/*----------------------------------------*/
/*  5.4 Blog css
/*----------------------------------------*/
.tp-blog-item {
  background-color: var(--tp-common-white);
  border-radius: 20px;
  padding: 15px 15px 0 15px;
}
@media only screen and (max-width: 767px) {
  .tp-blog-item {
    margin-bottom: 60px;
  }
}
.tp-blog-item:hover .tp-blog-thumb img {
  transform: scale(1.08);
}
.tp-blog-item:hover .tp-blog-btn .blog-btn-bg {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
}
.tp-blog-item:hover .tp-blog-btn .blog-btn-border {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.tp-blog-thumb {
  margin-bottom: 32px;
  border-radius: 10px;
}
.tp-blog-thumb img {
  border-radius: 10px;
  width: 100%;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-blog-tag {
  display: inline-block;
  color: var(--tp-theme-primary);
  font-size: 18px;
  margin-bottom: 8px;
}
.tp-blog-title {
  color: var(--tp-common-black-1);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.18;
  margin-bottom: 14px;
}
@media only screen and (max-width: 767px) {
  .tp-blog-title {
    font-size: 28px;
  }
}
.tp-blog-title a:hover {
  color: var(--tp-theme-primary);
}
.tp-blog-meta {
  margin-bottom: 12px;
}
.tp-blog-meta > span {
  color: var(--tp-grey-2);
  font-size: 15px;
  margin: 0 8px;
}
.tp-blog-meta > span > span svg {
  margin-right: 3px;
}
.tp-blog-btn a {
  display: inline-block;
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
}
.tp-blog-btn a .blog-btn-bg {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 10px 15px -5px rgba(21, 36, 34, 0.1);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-blog-btn a .blog-btn-border {
  position: absolute;
  top: -11px;
  left: -11px;
  display: inline-block;
  width: calc(100% + 22px);
  height: calc(100% + 22px);
  background-color: transparent;
  border-radius: 50%;
  border: 16px solid #F6F4EE;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  z-index: -1;
}
.tp-blog-btn a span {
  color: var(--tp-heading-primary);
}
.tp-blog-btn a span svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-blog-full-width-pl {
  padding-left: 100px;
  padding-right: 100px;
}
@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), only screen and (max-width: 767px) {
  .tp-blog-full-width-pl {
    padding-left: 0;
    padding-right: 0;
  }
}
.tp-blog-full-width-title {
  font-size: 70px;
  font-weight: 600;
  margin-bottom: 35px;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-blog-full-width-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-blog-full-width-title {
    font-size: 45px;
  }
}
@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), only screen and (max-width: 767px) {
  .tp-blog-full-width-box {
    flex-wrap: wrap;
  }
}
.tp-blog-full-width-back a {
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
.tp-blog-full-width-back a span {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 35px;
  border-radius: 50%;
  margin-right: 10px;
  border: 1px solid rgba(3, 31, 66, 0.14);
}
.tp-blog-full-width-thumb img {
  max-width: 100%;
}

.tp-blog-6-item .tp-blog-stories-item {
  border-radius: 14px;
  border: 1px solid rgba(3, 31, 66, 0.1);
}
.tp-blog-6-item .tp-blog-stories-content {
  padding: 24px 30px 35px;
}
.tp-blog-6-item .tp-blog-stories-title a:hover {
  color: var(--tp-theme-9);
}

.tp-blog-stories-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}
.tp-blog-stories-p {
  font-size: 17px;
  margin-top: 5px;
  font-weight: 300;
  margin-bottom: 40px;
  color: var(--tp-grey-6);
}
.tp-blog-stories-btn-box a {
  font-size: 16px;
  font-weight: 400;
  padding: 7px 24px;
  border-radius: 100px;
  margin-right: 6px;
  display: inline-block;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  color: var(--tp-grey-6);
  background: var(--tp-common-white);
  box-shadow: 0px 1px 2px 0px rgba(3, 11, 30, 0.2);
}
.tp-blog-stories-btn-box a.active {
  color: var(--tp-common-white);
  background-color: var(--tp-dashboard-primary);
  box-shadow: 0px 0px 1px 0px #1438B5, 0px 1px 2px 0px rgba(20, 56, 181, 0.25);
}
.tp-blog-stories-btn-box a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-dashboard-primary);
  box-shadow: 0px 0px 1px 0px #1438B5, 0px 1px 2px 0px rgba(20, 56, 181, 0.25);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-blog-stories-btn-box a {
    margin-bottom: 10px;
  }
}
.tp-blog-stories-btn-box span {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
  color: var(--tp-grey-6);
  background: var(--tp-common-white);
  box-shadow: 0px 1px 2px 0px rgba(3, 11, 30, 0.2);
  border-radius: 100px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-blog-stories-btn-box span:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-dashboard-primary);
  box-shadow: 0px 0px 1px 0px #1438B5, 0px 1px 2px 0px rgba(20, 56, 181, 0.25);
}
.tp-blog-stories-banner-thumb img {
  border-radius: 10px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .tp-blog-stories-banner-thumb img {
    height: 260px;
    object-fit: cover;
  }
}
.tp-blog-stories-banner-title {
  font-size: 50px;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: -2px;
  margin-bottom: 30px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-blog-stories-banner-title {
    font-weight: 600;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-blog-stories-banner-title {
    font-size: 30px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-blog-stories-banner-title {
    font-size: 32px;
    margin-bottom: 20px;
  }
}
.tp-blog-stories-banner-content {
  position: absolute;
  top: 47px;
  left: 47px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-blog-stories-banner-content {
    left: 30px;
    top: 20px;
  }
}
.tp-blog-stories-banner-sub {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 15px;
  border-radius: 100px;
  margin-bottom: 20px;
  color: var(--tp-heading-primary);
  background-color: #F9E4B4;
}
.tp-blog-stories-banner-sub:hover {
  color: var(--tp-heading-primary);
}
.tp-blog-stories-user-thumb img {
  width: 44px;
  margin-right: 12px;
  border-radius: 100%;
}
.tp-blog-stories-user-content h6 {
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 0;
  color: var(--tp-common-white);
}
.tp-blog-stories-user-content span {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.7);
}
.tp-blog-stories-item:hover .tp-blog-stories-thumb img {
  transform: scale(1.08);
}
.tp-blog-stories-thumb {
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}
.tp-blog-stories-thumb img {
  border-radius: 16px 16px 0 0;
  transition: all 0.3s 0s ease-out;
  width: 100%;
}
.tp-blog-stories-content {
  padding-top: 20px;
}
.tp-blog-stories-tag-wrap {
  margin-bottom: 20px;
}
.tp-blog-stories-tag-wrap a {
  font-size: 14px;
  font-weight: 400;
  padding: 0px 14px;
  display: inline-block;
  border-radius: 100px;
  margin-right: 44px;
  background-color: #EFE9FE;
  color: var(--tp-heading-primary);
}
.tp-blog-stories-tag-wrap a.sky {
  background-color: #DFF9F0;
}
.tp-blog-stories-tag-wrap a.yeallow {
  background-color: #FDFFD0;
}
.tp-blog-stories-tag-wrap span {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: var(--tp-text-body);
}
.tp-blog-stories-tag-wrap span::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: -35px;
  height: 1px;
  width: 24px;
  background-color: #D9D9D9;
}
.tp-blog-stories-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 20px;
  letter-spacing: -0.2px;
  color: var(--tp-heading-primary);
}
.tp-blog-stories-title a:hover {
  color: var(--tp-dashboard-primary);
}
.tp-blog-stories-user-box span {
  font-size: 15px;
  font-weight: 400;
  color: var(--tp-text-body);
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-blog-details-p {
    padding-bottom: 80px;
  }
}
.tp-blog-details-wrap {
  padding-left: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-blog-details-wrap {
    padding-left: 0;
  }
}
.tp-blog-details-title {
  font-size: 70px;
  font-weight: 600;
  margin-bottom: 20px;
  letter-spacing: -1.4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-blog-details-title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-blog-details-title {
    font-size: 54px;
    line-height: 1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-blog-details-title br {
    display: none;
  }
}
.tp-blog-details-user {
  margin-bottom: 55px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-blog-details-user {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-blog-details-user-box {
    margin-bottom: 20px;
  }
}
.tp-blog-details-user span {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-heading-2);
  margin-right: 30px;
}
.tp-blog-details-user span img {
  width: 46px;
  margin-right: 5px;
  border-radius: 50%;
}
.tp-blog-details-user span:not(:last-of-type)::after {
  position: absolute;
  content: "";
  top: 0;
  right: -15px;
  width: 1px;
  height: 24px;
  background-color: #D9D9D9;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-blog-details-user-social {
    margin-bottom: 20px;
  }
}
.tp-blog-details-thumb img {
  border-radius: 16px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-blog-details-thumb {
    margin-bottom: 40px;
  }
}

/*----------------------------------------*/
/*  6.1 Footer Style 1
/*----------------------------------------*/
.tp-footer-widget-content p {
  color: var(--tp-grey-3);
  font-size: 16px;
  margin-bottom: 30px;
  line-height: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-widget-content p br {
    display: none;
  }
}
.tp-footer-widget-title {
  color: var(--tp-common-black-1);
  font-size: 20px;
  font-weight: 500;
}
.tp-footer-widget ul li {
  list-style: none;
}
.tp-footer-widget ul li:not(:last-child) {
  margin-bottom: 5px;
}
.tp-footer-widget ul li a {
  color: var(--tp-grey-3);
  font-size: 16px;
  font-family: var(--tp-ff-primary);
}
.tp-footer-widget ul li a:hover {
  color: var(--tp-theme-primary);
}
.tp-footer-widget.shop ul li a:hover {
  color: var(--tp-theme-8);
}
.tp-footer-contact > span {
  display: block;
  color: var(--tp-grey-3);
  font-size: 14px;
  margin-bottom: 3px;
  line-height: 1;
}
.tp-footer-contact > a {
  color: var(--tp-common-black-1);
  font-size: 22px;
  display: inline-block;
  font-weight: 500;
  margin-bottom: 10px;
}
.tp-footer-contact > a:hover {
  color: var(--tp-theme-primary);
}
.tp-footer-contact.shop > a:hover {
  color: var(--tp-theme-8);
}
.tp-footer-contact-mail a {
  color: var(--tp-grey-3);
  font-size: 16px;
}
.tp-footer-contact-mail a:hover {
  color: var(--tp-theme-primary);
}
.tp-footer-contact-mail a span {
  color: var(--tp-common-black-1);
  display: inline-block;
  margin-right: 3px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-footer-contact-mail.shop a:hover {
  color: var(--tp-theme-8);
}
.tp-footer-contact-mail.shop a:hover span {
  color: var(--tp-theme-8);
}
.tp-footer-newsletter-wrapper {
  position: relative;
}
.tp-footer-newsletter-wrapper.tp-footer-inner-input input {
  border: transparent;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 2px 0px rgba(3, 11, 30, 0.14);
}
.tp-footer-newsletter-wrapper.tp-footer-inner-input input:focus {
  border: 1px solid var(--tp-theme-7);
  box-shadow: 0px 0px 0px 3px rgba(70, 97, 253, 0.16);
}
.tp-footer-newsletter-wrapper.tp-footer-inner-input .tp-footer-5-newsletter-submit .tp-btn-inner {
  box-shadow: 0px 0px 1px 0px #1438B5, 0px 1px 2px 0px rgba(20, 56, 181, 0.25);
}
.tp-footer-newsletter-wrapper.tp-footer-inner-input .tp-footer-5-newsletter-submit .tp-btn-inner:hover {
  box-shadow: none;
  background: #425EFF;
  color: var(--tp-common-white);
}
.tp-footer-newsletter-wrapper.tp-footer-shop-input input {
  border-radius: 0;
  background: var(--tp-common-white);
  border: 1px solid var(--tp-common-white);
  box-shadow: 0px 1px 2px 0px rgba(3, 11, 30, 0.14);
}
.tp-footer-newsletter-wrapper.tp-footer-shop-input input:focus {
  border-color: var(--tp-theme-8);
}
.tp-footer-newsletter-wrapper.tp-footer-shop-input .tp-footer-5-newsletter-submit .tp-btn-inner {
  border-radius: 0;
  color: #DDF49F;
  padding: 6px 22px;
  background-color: var(--tp-theme-8);
  box-shadow: 0px 1px 2px 0px rgba(1, 99, 90, 0.25), 0px 0px 1px 0px #01635A;
}
.tp-footer-newsletter-wrapper.tp-footer-shop-input .tp-footer-5-newsletter-submit .tp-btn-inner:hover {
  box-shadow: none;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-6);
}
.tp-footer-newsletter-input input {
  border-radius: 6px;
  padding: 0 130px 0 24px;
  border: 2px solid #E4E2DC;
  background-color: transparent;
}
.tp-footer-newsletter-input input:focus {
  border-color: var(--tp-red-2);
}
.tp-footer-newsletter-submit {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.tp-footer-newsletter-submit .tp-btn {
  padding: 6px 20px;
  background-color: var(--tp-red-2);
  border-color: var(--tp-red-2);
}
.tp-footer-newsletter-social a {
  height: 38px;
  width: 38px;
  line-height: 38px;
  text-align: center;
  display: inline-block;
  border: 1px solid var(--tp-border-2);
  border-radius: 50%;
  font-size: 16px;
}
.tp-footer-newsletter-social a:not(:last-of-type) {
  margin-right: 3px;
}
.tp-footer-newsletter-social.tp-footer-inner-social a {
  background: var(--tp-common-white);
  border: 1px solid var(--tp-common-white);
  box-shadow: 0px 1px 2px 0px rgba(3, 11, 30, 0.14);
}
.tp-footer-bottom {
  padding: 17px 0;
  background-color: var(--tp-grey-4);
}
.tp-footer-bottom-social a {
  height: 36px;
  width: 36px;
  line-height: 36px;
  text-align: center;
  background-color: #EDEFF2;
  border-radius: 50%;
  display: inline-block;
  font-size: 14px;
  color: var(--tp-text-body);
  margin-right: 4px;
}
.tp-footer-bottom-social a:hover {
  background-color: var(--tp-theme-secondary);
  color: var(--tp-common-white);
}
.tp-footer-copyright span {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}
.tp-footer-copyright span a:hover {
  color: var(--tp-theme-primary);
}
@media only screen and (max-width: 767px) {
  .tp-footer-copyright-payment {
    padding-top: 20px;
  }
}

.tp-footer-2 .tp-footer-widget-content > p {
  margin-bottom: 26px;
}
.tp-footer-2 .tp-footer-widget-link ul li a:hover {
  color: var(--tp-theme-secondary);
}
.tp-footer-2 .tp-footer-contact > a:hover {
  color: var(--tp-theme-secondary);
}
.tp-footer-2 .tp-footer-contact-mail > a:hover {
  color: var(--tp-theme-secondary);
}
.tp-footer-2 .tp-footer-bottom {
  padding: 20px 0;
  border-top: 1px solid rgba(30, 30, 47, 0.1);
  background-color: var(--tp-common-white);
}
@media only screen and (max-width: 767px) {
  .tp-footer-2 .tp-footer-bottom-social {
    text-align: start;
  }
}
@media only screen and (max-width: 767px) {
  .tp-footer-2 .tp-footer-copyright {
    padding: 20px 0;
  }
}
.tp-footer-2 .tp-footer-copyright span a {
  color: var(--tp-theme-secondary);
}
.tp-footer-2 .tp-footer-copyright span a:hover {
  color: var(--tp-text-body);
}

a:hover.social-fb {
  border-color: #337FFF;
}
a:hover.social-twit {
  border-color: #33CCFF;
}
a:hover.social-lnkd {
  border-color: #006699;
}
a:hover.social-yout {
  border-color: #FF3000;
}
a.social-fb {
  color: #337FFF;
}
a.social-twit {
  color: #33CCFF;
}
a.social-lnkd {
  color: #006699;
}
a.social-yout {
  color: #FF3000;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-col-3 {
    margin-left: -30px;
  }
}
.tp-footer-col-4 {
  margin-left: 28px;
}
@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), only screen and (max-width: 767px) {
  .tp-footer-col-4 {
    margin-left: 0;
  }
}

.tp-footer-2-col-1 {
  margin-right: -18px;
}
@media only screen and (max-width: 767px) {
  .tp-footer-2-col-1 {
    margin-right: 0;
  }
}
.tp-footer-2-col-2 {
  margin-left: 100px;
}
@media only screen and (max-width: 767px) {
  .tp-footer-2-col-2 {
    margin-left: 0;
  }
}
.tp-footer-2-col-3 {
  margin-left: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-footer-2-col-3 {
    margin-left: 0;
  }
}
.tp-footer-2-col-4 {
  margin-left: -30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .tp-footer-2-col-4 {
    margin-left: 0;
  }
}

.tp-footer-3-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.tp-footer-3 .tp-footer-main {
  padding-top: 190px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .tp-footer-3 .tp-footer-main {
    padding-bottom: 0;
  }
}
.tp-footer-3 .tp-footer-widget-content p {
  font-size: 17px;
  color: var(--tp-common-white);
}
.tp-footer-3 .tp-footer-widget-title {
  color: var(--tp-common-white);
  font-size: 22px;
}
.tp-footer-3 .tp-footer-widget ul li a {
  position: relative;
  color: var(--tp-common-white);
  font-weight: 500;
}
.tp-footer-3 .tp-footer-widget ul li a::after {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: var(--tp-common-white);
  left: auto;
  right: 0;
  bottom: -2px;
  opacity: 0;
  transition: all 0.3s linear;
}
.tp-footer-3 .tp-footer-widget ul li a:hover::after {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.3s linear;
}
.tp-footer-3 .tp-footer-newsletter-wrap p {
  color: var(--tp-common-white);
}
.tp-footer-3 .tp-footer-newsletter-submit .tp-btn {
  font-size: 15px;
  font-weight: 600;
  padding: 6px 19px;
  border-radius: 14px;
  border: none;
  background-color: var(--tp-theme-3);
}
.tp-footer-3 .tp-footer-newsletter-input input {
  border-radius: 14px;
  border: 1px solid var(--tp-common-white);
  background-color: var(--tp-common-white);
}
.tp-footer-3 .tp-footer-newsletter-input input:focus {
  border: 1px solid var(--tp-theme-3);
}
.tp-footer-3 .tp-footer-newsletter-social a {
  color: var(--tp-common-white);
  border: none;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.1);
}
.tp-footer-3 .tp-footer-newsletter-social a:hover {
  background: rgba(255, 255, 255, 0.25);
}
.tp-footer-3 .tp-footer-contact > span, .tp-footer-3 .tp-footer-contact > a {
  color: var(--tp-common-white);
}
.tp-footer-3 .tp-footer-contact a:hover {
  color: var(--tp-theme-3);
}
.tp-footer-3 .tp-footer-contact-mail a {
  color: var(--tp-common-white);
}
.tp-footer-3 .tp-footer-contact-mail a span {
  color: var(--tp-common-white);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-footer-3 .tp-footer-contact-mail a:hover {
  color: var(--tp-theme-3);
}
.tp-footer-3 .tp-footer-contact-mail a:hover span {
  color: var(--tp-theme-3);
}
.tp-footer-3 .tp-footer-copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 28px 0;
}
.tp-footer-3 .tp-footer-copyright span {
  color: var(--tp-common-white);
}
.tp-footer-3-shape-1 {
  position: absolute;
  bottom: 3px;
  left: 60px;
  animation: tpswing 4s ease-in-out 0.1s forwards infinite alternate;
  transform-origin: bottom left;
  z-index: -1;
}
.tp-footer-3-shape-2 {
  position: absolute;
  top: -10px;
  left: 320px;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-footer-3-shape-2 {
    left: 120px;
  }
}
@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) {
  .tp-footer-3-shape-2 {
    left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-footer-3-shape-2 {
    display: none;
  }
}
.tp-footer-3-shape-3 {
  position: absolute;
  top: 155px;
  right: 225px;
  z-index: -1;
  animation: opacity 2s ease-in-out 0.1s forwards infinite alternate;
}
@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), only screen and (max-width: 767px) {
  .tp-footer-3-shape-3 {
    right: 10px;
  }
}
.tp-footer-3-shape-4 {
  position: absolute;
  bottom: 4px;
  left: 130px;
  animation: tpswing 2s ease-in-out 0.1s forwards infinite alternate;
  transform-origin: bottom right;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .tp-footer-3-shape-4 {
    display: none;
  }
}
.tp-footer-3-shape-5 {
  position: absolute;
  bottom: 10px;
  right: 180px;
  animation-duration: 5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: hero-bounce;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-footer-3-shape-5 {
    right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-footer-3-shape-5 {
    display: none;
  }
}
.tp-footer-3-col-2 {
  margin-left: -40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-footer-3-col-2 {
    margin-left: 0;
  }
}
.tp-footer-3-col-3 {
  margin-left: -15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-footer-3-col-3 {
    margin-left: 0;
  }
}
.tp-footer-3-col-4 {
  margin-left: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-footer-3-col-4 {
    margin-left: 0;
  }
}

.tp-footer-4-bg {
  background-color: var(--tp-theme-4);
}
.tp-footer-4-bg.tp-footer-inner {
  background-color: var(--tp-heading-primary);
}
.tp-footer-4-top {
  padding-top: 67px;
  padding-bottom: 52px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.tp-footer-4-top-title {
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-footer-4-top-title {
    margin-bottom: 30px;
  }
}
.tp-footer-4-top-form {
  position: relative;
}
.tp-footer-4-top-form input {
  border: none;
  height: 66px;
  padding-right: 140px;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
  border: 1px solid transparent;
  color: white;
  background: rgba(255, 255, 255, 0.1);
}
.tp-footer-4-top-form input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.tp-footer-4-top-form input:focus {
  border: 1px solid var(--tp-common-white);
}
.tp-footer-4-top-btn {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 4px;
  padding: 19px 35px;
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-heading-primary);
  border: 1px solid var(--tp-common-white);
  background-color: var(--tp-common-white);
}
.tp-footer-4-top-btn span {
  display: inline-block;
  margin-left: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-footer-4-main {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.tp-footer-4-btn a {
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  display: block;
  color: var(--tp-common-white);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  text-align: center;
  padding: 11px 5px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-footer-4-btn a:hover, .tp-footer-4-btn a.active {
  background-color: var(--tp-common-white);
  color: var(--tp-red-2);
}
.tp-footer-4-btn a.active:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.tp-footer-4-btn.tp-footer-btn-inner a {
  border: 1px solid #2E2E2B;
}
.tp-footer-4-btn.tp-footer-btn-inner a:hover, .tp-footer-4-btn.tp-footer-btn-inner a.active {
  background-color: var(--tp-theme-4);
  color: var(--tp-common-white);
}
.tp-footer-4-info span {
  color: var(--tp-common-white);
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
  margin-bottom: 15px;
}
.tp-footer-4-mail a {
  color: var(--tp-common-white);
  font-size: 16px;
  margin-bottom: 20px;
  display: inline-block;
}
.tp-footer-4-phone a {
  color: var(--tp-common-white);
  font-size: 20px;
  display: inline-block;
  margin-bottom: 7px;
}
.tp-footer-4-bottom {
  background-color: #900000;
  padding: 17px 0;
}
.tp-footer-4-bottom.tp-footer-inner-bottom {
  background-color: #292926;
}
.tp-footer-4-copyright span {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
  padding-left: 18px;
  margin-left: 18px;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 767px) {
  .tp-footer-4-copyright span {
    padding: 15px 0 15px 10px;
  }
}
.tp-footer-4-copyright span:first-child {
  padding-left: 0;
  margin-left: 0;
}
.tp-footer-4-copyright span:first-child::before {
  display: none;
}
.tp-footer-4-copyright span::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 2px;
  background-color: rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 767px) {
  .tp-footer-4-copyright span::before {
    top: 10px;
    height: 60%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-footer-4-copyright span.span {
    display: none;
  }
}
.tp-footer-4-copyright a {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-footer-4-copyright a:hover {
  color: var(--tp-common-white);
}
.tp-footer-4-social a {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  margin-left: 3px;
  color: var(--tp-common-white);
  background: rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-footer-4-social a:hover {
  background-color: #B1040E;
}
.tp-footer-widget-4 ul li:not(:last-child) {
  margin-bottom: 10px;
}
.tp-footer-widget-4 ul li a {
  color: var(--tp-common-white);
  position: relative;
  padding-left: 16px;
}
.tp-footer-widget-4 ul li a::before {
  position: absolute;
  content: "";
  height: 3px;
  width: 3px;
  border-radius: 50%;
  top: 10px;
  left: 0;
  background-color: var(--tp-common-white);
}
.tp-footer-widget-4 ul li a::after {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: var(--tp-common-white);
  left: auto;
  right: 0;
  bottom: -2px;
  opacity: 0;
  transition: all 0.3s linear;
}
.tp-footer-widget-4 ul li a:hover {
  color: var(--tp-common-white);
}
.tp-footer-widget-4 ul li a:hover::after {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.3s linear;
}

.tp-footer-4-col-1 {
  margin-right: -23px;
}
@media only screen and (max-width: 767px) {
  .tp-footer-4-col-1 {
    margin-right: 0;
  }
}
.tp-footer-4-col-2 {
  margin-left: 128px;
  margin-right: 54px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 20px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-4-col-2 {
    margin-left: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-footer-4-col-2 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-footer-4-col-2 {
    margin-left: 30px;
  }
}
.tp-footer-4-col-3 {
  margin-left: 53px;
  margin-right: 26px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 20px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-4-col-3 {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-footer-4-col-3 {
    margin-left: 0;
  }
}
.tp-footer-4-col-4 {
  margin-left: 79px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 20px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-4-col-4 {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-footer-4-col-4 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-footer-4-col-4 {
    margin-left: 30px;
  }
}

.tp-footer-5-newsletter-input input {
  border: 2px solid #E4E2DC;
  border-radius: 6px;
  height: 60px;
}
.tp-footer-5-newsletter-input input:focus {
  border-color: var(--tp-theme-5);
}
.tp-footer-5-newsletter-submit {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.tp-footer-5-newsletter-submit .tp-btn-4 {
  color: var(--tp-heading-4);
  font-size: 13px;
  line-height: 0px;
  letter-spacing: 0.52px;
  padding: 21px 23px;
}
.tp-footer-5-bottom {
  padding: 17px 0;
  background-color: #E5EDCC;
}
.tp-footer-5-bottom.tp-footer-inner-bottom {
  background-color: #F3F4F8;
}
.tp-footer-5-bottom.tp-footer-shop-bottom {
  background-color: #F5F5F5;
  padding: 24px 0;
}
.tp-footer-5-col-2 {
  margin-left: -15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-footer-5-col-2 {
    margin-left: 0;
  }
}
.tp-footer-5-col-2 .tp-footer-widget-link ul li a {
  position: relative;
  color: var(--tp-grey-3);
}
.tp-footer-5-col-2 .tp-footer-widget-link ul li a::after {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: var(--tp-grey-3);
  left: auto;
  right: 0;
  bottom: -2px;
  opacity: 0;
  transition: all 0.3s linear;
}
.tp-footer-5-col-2 .tp-footer-widget-link ul li a:hover::after {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.3s linear;
}
.tp-footer-5-col-3 {
  margin-left: -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 (max-width: 767px) {
  .tp-footer-5-col-3 {
    margin-left: 0;
  }
}
.tp-footer-5-col-3 .tp-footer-widget-link ul li a {
  position: relative;
  color: var(--tp-grey-3);
}
.tp-footer-5-col-3 .tp-footer-widget-link ul li a::after {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: var(--tp-grey-3);
  left: auto;
  right: 0;
  bottom: -2px;
  opacity: 0;
  transition: all 0.3s linear;
}
.tp-footer-5-col-3 .tp-footer-widget-link ul li a:hover::after {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.3s linear;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-5-col-4 {
    margin-left: -60px;
  }
}
.tp-footer-shop-col-2 .tp-footer-widget-link ul li a {
  position: relative;
  color: var(--tp-grey-3);
}
.tp-footer-shop-col-2 .tp-footer-widget-link ul li a::after {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: var(--tp-grey-3);
  left: auto;
  right: 0;
  bottom: -2px;
  opacity: 0;
  transition: all 0.3s linear;
}
.tp-footer-shop-col-2 .tp-footer-widget-link ul li a:hover::after {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.3s linear;
}
.tp-footer-shop-col-3 .tp-footer-widget-link ul li a {
  position: relative;
  color: var(--tp-grey-3);
}
.tp-footer-shop-col-3 .tp-footer-widget-link ul li a::after {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: var(--tp-grey-3);
  left: auto;
  right: 0;
  bottom: -2px;
  opacity: 0;
  transition: all 0.3s linear;
}
.tp-footer-shop-col-3 .tp-footer-widget-link ul li a:hover::after {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.3s linear;
}

.tp-footer-inner {
  background-color: #F3F4F8;
  border-bottom: 1px solid rgba(0, 31, 63, 0.08);
}
.tp-footer-inner .tp-footer-col-1 .tp-footer-contact > a:hover {
  color: var(--tp-dashboard-secondary);
}
.tp-footer-inner .tp-footer-col-1 .tp-footer-contact-mail a:hover {
  color: var(--tp-dashboard-secondary);
}
.tp-footer-inner .tp-footer-col-2.tp-footer-widget ul li a:hover {
  color: var(--tp-dashboard-secondary);
}
.tp-footer-inner .tp-footer-col-3.tp-footer-widget ul li a:hover {
  color: var(--tp-dashboard-secondary);
}
.tp-footer-shop {
  background-color: #F5F5F5;
  border-bottom: 1px solid rgba(0, 31, 63, 0.08);
}
.tp-footer-shop-col-2 {
  margin-left: -40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-footer-shop-col-2 {
    margin-left: 0;
  }
}
.tp-footer-shop-col-3 {
  margin-left: -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 (max-width: 767px) {
  .tp-footer-shop-col-3 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-shop-col-4 {
    margin-left: -60px;
  }
}

/*----------------------------------------*/
/*  7.1 Hero css
/*----------------------------------------*/
.tp-hero-item {
  padding-top: 300px;
  padding-bottom: 254px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-hero-item {
    padding-top: 210px;
    padding-bottom: 180px;
  }
}
.tp-hero-bg {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform 6000ms ease, opacity 1000ms ease-in, -webkit-transform 6000ms ease;
}
.tp-hero-bg::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: -1;
}
.tp-hero-wrapper {
  margin-left: 98px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-hero-wrapper {
    margin-left: 0;
  }
}
.tp-hero-subtitle {
  color: var(--tp-common-white);
  font-size: 22px;
  font-style: italic;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
}
.tp-hero-title {
  color: var(--tp-common-white);
  font-size: 100px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -2px;
  margin-bottom: 27px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-hero-title {
    font-size: 66px;
  }
}

.tp-hero-2-wrap {
  position: relative;
}
.tp-hero-2-thumb {
  position: absolute;
  bottom: 0;
  right: 230px;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-2-thumb {
    right: 135px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .tp-hero-2-thumb {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-2-thumb {
    right: -30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-2-thumb img {
    max-width: 100%;
  }
}
.tp-hero-2-bg {
  position: relative;
  z-index: 1;
}
.tp-hero-2-subtitle {
  color: var(--tp-theme-secondary);
  font-size: 20px;
  display: inline-block;
  margin-bottom: 6px;
}
.tp-hero-2-title {
  font-size: 76px;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -1.52px;
  margin-bottom: 18px;
}
@media only screen and (max-width: 767px) {
  .tp-hero-2-title {
    font-size: 50px;
  }
}
.tp-hero-2-title span {
  color: var(--tp-theme-secondary);
  position: relative;
  z-index: 1;
}
.tp-hero-2-title span img {
  position: absolute;
  bottom: 0px;
  left: 35px;
}
@media only screen and (max-width: 767px) {
  .tp-hero-2-title span img {
    bottom: -5px;
    left: 0px;
  }
}
.tp-hero-2-content {
  padding-top: 162px;
  padding-bottom: 190px;
}
@media only screen and (max-width: 767px) {
  .tp-hero-2-content {
    padding-top: 110px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-2-content {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
.tp-hero-2-content p {
  color: rgba(3, 31, 66, 0.7);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .tp-hero-2-content p br {
    display: none;
  }
}
.tp-hero-2-shape-1 {
  position: absolute;
  bottom: 0;
  right: 145px;
  z-index: -2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-2-shape-1 {
    right: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-hero-2-shape-1 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-2-shape-1 {
    right: 0;
  }
}
.tp-hero-2-shape-1 span svg path.line-2 {
  stroke: #FFBF8E;
  stroke-dasharray: 2300;
  stroke-dashoffset: 3500;
  animation: dash 4s linear forwards;
}
.tp-hero-2-shape-2 {
  position: absolute;
  top: 160px;
  left: 110px;
  z-index: -1;
  animation: hero-dot-1 5s linear 0s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-hero-2-shape-2 {
    display: none;
  }
}
.tp-hero-2-shape-3 {
  position: absolute;
  bottom: 69px;
  left: 130px;
  z-index: -1;
  animation: hero-dot-2 4s linear 0s infinite alternate;
}
.tp-hero-2-shape-4 {
  position: absolute;
  left: 22%;
  top: 0;
}
@media only screen and (max-width: 767px) {
  .tp-hero-2-shape-4 {
    display: none;
  }
}
.tp-hero-2-course {
  margin-left: 12px;
}
@media only screen and (max-width: 767px) {
  .tp-hero-2-course {
    margin-left: 0;
  }
}
.tp-hero-2-course .tp-course-item {
  box-shadow: 4px 4px 10px 0px rgba(26, 12, 2, 0.15);
}
.tp-hero-2-course .tp-course-thumb {
  border-radius: 10px;
}
.tp-hero-2-course .tp-course-thumb img {
  border-radius: 10px;
}
.tp-hero-2-btn .tp-btn-border {
  padding: 12px 32px;
}

.tp-hero-3-bg {
  padding-top: 168px;
  padding-bottom: 142px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.tp-hero-3-title {
  color: #0A1D3A;
  font-size: 100px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -2px;
  line-height: 1.1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-3-title {
    font-size: 88px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-3-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-3-title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-hero-3-title {
    font-size: 50px;
  }
}
.tp-hero-3-content-shape {
  position: absolute;
  top: -3px;
  left: -15px;
  z-index: 0;
  animation: tpswing 3s ease-in-out 0.1s forwards infinite alternate;
  transform-origin: bottom left;
}
@media only screen and (max-width: 767px) {
  .tp-hero-3-content-shape {
    display: none;
  }
}
.tp-hero-3-thumb {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-hero-3-thumb-2 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.tp-hero-3-thumb-2 img {
  max-width: 100%;
}
.tp-hero-3-thumb-3 img {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .tp-hero-3-shape {
    display: none;
  }
}
.tp-hero-3-shape-1 {
  position: absolute;
  top: 88px;
  right: 38px;
  animation: a 1.5s linear 0s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-3-shape-1 {
    right: 38%;
  }
}
.tp-hero-3-shape-2 {
  position: absolute;
  top: 29px;
  right: -10px;
  animation: a 2s linear 0s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-3-shape-2 {
    right: 32%;
  }
}
.tp-hero-3-shape-3 {
  position: absolute;
  top: 89px;
  right: -47px;
  animation: a 2s linear 0s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-3-shape-3 {
    right: 26%;
  }
}
.tp-hero-3-shape-4 {
  position: absolute;
  top: 175px;
  left: -55px;
  animation: neptune 10s infinite linear;
  z-index: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-3-shape-4 {
    left: -125px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-3-shape-4 {
    left: -155px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-3-shape-4 {
    top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-hero-3-shape-4 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-3-apply-btn {
    margin-bottom: 30px;
  }
}
.tp-hero-3-apply-btn a {
  display: inline-block;
  padding: 53px 36px;
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: var(--tp-common-white);
  background-color: #FF7162;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-hero-3-apply-btn a span {
  display: inline-block;
  margin-bottom: 7px;
}
.tp-hero-3-apply-btn a:hover {
  animation: morph 3s linear infinite;
  background-color: var(--tp-common-black);
  border-radius: 40% 60% 70% 30%/40% 50% 60% 50%;
}
.tp-hero-3-text {
  margin-left: 24px;
}
@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) {
  .tp-hero-3-text {
    margin-top: 30px;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .tp-hero-3-text {
    margin-left: 0;
  }
}
.tp-hero-3-text p {
  color: #636366;
  font-size: 17px;
  line-height: 28px;
  margin-bottom: 34px;
}
@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), only screen and (max-width: 767px) {
  .tp-hero-3-text p br {
    display: none;
  }
}

.tp-hero-4-bg {
  padding-top: 186px;
  padding-bottom: 200px;
  position: relative;
  z-index: 1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.tp-hero-4-bg::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: -1;
}
@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) {
  .tp-hero-4-bg {
    padding-top: 170px;
    padding-bottom: 160px;
  }
}
.tp-hero-4-title {
  font-size: 100px;
  font-weight: 700;
  line-height: 100px;
  letter-spacing: -4px;
  margin-bottom: 37px;
  margin-top: 5px;
  color: var(--tp-common-white);
}
.tp-hero-4-title::after {
  position: absolute;
  content: "";
  width: 296px;
  height: 25px;
  left: -6px;
  top: 70px;
  z-index: -1;
  background: #DD000D;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-4-title::after {
    height: 20px;
    width: 235px;
    top: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-hero-4-title::after {
    width: 200px;
    top: 50px;
    height: 20px;
    left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-4-title {
    font-size: 80px;
    line-height: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-hero-4-title {
    font-size: 72px;
    line-height: 72px;
    margin-bottom: 30px;
  }
}
.tp-hero-4-btn {
  flex: 0 0 auto;
  margin-right: 43px;
  display: inline-block;
  padding: 9px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.tp-hero-4-info-list ul li {
  font-size: 20px;
  font-weight: 500;
  list-style: none;
  position: relative;
  padding-left: 19px;
  letter-spacing: 0.5px;
  color: var(--tp-common-white);
}
.tp-hero-4-info-list ul li:not(:last-of-type) {
  margin-bottom: 7px;
}
.tp-hero-4-info-list ul li::before {
  position: absolute;
  content: "";
  height: 5px;
  top: 10px;
  left: 0;
  width: 5px;
  border-radius: 50%;
  background-color: var(--tp-common-white);
}

.tp-hero-6-content {
  padding-top: 235px;
  padding-bottom: 160px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-6-content {
    padding-top: 115px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-hero-6-content {
    padding-bottom: 60px;
    padding-top: 100px;
  }
}
.tp-hero-6-content p {
  font-size: 18px;
  margin-bottom: 40px;
  color: var(--tp-heading-2);
  font-family: var(--tp-ff-manrope);
}
.tp-hero-6-subtitle {
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  padding: 6px 13px;
  margin-bottom: 15px;
  border-radius: 30px;
  display: inline-block;
  color: var(--tp-theme-9);
  font-family: var(--tp-ff-manrope);
  border: 1px solid rgba(3, 31, 66, 0.08);
}
.tp-hero-6-subtitle svg {
  margin-right: 8px;
  transform: translateY(-2px);
}
.tp-hero-6-title {
  font-size: 70px;
  font-weight: 700;
  line-height: 1.05;
  margin-bottom: 16px;
  letter-spacing: -2.8px;
  color: var(--tp-heading-2);
  font-family: var(--tp-ff-manrope);
}
@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) {
  .tp-hero-6-title {
    font-size: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-hero-6-title {
    font-size: 50px;
  }
}
.tp-hero-6-title span {
  position: relative;
  color: var(--tp-theme-9);
}
.tp-hero-6-title span img {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .tp-hero-6-title span img {
    bottom: -5px;
  }
}
.tp-hero-6-thumb {
  position: absolute;
  bottom: 0;
  right: 280px;
  z-index: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-6-thumb {
    right: 60px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-hero-6-thumb {
    right: 155px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-6-thumb {
    right: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-6-thumb {
    right: -50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-hero-6-thumb {
    position: static;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-6-thumb img {
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .tp-hero-6-thumb img {
    width: 100%;
  }
}
.tp-hero-6-bg {
  width: 500px;
  height: 509px;
  margin-right: 25px;
  margin-bottom: 24px;
  background-color: #FFD25D;
  border-radius: 67% 33% 35% 65%/37% 35% 65% 63%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-hero-6-bg {
    display: none;
  }
}
.tp-hero-6-shape .shape-1 {
  position: absolute;
  top: -35px;
  left: -15px;
  animation: hero-dot-2 4s linear 0s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-hero-6-shape .shape-1 {
    display: none;
  }
}
.tp-hero-6-shape .shape-2 {
  position: absolute;
  bottom: 30%;
  right: -85px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-6-shape .shape-2 {
    right: -45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-hero-6-shape .shape-2 {
    display: none;
  }
}
.tp-hero-6-shape .shape-3 {
  position: absolute;
  top: 125px;
  left: -12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-hero-6-shape .shape-3 {
    display: none;
  }
}
.tp-hero-6-btn {
  margin-right: 20px;
}
.tp-hero-6-btn .tp-btn-inner {
  font-size: 16px;
  padding: 14px 28px;
  border-radius: 12px;
  background-color: var(--tp-theme-9);
}
.tp-hero-6-btn .tp-btn-inner span {
  display: inline-block;
  margin-left: 5px;
  transform: translateY(-2px);
}
.tp-hero-6-user {
  position: absolute;
  bottom: 100px;
  left: -80px;
  z-index: 1;
  border-radius: 8px;
  padding: 18px 33px;
  backdrop-filter: blur(10px);
  border: 1px solid var(--tp-common-white);
  background: rgba(255, 255, 255, 0.8);
  animation: tpupdown 1s infinite alternate;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-hero-6-user {
    left: 0;
    bottom: -100px;
  }
}
.tp-hero-6-user span {
  font-size: 18px;
  font-weight: 700;
  color: var(--tp-heading-2);
  font-family: var(--tp-ff-manrope);
}
.tp-hero-6-user-thumb {
  margin-left: 20px;
}
.tp-hero-6-user-thumb img {
  width: 34px;
  border-radius: 50%;
  margin-left: -18px;
  border: 3px solid #FEF2ED;
}
.tp-hero-6-user-text {
  margin-left: 8px;
}
.tp-hero-6-user-text p {
  font-size: 13px;
  font-weight: 700;
  line-height: 15px;
  margin: 0;
  color: var(--tp-heading-2);
  font-family: var(--tp-ff-manrope);
}
.tp-hero-6-user-text p i {
  font-style: normal;
  color: var(--tp-theme-9);
}
.tp-hero-6-video .video-border-animation {
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 38px;
  text-align: center;
  border-radius: 50%;
  color: var(--tp-heading-primary);
  background-color: var(--tp-common-white);
  border: 4px solid #FFD25D;
}
.tp-hero-6-video .video-border-animation span {
  display: inline-block;
  transform: translateX(2px);
}
.tp-hero-6-video .video-border-animation::after {
  z-index: -1;
  border: 1px solid #FFD25D;
}

.tp-hero-7-ptb {
  padding-top: 195px;
}
.tp-hero-7-content {
  margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .tp-hero-7-content {
    margin-bottom: 70px;
  }
}
.tp-hero-7-content .tp-hero-6-subtitle {
  border-radius: 10px;
}
.tp-hero-7-content .tp-hero-6-title {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .tp-hero-7-content .tp-hero-6-title br {
    display: none;
  }
}
.tp-hero-7-input {
  position: relative;
  margin: 0 38px;
}
@media only screen and (max-width: 767px) {
  .tp-hero-7-input {
    margin: 0;
  }
}
.tp-hero-7-input input {
  height: 66px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 6px;
  padding-right: 60px;
  color: var(--tp-heading-2);
  border: 1px solid transparent;
  font-family: var(--tp-ff-manrope);
  background: var(--tp-common-white);
  box-shadow: 0px 20px 20px 0px rgba(5, 5, 39, 0.1);
}
.tp-hero-7-input input::placeholder {
  font-size: 16px;
  font-weight: 500;
  color: #8D8D95;
  font-family: var(--tp-ff-manrope);
}
.tp-hero-7-input input:focus {
  border-color: var(--tp-theme-9);
  box-shadow: 0 1px 2px 0 rgba(85, 109, 245, 0.08), 0 2px 6px 0 rgba(85, 109, 245, 0.04), 0 3px 6px 0 rgba(85, 109, 245, 0.08), 0 0 0 4px rgba(85, 109, 245, 0.1);
}
.tp-hero-7-input span {
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .tp-hero-7-item-box {
    flex-wrap: wrap;
    justify-content: start !important;
  }
}
.tp-hero-7-item:not(:last-of-type) {
  margin-right: 80px;
}
@media only screen and (max-width: 767px) {
  .tp-hero-7-item:not(:last-of-type) {
    margin-right: 25px;
    margin-bottom: 20px;
  }
}
.tp-hero-7-item-icon {
  margin-right: 18px;
}
.tp-hero-7-item-content span {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 15px;
  display: inline-block;
  color: var(--tp-heading-2);
  font-family: var(--tp-ff-manrope);
}
.tp-hero-7-item-content p {
  font-size: 15px;
  font-weight: 500;
  color: #7D7D84;
  line-height: 22px;
  margin: 0;
  font-family: var(--tp-ff-manrope);
}
.tp-hero-7-group .tp-hero-6-user {
  left: 15%;
  bottom: 25%;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .tp-hero-7-group .tp-hero-6-user {
    left: 10%;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-hero-7-group .tp-hero-6-user {
    left: 8%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-7-group .tp-hero-6-user {
    left: 5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-7-group .tp-hero-6-user {
    left: 20px;
  }
}
@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 (max-width: 767px) {
  .tp-hero-7-group .tp-hero-6-user {
    display: none;
  }
}
.tp-hero-7-shape .shape-1 {
  position: absolute;
  top: 55%;
  right: 110px;
  animation: hero-dot-1 5s linear 0s infinite alternate;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-7-shape .shape-1 {
    right: 30px;
  }
}
@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 (max-width: 767px) {
  .tp-hero-7-shape .shape-1 {
    display: none;
  }
}
.tp-hero-7-shape .shape-2 {
  position: absolute;
  top: 50%;
  right: 20%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-7-shape .shape-2 {
    right: 18%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-7-shape .shape-2 {
    right: 15px;
  }
}
@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 (max-width: 767px) {
  .tp-hero-7-shape .shape-2 {
    display: none;
  }
}
.tp-hero-7-shape .shape-3 {
  position: absolute;
  top: 72%;
  right: 20%;
}
@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 (max-width: 767px) {
  .tp-hero-7-shape .shape-3 {
    display: none;
  }
}
.tp-hero-7-shape .shape-4 {
  position: absolute;
  top: 220px;
  left: 144px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .tp-hero-7-shape .shape-4 {
    left: 90px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-hero-7-shape .shape-4 {
    left: 60px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-7-shape .shape-4 {
    left: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-7-shape .shape-4 {
    left: 0;
  }
}
@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 (max-width: 767px) {
  .tp-hero-7-shape .shape-4 {
    display: none;
  }
}
.tp-hero-7-shape .shape-5 {
  position: absolute;
  top: 340px;
  right: 130px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .tp-hero-7-shape .shape-5 {
    right: 90px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-hero-7-shape .shape-5 {
    right: 60px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-7-shape .shape-5 {
    right: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-7-shape .shape-5 {
    right: 0;
  }
}
@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 (max-width: 767px) {
  .tp-hero-7-shape .shape-5 {
    display: none;
  }
}
.tp-hero-7-shape .shape-6 {
  position: absolute;
  top: 30%;
  left: 5%;
  animation: hero-dot-2 4s linear 0s infinite alternate;
}
@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 (max-width: 767px) {
  .tp-hero-7-shape .shape-6 {
    display: none;
  }
}

/*----------------------------------------*/
/*  7.2 About css
/*----------------------------------------*/
.tp-about-bg {
  padding-bottom: 80px;
}
.tp-about-thumb-wrapper {
  display: flex;
}
.tp-about-thumb-1 img {
  width: 100%;
}
.tp-about-thumb-2 {
  margin-left: -82px;
  margin-top: 75px;
}
.tp-about-thumb-2 img {
  width: 100%;
}
.tp-about-shape-1 {
  position: absolute;
  bottom: 50px;
  left: -55px;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-shape-1 {
    bottom: 65px;
    left: -30px;
  }
}
.tp-about-shape-2 {
  position: absolute;
  left: -33px;
  top: 56px;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-shape-2 {
    left: -25px;
  }
}
.tp-about-wrap {
  position: relative;
  z-index: 1;
  margin-top: 23px;
}
.tp-about-wrapper {
  margin-left: 43px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-about-wrapper {
    margin-left: 0;
  }
}
.tp-about-wrapper .tp-section p {
  position: relative;
  padding-left: 22px;
}
@media only screen and (max-width: 767px) {
  .tp-about-wrapper .tp-section p {
    margin-left: 0;
  }
}
.tp-about-wrapper .tp-section p::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: calc(100% - 14px);
  width: 2px;
  background-color: var(--tp-theme-primary);
}
.tp-about-list {
  margin-left: 46px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-list {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-about-list {
    margin-left: 0;
  }
}
.tp-about-list-icon {
  flex: 0 0 auto;
  margin-right: 20px;
}
.tp-about-list-icon span {
  display: inline-block;
  border-radius: 64px;
  border: 1px solid rgba(87, 89, 95, 0.1);
  height: 64px;
  width: 64px;
  line-height: 64px;
  text-align: center;
}
.tp-about-list-title {
  font-size: 18px;
  margin-bottom: 0;
  line-height: 1;
}
.tp-about-list-content p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 20px;
}
.tp-about-exprience {
  display: inline-block;
  position: absolute;
  right: -40px;
  bottom: 80px;
  padding: 7px 36px 20px 24px;
  border-radius: 6px;
  border: 1px solid rgba(1, 15, 28, 0.1);
  background: rgba(246, 244, 238, 0.6);
  backdrop-filter: blur(10px);
  min-width: 224px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-exprience {
    right: 0;
    bottom: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-about-exprience {
    right: 0;
  }
}
.tp-about-exprience-text {
  align-items: end;
}
.tp-about-exprience-text p {
  color: var(--tp-theme-primary);
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 0;
  margin-left: 6px;
}
.tp-about-exprience-count {
  margin-bottom: 0;
  color: var(--tp-theme-primary);
  font-size: 90px;
  font-style: italic;
  font-weight: 900;
  letter-spacing: -2.7px;
  line-height: 0.74;
}
.tp-about-year-bg {
  margin-top: -80px;
  background: linear-gradient(#9B030C, #B1040E);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-about-year-bg {
    padding-top: 140px;
  }
}
.tp-about-year-shape .shape-1 {
  position: absolute;
  top: 185px;
  left: 666px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-about-year-shape .shape-1 {
    display: none;
  }
}
.tp-about-year-shape .shape-2 {
  position: absolute;
  bottom: 22px;
  left: 404px;
}
@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) {
  .tp-about-year-shape .shape-2 {
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .tp-about-year-shape .shape-2 {
    display: none;
  }
}
.tp-about-year-plr {
  overflow: hidden;
}
.tp-about-year-nav {
  margin-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-year-nav {
    margin-bottom: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-about-year-nav {
    margin-bottom: 40px;
  }
}
.tp-about-year-nav .slick-list {
  position: relative;
  padding: 74px 0 !important;
}
@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) {
  .tp-about-year-nav .slick-list {
    padding: 30px 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .tp-about-year-nav .slick-list {
    padding: 15px 0 !important;
  }
}
.tp-about-year-nav .slick-list::after {
  position: absolute;
  content: "";
  top: 0;
  left: 360px;
  height: 1px;
  width: calc(100% - 720px);
  background: rgba(255, 255, 255, 0.44);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-year-nav .slick-list::after {
    left: 300px;
    width: calc(100% - 580px);
  }
}
@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), only screen and (max-width: 767px) {
  .tp-about-year-nav .slick-list::after {
    content: none;
  }
}
.tp-about-year-nav .slick-list::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 360px;
  height: 1px;
  width: calc(100% - 720px);
  background: rgba(255, 255, 255, 0.44);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-year-nav .slick-list::before {
    left: 300px;
    width: calc(100% - 580px);
  }
}
@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), only screen and (max-width: 767px) {
  .tp-about-year-nav .slick-list::before {
    content: none;
  }
}
.tp-about-year-nav .slick-list .slick-track {
  left: 95px;
}
.tp-about-year-nav .slick-list .slick-slide.slick-center .tp-about-year-nav-title {
  font-weight: 600;
}
.tp-about-year-box .slick-list .slick-slide.slick-active .tp-about-year-thumb {
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
.tp-about-year-box .slick-list .slick-slide.slick-active .tp-about-year-content {
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
.tp-about-year-thumb {
  padding-left: 100px;
  animation-delay: 0.5s;
  animation-duration: 0.7s;
}
@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), only screen and (max-width: 767px) {
  .tp-about-year-thumb {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-about-year-thumb {
    padding-bottom: 30px;
  }
}
.tp-about-year-thumb img {
  border-radius: 12px;
  filter: drop-shadow(14px 14px 14px rgba(50, 7, 16, 0.2));
}
.tp-about-year-content {
  animation-delay: 0.7s;
  animation-duration: 0.9s;
}
.tp-about-year-content-title {
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 16px;
  letter-spacing: -0.68px;
  color: var(--tp-common-white);
}
.tp-about-year-content p {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.8);
}
.tp-about-year-nav-title {
  font-size: 200px;
  font-weight: 200;
  line-height: 120px;
  margin: 0;
  letter-spacing: -8px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-about-year-nav-title {
    font-size: 170px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-year-nav-title {
    font-size: 155px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-year-nav-title {
    font-size: 120px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-year-nav-title {
    font-size: 100px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-year-nav-title {
    font-size: 80px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-about-year-nav-title {
    font-size: 50px;
    line-height: 1;
    letter-spacing: -3px;
  }
}
.tp-about-team-shape {
  position: absolute;
  left: 130px;
  bottom: -90px;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .tp-about-team-shape {
    display: none;
  }
}
.tp-about-team-item:hover .tp-about-team-thumb img {
  transform: scale(1.1);
}
.tp-about-team-content {
  position: absolute;
  top: 40px;
  left: 35px;
  transition: all 0.3s 0s ease-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-team-content {
    left: 20px;
  }
}
.tp-about-team-content p {
  font-size: 15px;
  font-weight: 400;
  color: var(--tp-common-white);
}
.tp-about-team-title {
  font-weight: 600;
  font-size: 26px;
  margin-bottom: 0;
  color: var(--tp-common-white);
}
.tp-about-team-thumb {
  border-radius: 10px;
  overflow: hidden;
}
.tp-about-team-thumb img {
  width: 100%;
  border-radius: 10px;
  transition: all 0.3s 0s ease-out;
}
.tp-about-campus-shape .shape-1 {
  position: absolute;
  top: 16%;
  right: 16%;
}
.tp-about-campus-shape .shape-2 {
  position: absolute;
  top: 50%;
  right: 54%;
}
.tp-about-campus-tab .nav {
  display: inline-block;
  margin-bottom: 65px;
  border-bottom: 0;
  padding-left: 75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-campus-tab .nav {
    padding-left: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-about-campus-tab .nav {
    margin-bottom: 50px;
  }
}
.tp-about-campus-tab .nav .nav-item:not(:last-of-type) {
  margin-bottom: 25px;
}
.tp-about-campus-tab .nav .nav-link {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  padding: 0;
  color: #3E4047;
  border-color: transparent;
  position: relative;
}
.tp-about-campus-tab .nav .nav-link:after {
  position: absolute;
  content: "";
  left: -75px;
  height: 1px;
  width: 0px;
  top: 50%;
  background: var(--tp-theme-4);
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
}
.tp-about-campus-tab .nav .nav-link.active {
  color: var(--tp-theme-primary);
  background-color: transparent;
}
.tp-about-campus-tab .nav .nav-link.active::after {
  width: 50px;
}
.tp-about-campus-heading {
  margin-bottom: 60px;
}
@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), only screen and (max-width: 767px) {
  .tp-about-campus-heading {
    margin-bottom: 30px;
  }
}
.tp-about-campus-heading p {
  color: #3E4047;
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
}
.tp-about-campus-title {
  font-size: 60px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 18px;
  letter-spacing: -1.2px;
  color: var(--tp-heading-primary);
}
.tp-about-campus-box {
  padding-left: 75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-campus-box {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-about-campus-box {
    padding-left: 0;
  }
}
.tp-about-campus-thumb img {
  width: 100%;
  border-radius: 10px;
}
.tp-about-campus-location {
  position: relative;
}
.tp-about-campus-location a {
  display: inline-block;
  width: 234px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin-left: 60px;
  color: var(--tp-text-body);
}
@media only screen and (max-width: 767px) {
  .tp-about-campus-location a {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-campus-location a {
    margin-bottom: 0;
    margin-left: 55px;
  }
}
.tp-about-campus-location span {
  position: absolute;
  top: 0;
  left: 0px;
  display: inline-block;
  height: 44px;
  width: 44px;
  text-align: center;
  line-height: 40px;
  border-radius: 44px;
  margin-right: 10px;
  border: 1px solid rgba(22, 22, 19, 0.1);
}
.tp-about-campus-location span svg {
  color: #B1040E;
}
.tp-about-campus-btn .tp-btn {
  padding: 6px 20px;
  color: var(--tp-theme-primary);
  background-color: transparent;
  border: 1px solid var(--tp-theme-primary);
}
.tp-about-campus-btn .tp-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-red-2);
}
.tp-about-campus-content {
  position: absolute;
  bottom: 20px;
  left: 95px;
  right: 20px;
  margin: auto;
  border-radius: 8px;
  padding: 27px 30px 26px;
  background: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-campus-content {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-campus-content {
    left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-about-campus-content {
    position: static;
    flex-wrap: wrap;
  }
}

.tp-about-4-head {
  font-size: 60px;
  font-weight: 300;
  line-height: 1.17;
  margin-bottom: 45px;
  letter-spacing: -1.2px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-about-4-head {
    font-size: 42px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-about-4-wrapper {
    margin-bottom: 40px;
  }
}
.tp-about-4-btn .tp-btn-3 {
  padding: 12px 44px;
}
.tp-about-4-video {
  display: inline-block;
  margin-left: 25px;
}
@media only screen and (max-width: 767px) {
  .tp-about-4-video {
    display: block;
    margin-left: 0;
    margin-top: 20px;
  }
}
.tp-about-4-video a {
  display: inline-block;
  color: #B1040E;
  border-radius: 100px;
  background: #E8C4C2;
  height: 50px;
  width: 70px;
  text-align: center;
  line-height: 48px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-about-4-video a span {
  display: inline-block;
  transform: translateX(2px);
}
.tp-about-4-video a:hover {
  background-color: #B1040E;
  color: var(--tp-common-white);
}
.tp-about-4-video > span {
  color: var(--tp-heading-primary);
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  margin-left: 12px;
}
.tp-about-4-thumb-1 img, .tp-about-4-thumb-2 img, .tp-about-4-thumb-3 img, .tp-about-4-thumb-4 img {
  max-width: 100%;
  border-radius: 10px;
}

@media only screen and (max-width: 767px) {
  .tp-about-pt {
    padding-top: 150px;
  }
}
.tp-about-bg-main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  z-index: -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 (max-width: 767px) {
  .tp-about-banner {
    margin-bottom: 60px;
  }
}
.tp-about-banner-bg {
  height: 660px;
}
.tp-about-banner span {
  font-size: 22px;
  font-weight: 300;
  color: #031F42;
  margin-bottom: 8px;
  display: inline-block;
  letter-spacing: -0.44px;
}
.tp-about-banner-title {
  color: #031F42;
  font-size: 70px;
  font-weight: 600;
  margin: 0;
  letter-spacing: -1.4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-banner-title {
    font-size: 57px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-banner-title {
    font-size: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-about-banner-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-about-banner-title br {
    display: none;
  }
}
.tp-about-banner-content {
  width: 510px;
  padding: 40px;
  border-radius: 10px;
  backdrop-filter: blur(15px);
  border: 1px solid var(--tp-common-white);
  background: rgba(255, 255, 255, 0.9);
  margin-top: 177px;
  margin-left: 95px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-banner-content {
    margin-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 (max-width: 767px) {
  .tp-about-banner-content {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-about-banner-content {
    width: 350px;
    margin-top: 60px;
  }
}
.tp-about-banner-content .span {
  font-size: 12px;
  font-weight: 700;
  padding: 2px 12px;
  line-height: 20px;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: var(--tp-common-white);
  background: var(--tp-dashboard-secondary);
}
.tp-about-banner-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #141820;
  margin-bottom: 30px;
}
.tp-about-banner-content a {
  position: relative;
  font-size: 12px;
  font-weight: 500;
  color: #141820;
  z-index: 2;
  text-transform: uppercase;
}
.tp-about-banner-content a span {
  margin-left: 2px;
  display: inline-block;
  height: 34px;
  width: 34px;
  color: #141820;
  text-align: center;
  line-height: 30px;
  border-radius: 34px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  border: 1px solid rgba(20, 24, 32, 0.14);
}
.tp-about-banner-content a:hover {
  color: var(--tp-dashboard-secondary);
}
.tp-about-banner-content a:hover span {
  color: var(--tp-common-white);
  background-color: var(--tp-dashboard-secondary);
}
.tp-about-banner-content-year {
  position: absolute;
  bottom: 50px;
  right: 30px;
}
@media only screen and (max-width: 767px) {
  .tp-about-banner-content-year {
    position: static;
  }
}
.tp-about-banner-content-year span {
  font-size: 220px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  background: url(../img/about/about/about-thumb-1.jpg);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-position: 75%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-banner-content-year span {
    background-position: 55%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-banner-content-year span {
    background-position: 15%;
  }
}
.tp-about-banner-content-year p {
  font-size: 14px;
  font-weight: 500;
  color: #141820;
  margin: 0;
}
.tp-about-tutor-subtitle {
  margin-bottom: 15px;
}
.tp-about-tutor-subtitle span {
  display: inline-block;
  height: 46px;
  width: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 50%;
  margin-right: 15px;
  background: linear-gradient(180deg, rgba(81, 105, 241, 0.1) 0%, rgba(190, 200, 255, 0.1) 100%);
}
.tp-about-tutor-subtitle p {
  color: #57595F;
  font-size: 20px;
  font-weight: 400;
  margin: 0;
  letter-spacing: -0.4px;
}
.tp-about-tutor-title {
  font-size: 50px;
  font-weight: 600;
  color: #031F42;
  letter-spacing: -1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-tutor-title {
    font-size: 44px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-about-tutor-title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-tutor-title br {
    display: none;
  }
}
.tp-about-tutor-content p {
  font-size: 18px;
  font-weight: 400;
  color: #686A6D;
  letter-spacing: -0.18px;
}
@media only screen and (max-width: 767px) {
  .tp-about-tutor-content p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-about-tutor-heading {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-about-tutor-right {
    margin-bottom: 50px;
  }
}

/*----------------------------------------*/
/*  7.3 Instragram css
/*----------------------------------------*/
.tp-instagram-item {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  z-index: 1;
}
.tp-instagram-item::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border-radius: 10px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.4);
}
.tp-instagram-item:hover::before {
  opacity: 1;
  visibility: visible;
}
.tp-instagram-item:hover .tp-instagram-shape {
  opacity: 1;
  margin-top: 0;
}
.tp-instagram-item:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.tp-instagram-item img {
  width: 100%;
  border-radius: 10px;
  transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
}
.tp-instagram-shape {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  cursor: pointer;
  margin-top: 15px;
  z-index: 3;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
}

/*----------------------------------------*/
/*  7.4 Cta css
/*----------------------------------------*/
.tp-cta-bg {
  padding-top: 60px;
  padding-bottom: 60px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.tp-cta-logo {
  flex: 0 0 auto;
  margin-right: 25px;
}
@media only screen and (max-width: 767px) {
  .tp-cta-logo {
    margin-bottom: 25px;
  }
}
.tp-cta-content span {
  color: var(--tp-common-white);
  font-family: var(--tp-ff-secondary);
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cta-wrapper {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-cta-wrapper {
    flex-wrap: wrap;
  }
}
.tp-cta-title {
  color: var(--tp-common-white);
  font-family: var(--tp-ff-primary);
  font-size: 40px;
  font-weight: 500;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-cta-title {
    font-size: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-cta-title {
    font-size: 36px;
    margin-bottom: 20px;
  }
}
.tp-cta-btn-wrap {
  position: relative;
  z-index: 1;
}
.tp-cta-btn .tp-btn {
  background-color: var(--tp-common-white);
  color: var(--tp-theme-primary);
}
.tp-cta-btn .tp-btn:hover {
  border-color: rgba(255, 255, 255, 0.92);
}
.tp-cta-btn .tp-btn span {
  display: inline-block;
  margin-left: 4px;
}
.tp-cta-shape-1 {
  position: absolute;
  top: -30px;
  right: 28px;
  z-index: -1;
}

.tp-cta-2-bg {
  padding-top: 72px;
  padding-bottom: 65px;
  background-color: var(--tp-theme-secondary);
}
.tp-cta-2-title {
  color: var(--tp-common-white);
  font-size: 60px;
  font-weight: 300;
  letter-spacing: -1.2px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cta-2-title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-cta-2-title {
    font-size: 44px;
  }
}
.tp-cta-2-title span {
  color: #FFC221;
  font-size: 60px;
  display: inline-block;
  position: relative;
  font-weight: 700;
}
.tp-cta-2-wrapper p {
  color: var(--tp-common-white);
  font-size: 20px;
  letter-spacing: -0.4px;
  margin-bottom: 53px;
}
.tp-cta-2-form {
  position: relative;
}
.tp-cta-2-form span {
  color: #FFEE54;
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 238, 84, 0.2);
  text-align: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 12px;
}
@media only screen and (max-width: 767px) {
  .tp-cta-2-form span {
    left: 8px;
  }
}
.tp-cta-2-form span svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-cta-2-form input {
  color: var(--tp-common-white);
  font-size: 18px;
  height: 60px;
  background-color: transparent;
  border-radius: 200px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  padding: 0 150px 0 62px;
}
@media only screen and (max-width: 767px) {
  .tp-cta-2-form input {
    padding: 0 150px 0 55px;
  }
}
.tp-cta-2-form input:focus {
  border-color: var(--tp-common-white);
}
.tp-cta-2-form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 17px;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 767px) {
  .tp-cta-2-form input::-webkit-input-placeholder {
    font-size: 14px;
  }
}
.tp-cta-2-form input::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 17px;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 767px) {
  .tp-cta-2-form input::-moz-placeholder {
    font-size: 14px;
  }
}
.tp-cta-2-form input:-moz-placeholder {
  /* Firefox 4-18 */
  font-size: 17px;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 767px) {
  .tp-cta-2-form input:-moz-placeholder {
    font-size: 14px;
  }
}
.tp-cta-2-form input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-size: 17px;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 767px) {
  .tp-cta-2-form input:-ms-input-placeholder {
    font-size: 14px;
  }
}
.tp-cta-2-form input::placeholder {
  /* MODERN BROWSER */
  font-size: 17px;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 767px) {
  .tp-cta-2-form input::placeholder {
    font-size: 14px;
  }
}
.tp-cta-2-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10px;
}
@media only screen and (max-width: 767px) {
  .tp-cta-2-btn {
    right: 6px;
  }
}
.tp-cta-2-btn .tp-btn-round {
  background-color: #FFC221;
  color: #1E1E2F;
}
.tp-cta-2-btn .tp-btn-round:hover {
  background-color: rgba(255, 194, 33, 0.9);
}
.tp-cta-2-info-list {
  margin-top: 22px;
  margin-bottom: 17px;
}
.tp-cta-2-info-list > span {
  color: var(--tp-common-white);
  font-size: 15px;
  font-weight: 500;
  opacity: 0.6;
  margin: 0 30px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .tp-cta-2-info-list > span {
    margin: 0 16px;
  }
}
.tp-cta-2-info-list > span > span {
  margin: 4px;
  display: inline-block;
}

.tp-cta-3-bg {
  position: relative;
  background: linear-gradient(180deg, rgba(246, 245, 239, 0) 0%, #F6F5EF 100%);
}
.tp-cta-3-section {
  margin-top: 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 (max-width: 767px) {
  .tp-cta-3-section {
    margin-top: 0;
    margin-bottom: 30px;
  }
}
.tp-cta-3-title {
  font-size: 34px;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 21px;
}
.tp-cta-3-border {
  height: 60px;
  width: 2px;
  background-color: #E4E3DD;
  display: inline-block;
  margin-bottom: 12px;
}
.tp-cta-3-wrap {
  position: relative;
  padding: 74px 40px;
  border-radius: 40px;
  background: #F6F5EF;
  margin-bottom: -99px;
  z-index: 2;
  border: 20px solid var(--tp-common-white);
}
@media only screen and (max-width: 767px) {
  .tp-cta-3-wrap {
    padding: 50px 30px;
  }
}
.tp-cta-3-form-input {
  margin-bottom: 24px;
}
.tp-cta-3-form-input input {
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(17, 22, 29, 0.12);
}
.tp-cta-3-form-input input:focus {
  border-color: var(--tp-theme-3);
  box-shadow: 0px 1px 2px 0px rgba(65, 95, 251, 0.06), 0px 4px 10px 0px rgba(255, 113, 98, 0.06), 0px 0px 0px 3px rgba(255, 113, 98, 0.02);
}
.tp-cta-3-form-input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #949597;
  font-size: 15px;
  line-height: 24px;
}
.tp-cta-3-form-input input::-moz-placeholder {
  /* Firefox 19+ */
  color: #949597;
  font-size: 15px;
  line-height: 24px;
}
.tp-cta-3-form-input input:-moz-placeholder {
  /* Firefox 4-18 */
  color: #949597;
  font-size: 15px;
  line-height: 24px;
}
.tp-cta-3-form-input input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: #949597;
  font-size: 15px;
  line-height: 24px;
}
.tp-cta-3-form-input input::placeholder {
  /* MODERN BROWSER */
  color: #949597;
  font-size: 15px;
  line-height: 24px;
}
.tp-cta-3-form-input textarea {
  height: 160px;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(17, 22, 29, 0.12);
  resize: none;
}
.tp-cta-3-form-input textarea:focus {
  border-color: var(--tp-theme-3);
}
.tp-cta-3-btn button {
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  border-radius: 20px;
  padding: 14px 0 14px 0;
  background: #11161D;
  color: var(--tp-common-white);
  box-shadow: 0px 1px 3px 0px rgba(17, 22, 29, 0.12);
}
.tp-cta-3-btn button:hover {
  background-color: var(--tp-theme-3);
}
.tp-cta-3-shape-1 {
  position: absolute;
  bottom: -3px;
  right: 65px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-cta-3-shape-1 {
    right: 0;
  }
}
@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), only screen and (max-width: 767px) {
  .tp-cta-3-shape-1 {
    display: none;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-cta-3-shape-1 img {
    max-width: 200px;
  }
}
.tp-cta-3-shape-2 {
  position: absolute;
  top: 39px;
  right: 69px;
  animation: tpswing 1s ease-in-out 0.1s forwards infinite alternate;
  transform-origin: top left;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-cta-3-shape-2 {
    top: 33px;
    right: 40px;
  }
}
.tp-cta-3-shape-3 {
  position: absolute;
  bottom: 52px;
  left: 67px;
  animation: bubbles 3s linear 1s infinite;
}

.tp-live-bg {
  border-radius: 20px;
  background: var(--tp-common-white);
  box-shadow: 0px 20px 80px 0px rgba(3, 31, 66, 0.1);
  border: 25px solid var(--tp-common-white);
  z-index: 1;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-live-bg {
    border: 10px solid var(--tp-common-white);
  }
}
.tp-live-bg::before {
  z-index: -1;
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  border-radius: 20px;
  height: calc(100% + 100px);
  width: calc(100% - 45px);
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 30px 50px -14px rgba(26, 31, 35, 0.07);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-live-bg::before {
    height: calc(100% + 70px);
    width: calc(100% - 110px);
  }
}
@media only screen and (max-width: 767px) {
  .tp-live-bg::before {
    height: calc(100% + 60px);
    width: calc(100% - 30px);
  }
}
.tp-live-content {
  margin-left: -5px;
  padding-top: 21px;
  padding-bottom: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-live-content {
    margin-left: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-live-content {
    margin-left: 0px;
    padding-bottom: 0;
  }
}
.tp-live-tag {
  display: inline-block;
  border-radius: 3px;
  background: rgba(23, 162, 184, 0.08);
  color: #17A2B8;
  font-size: 13px;
  font-weight: 500;
  padding: 6px 10px;
  line-height: 1;
  margin-bottom: 15px;
}
.tp-live-teacher {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 10px;
  align-items: end;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .tp-live-teacher {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 0;
  }
}
@media only screen and (max-width: 767px) {
  .tp-live-teacher-info {
    margin-bottom: 10px;
  }
}
.tp-live-teacher-thumb {
  flex: 0 0 auto;
  margin-right: 10px;
}
.tp-live-teacher-thumb img {
  height: 36px;
  width: 36px;
  object-fit: cover;
  border-radius: 50%;
}
.tp-live-teacher-text span {
  color: #7A7B81;
  font-size: 13px;
  font-weight: 300;
}
.tp-live-teacher-title {
  color: #57595F;
  font-size: 15px;
  font-weight: 500;
}
.tp-live-thumb {
  position: relative;
  display: inline-block;
}
.tp-live-thumb img {
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-live-thumb img {
    width: 100%;
  }
}
.tp-live-thumb-video {
  position: absolute;
  top: 7px;
  left: 7px;
  z-index: 1;
}
.tp-live-thumb-text {
  position: absolute;
  bottom: 17px;
  right: 17px;
  z-index: 0;
}
.tp-live-thumb-text span {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  line-height: 34px;
  border-radius: 8px;
  opacity: 0.61;
  text-align: center;
  background: #1E1E2F;
  backdrop-filter: blur(5px);
  color: var(--tp-common-white);
  height: 36px;
  width: 100px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.tp-live-thumb-text span svg {
  margin-right: 5px;
  display: inline-block;
  transform: translateY(-3px);
}
.tp-live-rating {
  margin-left: -30px;
}
@media only screen and (max-width: 767px) {
  .tp-live-rating {
    margin-left: 0;
  }
}
.tp-live-rating p {
  color: #031233;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1;
}
.tp-live-rating p span {
  color: #57595F;
}
.tp-live-rating-star i {
  color: #FFB21D;
  font-size: 13px;
}
.tp-live-title {
  color: var(--tp-heading-2);
  font-size: 26px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 28px;
}
@media only screen and (max-width: 767px) {
  .tp-live-title {
    margin-bottom: 12px;
    font-size: 20px;
  }
}
.tp-live-title a:hover {
  color: var(--tp-theme-secondary);
}
@media only screen and (max-width: 767px) {
  .tp-live-title br {
    display: none;
  }
}
.tp-live-total {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 5px;
  align-items: end;
}
@media only screen and (max-width: 767px) {
  .tp-live-total {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .tp-live-total-student {
    margin-bottom: 20px;
  }
}
.tp-live-total-student span {
  display: block;
  color: #57595F;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  padding-left: 12px;
}
.tp-live-total-student span::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: #0CBC87;
}
.tp-live-join .tp-btn-border {
  padding: 10px 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-live-join .tp-btn-border {
    padding: 10px 18px;
  }
}
.tp-live-join .tp-btn-border span {
  margin-left: 0;
  margin-right: 3px;
  display: inline-block;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-live-join .tp-btn-border i {
  padding-left: 56px;
}
.tp-live-btn-icon span {
  position: absolute;
  top: 7px;
  left: 7px;
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 48px;
  text-align: center;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(30, 30, 47, 0.61);
  backdrop-filter: blur(5px);
}
.tp-live-btn-time {
  position: absolute;
  right: 17px;
  bottom: 17px;
  display: inline-block;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(30, 30, 47, 0.61);
  backdrop-filter: blur(5px);
}
.tp-live-btn-time span {
  color: var(--tp-common-white);
  font-size: 15px;
  padding: 5px 15px;
  font-weight: 500;
  display: inline-block;
}
.tp-live-btn-time span i {
  margin-right: 3px;
}
.tp-live-7-item {
  padding: 15px;
  border-radius: 20px;
  border: 1px solid rgba(3, 31, 66, 0.08);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-live-7-item {
    flex-wrap: wrap;
  }
}
.tp-live-7-item-thumb {
  margin-right: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-live-7-item-thumb {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-live-7-item-thumb {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.tp-live-7-item-thumb img {
  border-radius: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-live-7-item-thumb img {
    width: 100%;
  }
}
.tp-live-7-item-content p {
  font-weight: 500;
  color: #636366;
  margin-bottom: 22px;
  font-family: var(--tp-ff-manrope);
}
@media only screen and (max-width: 767px) {
  .tp-live-7-item-content p {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-live-7-item-content p br {
    display: none;
  }
}
.tp-live-7-item-content a {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: var(--tp-theme-9);
  font-family: var(--tp-theme-9);
}
.tp-live-7-item-content a span {
  margin-left: 5px;
  display: inline-block;
  transform: translateY(-2px);
}
.tp-live-7-item-content a::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  background-color: var(--tp-theme-9);
}
.tp-live-7-item-content a:hover::after {
  width: 100%;
}
.tp-live-7-title {
  margin-bottom: 20px;
}
.tp-live-7-subtitle {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 7px;
  display: inline-block;
  color: var(--tp-theme-9);
  font-family: var(--tp-ff-manrope);
}

.tp-plan-4-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s linear;
  transform: scale(1);
  background-size: cover;
  background-repeat: no-repeat;
}
.tp-plan-4-wrap {
  position: relative;
  z-index: 2;
  padding: 175px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-plan-4-wrap {
    padding: 150px 0;
  }
}
@media only screen and (max-width: 767px) {
  .tp-plan-4-wrap {
    padding: 140px 0;
  }
}
.tp-plan-4-wrap::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(22, 22, 19, 0.5);
  z-index: -1;
}
.tp-plan-4-section span {
  color: var(--tp-common-white);
  font-size: 16px;
  display: inline-block;
  margin-bottom: 6px;
}
.tp-plan-4-section-title {
  color: var(--tp-common-white);
  font-size: 60px;
  font-weight: 700;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-plan-4-section-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-plan-4-section-title {
    font-size: 52px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-plan-4-section-title {
    font-size: 42px;
    margin-bottom: 30px;
  }
}
.tp-plan-4-wrapper {
  margin-left: 40px;
}
@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), only screen and (max-width: 767px) {
  .tp-plan-4-wrapper {
    margin-left: 0;
  }
}
.tp-plan-4-item.active {
  cursor: pointer;
}
.tp-plan-4-item.active .tp-plan-4-bg {
  opacity: 1;
  visibility: visible;
  transform: scale(1.03);
}
.tp-plan-4-content {
  border-radius: 10px;
  position: relative;
  display: block;
  min-height: 250px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  z-index: 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 (max-width: 767px) {
  .tp-plan-4-content {
    min-height: 300px;
  }
}
.tp-plan-4-content::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  z-index: -1;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-plan-4-content:hover::before {
  background-color: var(--tp-theme-4);
  top: 10px;
  bottom: 10px;
  height: calc(100% - 20px);
  border-color: var(--tp-theme-4);
}
.tp-plan-4-content:hover span, .tp-plan-4-content:hover p {
  opacity: 1;
}
.tp-plan-4-content span {
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 8px;
  opacity: 0;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-plan-4-content p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 15px;
  margin-bottom: 0;
  font-weight: 500;
  opacity: 0;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-plan-4-title {
  color: var(--tp-common-white);
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
}

.tp-cta-7-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.tp-cta-7-btn {
  font-size: 16px;
  font-weight: 700;
  border-radius: 8px;
  padding: 14px 26px;
  display: inline-block;
  color: var(--tp-heading-2);
  border: 1px solid #FFD25D;
  font-family: var(--tp-ff-manrope);
  background-color: #FFD25D;
}
.tp-cta-7-btn:not(:last-child) {
  margin-right: 10px;
}
.tp-cta-7-btn:focus {
  color: var(--tp-common-white);
}
.tp-cta-7-btn:hover {
  color: var(--tp-common-white);
  background-color: transparent;
  border-color: var(--tp-common-white);
}
.tp-cta-7-btn.two {
  color: var(--tp-common-white);
  background-color: transparent;
  border-color: var(--tp-common-white);
}
.tp-cta-7-btn.two:hover {
  color: var(--tp-heading-2);
  background-color: #FFD25D;
  border-color: #FFD25D;
}
.tp-cta-7-title {
  font-size: 66px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 50px;
  letter-spacing: -2.64px;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-manrope);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-cta-7-title {
    font-size: 54px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-cta-7-title {
    margin-bottom: 30px;
    font-size: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-cta-7-title br {
    display: none;
  }
}
.tp-cta-7-subtitle {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 18px;
  display: inline-block;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-manrope);
}

/*----------------------------------------*/
/*  7.5 Contact css
/*----------------------------------------*/
.tp-contact-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40%;
}
@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) {
  .tp-contact-p {
    padding-bottom: 80px;
  }
}
.tp-contact-shape {
  position: absolute;
  bottom: 180px;
  left: 0;
}
.tp-contact-shape span svg {
  width: 100%;
}
.tp-contact-shape span svg path {
  stroke: #F4E7FF;
  stroke-dasharray: 3500;
  stroke-dashoffset: 4500;
  animation: dash 4s linear forwards;
}
.tp-contact-shape-2 {
  position: absolute;
  top: 44%;
  right: 410px;
}
.tp-contact-heading {
  margin-bottom: 55px;
}
.tp-contact-heading p {
  font-size: 22px;
  font-weight: 300;
  letter-spacing: -0.44px;
  color: var(--tp-text-body);
}
.tp-contact-title {
  font-size: 70px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 10px;
  letter-spacing: -1.4px;
  color: var(--tp-heading-2);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-contact-title {
    font-size: 62px;
  }
}
.tp-contact-from-box {
  border-radius: 20px;
  padding: 70px 80px 65px;
  backdrop-filter: blur(15px);
  fill: rgba(255, 255, 255, 0.1);
  filter: drop-shadow(0px 40px 80px rgba(51, 65, 140, 0.06));
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-contact-from-box {
    padding: 60px 50px 60px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-contact-from-box {
    padding: 30px;
  }
}
.tp-contact-from-title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 30px;
  color: var(--tp-heading-2);
}
.tp-contact-input-form label {
  color: #303651;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 10px;
}
.tp-contact-input-form input, .tp-contact-input-form textarea {
  border-radius: 6px;
  border: 1px solid #E6E8F0;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 1px 0px rgba(48, 54, 81, 0.06), inset 0px 1px 3px rgba(48, 54, 81, 0.06);
  transition: all 0.3s 0s ease-out;
}
.tp-contact-input-form input:focus, .tp-contact-input-form textarea:focus {
  border-color: var(--tp-theme-7);
  box-shadow: 0px 1px 2px 0px rgba(65, 95, 251, 0.06), 0px 4px 10px 0px rgba(65, 95, 251, 0.06), 0px 0px 0px 3px rgba(65, 95, 251, 0.2);
}
.tp-contact-input-form textarea {
  resize: none;
  height: 160px;
}
.tp-contact-input-form .tp-contact-input {
  margin-bottom: 15px;
}
.tp-contact-input-form .tp-contact-input.schedule {
  margin-bottom: 20px;
}
.tp-contact-input-form .tp-contact-input.schedule label {
  font-size: 16px;
  margin-bottom: 7px;
  color: var(--tp-heading-primary);
}
.tp-contact-input-form .tp-contact-input.schedule label span {
  font-size: 15px;
  font-weight: 500;
  padding: 9px 25px;
  border-radius: 4px;
  cursor: pointer;
  color: var(--tp-common-white);
  background: var(--tp-heading-primary);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-contact-input-form .tp-contact-input.schedule label span:hover {
  background-color: var(--tp-theme-primary);
}
.tp-contact-input-form .tp-contact-input.schedule label.hide {
  position: absolute;
  top: 52%;
  margin: 0;
  right: 10px;
}
.tp-contact-input-form .tp-contact-input.schedule input:focus {
  border-color: rgba(171, 12, 47, 0.4901960784);
  box-shadow: 0px 1px 2px 0px rgba(65, 95, 251, 0.06), 0px 4px 10px 0px rgba(65, 95, 251, 0.06), 0px 0px 0px 3px rgba(171, 12, 47, 0.2);
}
.tp-contact-input-form .tp-contact-input.schedule textarea {
  height: 140px;
}
.tp-contact-input-form .tp-contact-input.schedule textarea:focus {
  border-color: rgba(171, 12, 47, 0.4901960784);
  box-shadow: 0px 1px 2px 0px rgba(65, 95, 251, 0.06), 0px 4px 10px 0px rgba(65, 95, 251, 0.06), 0px 0px 0px 3px rgba(171, 12, 47, 0.2);
}
.tp-contact-input-form .tp-contact-input .icon {
  position: absolute;
  top: 50%;
  right: 18px;
}
.tp-contact-input-form.application {
  margin-bottom: 45px;
}
@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), only screen and (max-width: 767px) {
  .tp-contact-input-form.application {
    margin-bottom: 20px;
  }
}
.tp-contact-input-remeber {
  margin-bottom: 25px;
}
.tp-contact-input-remeber input {
  display: none;
}
.tp-contact-input-remeber input:checked ~ label::after {
  background-color: var(--tp-theme-7);
  border-color: var(--tp-theme-7);
}
.tp-contact-input-remeber input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.tp-contact-input-remeber label {
  font-size: 15px;
  font-weight: 300;
  color: #57595F;
  position: relative;
  padding-left: 26px;
  z-index: 1;
}
.tp-contact-input-remeber label::after {
  position: absolute;
  content: "";
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  z-index: -1;
  border-radius: 4px;
  border: 1px solid #DBDDE5;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 4px 0px rgba(48, 54, 81, 0.06) inset, 0px 1px 1px 0px rgba(48, 54, 81, 0.06);
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-contact-input-remeber label::before {
  position: absolute;
  content: url("../img/live/check.svg");
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-white);
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-contact-input-remeber label a:hover {
  color: var(--tp-theme-7);
}
.tp-contact-input-remeber label:hover {
  cursor: pointer;
}
.tp-contact-input-remeber.login label::after {
  top: 5px;
}
.tp-contact-input-remeber.login label::before {
  top: 5px;
}
.tp-contact-input-remeber.schedule label {
  font-size: 15px;
  font-weight: 400;
  color: #5B5D5F;
}
.tp-contact-input-remeber.schedule label::after {
  top: 4px;
}
.tp-contact-input-remeber.schedule label::before {
  top: 4px;
}
.tp-contact-input-remeber.schedule input:checked ~ label::after {
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
}
.tp-contact-input-remeber.schedule input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.tp-contact-input-remeber.request {
  margin-top: 5px;
}
.tp-contact-btn .tp-btn-inner {
  font-size: 17px;
  padding: 16px 66px;
  box-shadow: 0px 0px 1px 0px #092097, 0px 1px 2px 0px rgba(9, 32, 151, 0.25);
}
.tp-contact-btn .tp-btn-inner:hover {
  box-shadow: none;
  background: #425EFF;
  color: var(--tp-common-white);
}
.tp-contact-main-title {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 45px;
  letter-spacing: -0.52px;
  color: var(--tp-heading-2);
}
.tp-contact-info-item {
  padding: 30px;
  border-radius: 10px;
  border: 1px solid #E6E8F0;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 4px 0px rgba(48, 54, 81, 0.06) inset, 0px 1px 1px 0px rgba(48, 54, 81, 0.06);
}
@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) {
  .tp-contact-info-item {
    padding: 18px;
  }
}
.tp-contact-info-item p {
  color: #727378;
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 10px;
  letter-spacing: -0.3px;
}
.tp-contact-info-item a {
  position: relative;
  font-size: 18px;
  font-weight: 400;
  color: var(--tp-heading-2);
}
.tp-contact-info-item a::after {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0;
  height: 1px;
  width: 100%;
  background: #E6E8F0;
}
.tp-contact-info-item a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  bottom: -2px;
  left: auto;
  right: 0;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  background: var(--tp-heading-2);
  z-index: 1;
}
.tp-contact-info-item a:hover::before {
  width: 100%;
  right: auto;
  left: 0;
}
.tp-contact-info-icon {
  margin-bottom: 30px;
}
.tp-contact-info-icon span {
  display: inline-block;
  text-align: center;
  line-height: 42px;
  height: 46px;
  width: 46px;
  border-radius: 6px;
  border: 1px solid #E6E8F0;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 4px 0px rgba(48, 54, 81, 0.06) inset, 0px 1px 1px 0px rgba(48, 54, 81, 0.06);
}
.tp-contact-info-title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: var(--tp-heading-2);
}
.tp-contact-map-content {
  width: 100%;
  height: 500px;
}
.tp-contact-map-content iframe {
  height: 100%;
  width: 100%;
}

.tp-schedule-from-box {
  border-radius: 6px;
  padding: 100px;
  background-color: var(--tp-common-white);
  box-shadow: 0px 1px 1px 0px rgba(22, 22, 19, 0.14), 0px 1px 2px 1px rgba(22, 22, 19, 0.06);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-schedule-from-box {
    padding: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-schedule-from-box {
    padding: 30px;
  }
}
.tp-schedule-btn .tp-btn {
  border-radius: 6px;
  padding: 12px 24px;
}
.tp-schedule-btn .tp-btn span {
  margin-left: 80px;
}

.tp-application-heading {
  margin-bottom: 85px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-application-heading {
    margin-bottom: 30px;
  }
}
.tp-application-heading.request {
  margin-bottom: 50px;
}
.tp-application-title {
  margin: 0;
  font-size: 70px;
  font-weight: 600;
  letter-spacing: -1.4px;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-application-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-application-title {
    font-size: 50px;
  }
}
.tp-application-subtitle {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 0px;
  letter-spacing: -0.2px;
  color: rgba(22, 22, 19, 0.8);
}
.tp-application-from-box {
  padding: 100px;
  border-radius: 6px;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 1px 0px rgba(22, 22, 19, 0.14), 0px 1px 2px 1px rgba(22, 22, 19, 0.06);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-application-from-box {
    padding: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-application-from-box {
    padding: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-application-from-box {
    padding: 30px;
  }
}
.tp-application-from-title {
  color: #000;
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 30px;
  letter-spacing: -0.52px;
}
.tp-application-select .nice-select {
  font-size: 16px;
  height: 54px;
  line-height: 54px;
  border-radius: 6px;
  border: 1px solid #E6E8F0;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 4px 0px rgba(48, 54, 81, 0.06) inset, 0px 1px 1px 0px rgba(48, 54, 81, 0.06);
}
.tp-application-select .nice-select:focus {
  border-color: rgba(171, 12, 47, 0.4901960784);
  box-shadow: 0px 1px 2px 0px rgba(65, 95, 251, 0.06), 0px 4px 10px 0px rgba(65, 95, 251, 0.06), 0px 0px 0px 3px rgba(171, 12, 47, 0.2);
}
.tp-application-select .nice-select::after {
  color: #686A6D;
  right: 25px;
}
.tp-application-select .nice-select .list {
  box-shadow: none;
  stroke-width: 1px;
  stroke: #E6E8F0;
  padding: 10px 16px 10px;
  fill: var(--tp-common-white);
  filter: drop-shadow(0px 4px 14px rgba(8, 19, 34, 0.12));
}
.tp-application-select .nice-select .option {
  color: #757C8E;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  min-height: 0;
  border-radius: 6px;
  padding: 10px 16px;
  margin-bottom: 2px;
}
.tp-application-select .nice-select .option:hover {
  color: #4A4E68;
  background-color: #F4F5FA;
}

/*----------------------------------------*/
/*  7.6 Contact css
/*----------------------------------------*/
.tp-error-content p {
  color: #57575A;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 25px;
}
.tp-error-content .tp-btn-inner {
  padding: 8px 28px;
}
.tp-error-title {
  font-size: 64px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 44px;
  letter-spacing: -1.28px;
  color: var(--tp-common-black-1);
}
.tp-error-title-sm {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.26px;
  text-transform: uppercase;
  color: var(--tp-common-black-1);
}
.tp-error-thumb img {
  width: 100%;
}

.tp-privacy-heading {
  margin-bottom: 35px;
}
.tp-privacy-title {
  font-size: 60px;
  font-weight: 700;
  color: var(--tp-heading-primary);
}
@media only screen and (max-width: 767px) {
  .tp-privacy-title {
    font-size: 42px;
  }
}
.tp-privacy-box {
  padding: 36px 40px 40px 40px;
  background-color: var(--tp-common-white);
  box-shadow: 0px 1px 2px 0px rgba(18, 20, 32, 0.2);
}
.tp-privacy-content {
  margin-bottom: 40px;
}
.tp-privacy-content-title {
  font-size: 26px;
  margin-bottom: 15px;
  color: var(--tp-heading-primary);
}
.tp-privacy-content p {
  color: #57575A;
  margin-bottom: 15px;
}
.tp-privacy-content ul li {
  position: relative;
  list-style: none;
  font-size: 18px;
  color: #57575A;
  padding-left: 16px;
}
.tp-privacy-content ul li:not(:last-of-type) {
  margin-bottom: 7px;
}
.tp-privacy-content ul li::after {
  position: absolute;
  content: "";
  left: 0;
  top: 10px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #57575A;
}
.tp-privacy-content-bottom p {
  font-style: italic;
  font-size: 14px;
}

/*----------------------------------------*/
/*  7.7 Counter css
/*----------------------------------------*/
.tp-counter-wrap {
  margin-top: -112px;
}
.tp-counter-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 14px;
}
.tp-counter-item {
  padding-top: 43px;
  padding-bottom: 66px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .tp-counter-item {
    padding-top: 25px;
    padding-bottom: 30px;
  }
}
.tp-counter-item::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: -15px;
  height: 120px;
  width: 2px;
  background: rgba(255, 255, 255, 0.14);
}
@media only screen and (max-width: 767px) {
  .tp-counter-item::before {
    display: none;
  }
}
.tp-counter-item.item-end::before {
  display: none;
}
.tp-counter-item p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0px;
  line-height: 1;
}
.tp-counter-count {
  margin-bottom: 3px;
  font-size: 50px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -3px;
  line-height: 1;
  color: var(--tp-common-white);
}

.tp-counter-4-bg {
  background-color: #EDEBE5;
  border-radius: 15px;
  padding: 82px 25px 73px 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-counter-4-bg {
    padding: 50px 25px 50px 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-counter-4-item {
    margin-bottom: 30px;
  }
}
.tp-counter-4-icon {
  margin-bottom: 12px;
}
.tp-counter-4-icon span {
  display: inline-block;
  height: 80px;
  width: 80px;
  line-height: 78px;
  text-align: center;
  border-radius: 40px;
  background: linear-gradient(180deg, #FFFCF4 0%, rgba(246, 244, 239, 0) 100%);
}
.tp-counter-4-count {
  color: #161613;
  font-size: 100px;
  font-style: italic;
  font-weight: 300;
  letter-spacing: -3px;
  margin-bottom: 4px;
}
.tp-counter-4-content p {
  color: #484848;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 0;
}
.tp-counter-4-border {
  height: 1px;
  width: 220px;
  background: rgba(22, 22, 19, 0.08);
  margin: 0 auto;
  margin-bottom: 15px;
}

/*----------------------------------------*/
/*  7.8 Service css
/*----------------------------------------*/
.tp-service-bg {
  position: relative;
  z-index: 1;
  padding-bottom: 77px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.tp-service-wrap {
  border-radius: 14px;
  padding: 35px 30px 10px 30px;
  margin-bottom: 38px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-wrap {
    padding: 40px 15px 10px 15px;
  }
}
.tp-service-wrap::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 14px;
  background-color: #F6F4EE;
  box-shadow: 10px 10px 20px 0px rgba(36, 2, 7, 0.16);
  backdrop-filter: blur(5px);
  z-index: -1;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-service-item {
  margin-top: -70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-service-item {
    margin-bottom: 70px;
  }
}
.tp-service-item:hover .tp-service-wrap::before {
  top: 10px;
  height: calc(100% - 20px);
}
.tp-service-item:hover .tp-service-icon {
  animation: icon-bounce 0.8s 1;
}
.tp-service-item:hover .tp-service-btn {
  transform: translateY(25px);
}
.tp-service-item:hover .tp-service-btn span::before {
  transform: scale(1.3);
}
.tp-service-item:hover .tp-service-btn span svg {
  transform: scale(1.167);
}
.tp-service-icon {
  height: 68px;
}
.tp-service-title {
  font-size: 20px;
  line-height: 1.3;
  margin-bottom: 3px;
}
.tp-service-title a:hover {
  color: var(--tp-theme-primary);
}
.tp-service-btn {
  transform: translateY(35px);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-service-btn span {
  display: inline-block;
  position: relative;
  z-index: 1;
  height: 52px;
  width: 52px;
  line-height: 48px;
  border-radius: 50%;
  text-align: center;
}
.tp-service-btn span::before {
  position: absolute;
  border: 6px solid var(--tp-theme-primary);
  content: "";
  border-radius: 50%;
  z-index: -1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: var(--tp-common-white);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-service-btn span svg {
  transform: scale(1);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-service-content {
  padding: 10px 10px;
}
.tp-service-content p {
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.5;
}
.tp-service-all span {
  color: rgba(255, 255, 255, 0.8);
}
.tp-service-all span a {
  font-size: 18px;
  font-weight: 600;
  color: var(--tp-common-white);
  position: relative;
}
.tp-service-all span a:hover::after {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.2s linear;
}
.tp-service-all span a::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -2px;
  height: 1px;
  width: 100%;
  background: rgba(255, 255, 255, 0.4);
}
.tp-service-all span a::after {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: var(--tp-common-white);
  left: auto;
  right: 0;
  bottom: -2px;
  opacity: 0;
  transition: all 0.3s linear;
}
.tp-service-all span a svg {
  margin-left: 5px;
}
.tp-service-shape-1 {
  position: absolute;
  bottom: 90px;
  left: 85px;
  z-index: -1;
}

.tp-service-3-bg {
  padding-top: 85px;
  padding-bottom: 90px;
  position: relative;
  z-index: 1;
}
.tp-service-3-item {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  background-color: transparent;
}
.tp-service-3-item:hover {
  background-color: var(--tp-common-white);
}
.tp-service-3-item:hover .tp-service-3-title {
  color: var(--tp-heading-3);
}
.tp-service-3-item:hover .tp-service-3-content p {
  color: #696969;
}
.tp-service-3-item:hover .tp-service-3-icon-active {
  opacity: 0;
  visibility: hidden;
}
.tp-service-3-item:hover .tp-service-3-icon-hover {
  opacity: 1;
  visibility: visible;
}
.tp-service-3-icon {
  margin-bottom: 43px;
  position: relative;
}
.tp-service-3-icon-active {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-service-3-icon-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-service-3-item {
  padding: 50px 30px 25px 33px;
  border-radius: 36px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.02);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-3-item {
    padding: 50px 20px 25px 25px;
  }
}
.tp-service-3-title {
  color: var(--tp-common-white);
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-service-3-content p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  line-height: 22px;
}
.tp-service-3-heading {
  position: absolute;
  top: 0;
  right: 90px;
  z-index: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-service-3-heading {
    right: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-service-3-heading {
    display: none;
  }
}
.tp-service-3-shape-1 {
  position: absolute;
  top: 118px;
  left: 166px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-service-3-shape-1 {
    display: none;
  }
}
.tp-service-3-shape-2 {
  position: absolute;
  top: 127px;
  right: 250px;
  animation: opacity 2s ease-in-out 0.1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-service-3-shape-2 {
    right: 120px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-service-3-shape-2 {
    top: 10px;
    left: 0;
    right: auto;
  }
}
.tp-service-3-shape-3 {
  position: absolute;
  bottom: 0;
  left: 30px;
}
@media only screen and (max-width: 767px) {
  .tp-service-3-shape-3 {
    display: none;
  }
}
.tp-service-3-shape-4 {
  position: absolute;
  bottom: 0;
  right: 200px;
  animation: tpswing 3s ease-in-out 0.1s forwards infinite alternate;
  transform-origin: bottom left;
  z-index: -1;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-service-3-shape-4 {
    right: 90px;
  }
}
@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), only screen and (max-width: 767px) {
  .tp-service-3-shape-4 {
    right: 50px;
  }
}
.tp-service-3-shape-5 {
  position: absolute;
  top: -93px;
  right: 354px;
  transform-origin: bottom left;
  z-index: -1;
  animation: tpswing 3s ease-in-out 0.1s forwards infinite alternate;
}
@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), only screen and (max-width: 767px) {
  .tp-service-3-shape-5 {
    right: 10px;
  }
}

.tp-service-5-wrap {
  border-bottom: 1px solid #E7EBEB;
}
.tp-service-5-item {
  padding-top: 60px;
  padding-bottom: 75px;
  border-right: 1px solid #E7EBEB;
}
.tp-service-5-item.service-5-border {
  border: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-service-5-item {
    border: none;
  }
}
@media only screen and (max-width: 767px) {
  .tp-service-5-item {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.tp-service-5-icon {
  position: relative;
  display: inline-block;
  margin-bottom: 33px;
  z-index: 1;
}
.tp-service-5-icon::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: var(--tp-theme-5);
  z-index: -1;
}
.tp-service-5-title {
  color: var(--tp-heading-4);
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 11px;
}
.tp-service-5-content p {
  color: #69696E;
  line-height: 24px;
  margin-bottom: 0;
}
@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 (max-width: 767px) {
  .tp-service-5-content p br {
    display: none;
  }
}

.tp-marquee-scroll {
  background-color: var(--tp-theme-5);
}
.tp-marquee-scroll:hover .tp-marquee-item {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.tp-marquee-title {
  text-transform: uppercase;
  color: #161613;
  font-size: 22px;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
}
.tp-marquee-title span {
  position: relative;
  color: #FF2051;
}
.tp-marquee-title span svg {
  position: absolute;
  left: -7px;
  bottom: -10px;
}
.tp-marquee-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  gap: 14px;
  white-space: nowrap;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation: scroll-1 30s linear infinite;
  animation: scroll-1 30s linear infinite;
  padding: 30px 0 22px;
}

/*----------------------------------------*/
/*  7.9 Program css
/*----------------------------------------*/
.tp-program-item {
  padding: 15px 15px;
  border-radius: 14px;
}
.tp-program-item:hover .tp-program-thumb img {
  transform: scale(1.08);
}
.tp-program-thumb {
  border-radius: 8px;
  margin-bottom: 28px;
}
.tp-program-thumb img {
  border-radius: 8px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  width: 100%;
}
.tp-program-title {
  font-size: 22px;
}
.tp-program-title a:hover {
  color: var(--tp-theme-primary);
}
.tp-program-content {
  padding: 0 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-program-content p br {
    display: none;
  }
}
.tp-program-tag p {
  margin-bottom: 36px;
  font-size: 17px;
  color: var(--tp-common-black-1);
}
.tp-program-tag p span {
  display: inline-block;
  margin-right: 6px;
}
.tp-program-btn a {
  color: var(--tp-theme-primary);
  font-size: 16px;
  font-weight: 500;
  display: block;
  text-align: center;
  background-color: var(--tp-common-white);
  border-radius: 6px;
  line-height: 1;
  padding: 12px 20px;
}
.tp-program-btn a:hover {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.tp-program-dot {
  margin-bottom: 14px;
}
.tp-program-dot .swiper-pagination-bullet {
  height: 8px;
  width: 8px;
  background: #DDDBD6;
  margin: 0 5px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  transform: translateY(0px) scale(1);
  opacity: 1;
}
.tp-program-dot .swiper-pagination-bullet-active {
  transform: translateY(0px) scale(1.5);
  background: var(--tp-theme-primary);
}
.tp-program-all p {
  font-size: 17px;
}
.tp-program-all a {
  position: relative;
  color: var(--tp-theme-primary);
  font-weight: 500;
}
.tp-program-all a:hover::after {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.2s linear;
}
.tp-program-all a::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -2px;
  height: 1px;
  width: 100%;
  background: rgba(171, 12, 47, 0.3);
}
.tp-program-all a::after {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: #ab0c2f;
  left: auto;
  right: 0;
  bottom: -2px;
  opacity: 0;
  transition: all 0.3s linear;
}
.tp-program-all a span {
  margin-left: 4px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  display: inline-block;
}

.tp-program-3-bg {
  position: relative;
  z-index: 1;
}
.tp-program-3-item {
  border-radius: 30px;
  border: 1px solid rgba(17, 22, 29, 0.04);
  box-shadow: 0px 1px 1px 0px rgba(17, 22, 29, 0.08);
  padding: 30px 30px 30px 30px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-program-3-item {
    padding: 30px 20px 30px 20px;
  }
}
.tp-program-3-item:hover {
  border: 1px solid rgba(3, 31, 66, 0.08);
  box-shadow: 0px 6px 10px 0px rgba(10, 29, 58, 0.1);
}
.tp-program-3-item:hover .tp-program-3-thumb img {
  transform: scale(1.06);
}
.tp-program-3-thumb {
  border-radius: 15px;
  margin-bottom: 27px;
  overflow: hidden;
}
.tp-program-3-thumb img {
  width: 100%;
  overflow: hidden;
  border-radius: 15px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.tp-program-3-title {
  color: var(--tp-heading-3);
  font-size: 24px;
  font-weight: 700;
}
.tp-program-3-title a:hover {
  color: var(--tp-theme-3);
}
.tp-program-3-content > p {
  color: var(--tp-grey-5);
  font-size: 15px;
}
@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), only screen and (max-width: 767px) {
  .tp-program-3-content > p br {
    display: none;
  }
}
.tp-program-3-schedule {
  margin-bottom: 36px;
}
.tp-program-3-schedule-item:not(:last-of-type) {
  margin-right: 24px;
  padding-right: 24px;
  border-right: 1px solid rgba(156, 41, 178, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-program-3-schedule-item:not(:last-of-type) {
    padding-right: 15px;
    margin-right: 15px;
  }
}
.tp-program-3-schedule-item span {
  color: #75767A;
  font-size: 15px;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 0;
}
.tp-program-3-schedule-item p {
  margin-bottom: 0;
  color: var(--tp-heading-3);
  font-size: 16px;
  line-height: 1;
}
.tp-program-3-btn a {
  display: block;
  text-align: center;
  border-radius: 16px;
  border: 1px solid rgba(3, 31, 66, 0.1);
  background: rgba(245, 245, 245, 0.1);
  color: #626569;
  font-size: 15px;
  font-weight: 500;
  padding: 11px 10px 12px 10px;
  line-height: 1;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-program-3-btn a:hover {
  background-color: var(--tp-theme-3);
  color: var(--tp-common-white);
}
.tp-program-3-shape-1 {
  position: absolute;
  top: 109px;
  right: 200px;
  animation: neptune 10s infinite linear;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-program-3-shape-1 {
    right: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-program-3-shape-1 {
    display: none;
  }
}
.tp-program-3-shape-2 {
  height: 100px;
  width: 100px;
  background-color: #E0F0DD;
  border-radius: 50%;
  position: absolute;
  top: 340px;
  left: -50px;
  z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-program-4-section {
    margin-bottom: 30px;
  }
}
.tp-program-4-item {
  position: relative;
}
.tp-program-4-item:hover .tp-program-4-content {
  bottom: 0;
  overflow: hidden;
}
.tp-program-4-item:hover .tp-program-4-btn {
  opacity: 1;
  visibility: visible;
}
.tp-program-4-thumb {
  position: relative;
}
.tp-program-4-thumb::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.4);
}
.tp-program-4-thumb img {
  width: 100%;
  border-radius: 10px;
}
.tp-program-4-content {
  position: absolute;
  bottom: -48px;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  padding: 40px 40px 48px 38px;
}
@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) {
  .tp-program-4-content {
    padding: 30px;
  }
}
.tp-program-4-content > span {
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  display: inline-block;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.9);
}
.tp-program-4-title {
  color: var(--tp-common-white);
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 3px;
}
.tp-program-4-btn {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-program-4-arrow {
    margin-bottom: 30px;
  }
}
.tp-program-4-next, .tp-program-4-prev {
  border-radius: 50%;
  display: inline-block;
}
.tp-program-4-next span, .tp-program-4-prev span {
  display: inline-block;
  height: 44px;
  width: 44px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  border: 2px solid rgba(171, 12, 47, 0.3);
  color: var(--tp-heading-primary);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-program-4-next span:hover, .tp-program-4-prev span:hover {
  border-color: var(--tp-theme-primary);
  color: var(--tp-theme-primary);
}
.tp-program-4-next {
  margin-left: 4px;
}
.tp-program-4-next svg {
  display: inline-block;
  transform: translate(2px, 0px);
}
.tp-program-4-prev svg {
  display: inline-block;
  transform: translate(-1px, 0px);
}

/*----------------------------------------*/
/*  8.0 Testimonial css
/*----------------------------------------*/
.tp-testimonial-bg {
  background-position: left;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-testimonial-bg {
    background-position: left top;
  }
}
.tp-testimonial-themebg span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--tp-theme-primary);
  z-index: -1;
}
.tp-testimonial-themebg-shape {
  position: absolute;
  right: 0;
  bottom: -80px;
  z-index: 0;
}
@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 (max-width: 767px) {
  .tp-testimonial-themebg-shape {
    display: none;
  }
}
.tp-testimonial-themebg-shape svg path {
  stroke: rgba(185, 26, 61, 0.7);
  stroke-dasharray: 2300;
  stroke-dashoffset: 3500;
  animation: dash 4s linear forwards;
}
@media only screen and (max-width: 767px) {
  .tp-testimonial-section {
    margin-bottom: 10px;
  }
}
.tp-testimonial-wrapper {
  margin-left: -24px;
  margin-right: -88px;
  margin-bottom: 134px;
  padding: 73px 88px 30px 58px;
  position: relative;
  z-index: 1;
  border-radius: 0px 0px 20px 20px;
  background: #FEFDFC;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-testimonial-wrapper {
    margin-left: -100px;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-wrapper {
    margin-left: -150px;
    margin-right: 0;
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-wrapper {
    margin-left: -80px;
    margin-right: 0;
    margin-bottom: 80px;
    padding: 50px 30px 20px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-wrapper {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 80px;
    border-radius: 20px 20px 20px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-testimonial-wrapper {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 80px;
    padding: 73px 30px 30px 30px;
    border-radius: 20px 20px 20px 20px;
  }
}
.tp-testimonial-wrapper .tp-section-title {
  font-size: 40px;
  letter-spacing: 0;
}
.tp-testimonial-shape-1 {
  position: absolute;
  top: 80px;
  right: 70px;
}
@media only screen and (max-width: 767px) {
  .tp-testimonial-shape-1 {
    top: 30px;
    right: 30px;
  }
}
.tp-testimonial-shape-2 {
  position: absolute;
  right: -60px;
  top: 140px;
  z-index: -1;
  animation: hero-dot-1 5s linear 0s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-shape-2 {
    right: -40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-shape-2 {
    right: -38px;
  }
}
.tp-testimonial-shape-3 {
  position: absolute;
  right: -190px;
  top: 100px;
  z-index: -1;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .tp-testimonial-shape-3 {
    right: -165px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-testimonial-shape-3 {
    right: -80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-shape-3 {
    right: -40px;
    top: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-shape-3 {
    right: -30px;
    top: 200px;
  }
}
.tp-testimonial-shape-3 img {
  animation: animation-popup 2.5s linear 0s infinite alternate;
}
.tp-testimonial-item {
  padding: 26px 0;
}
.tp-testimonial-avatar {
  margin-bottom: 25px;
}
.tp-testimonial-avatar img {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  object-fit: cover;
}
.tp-testimonial-avatar-title {
  color: var(--tp-common-black-1);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 0;
}
.tp-testimonial-avatar-info span {
  color: var(--tp-text-body);
  font-size: 16px;
  line-height: 1.1;
}
.tp-testimonial-content p {
  color: var(--tp-text-body);
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 27px;
}
.tp-testimonial-next, .tp-testimonial-prev {
  border-radius: 50%;
  display: inline-block;
}
.tp-testimonial-next span, .tp-testimonial-prev span {
  display: inline-block;
  height: 44px;
  width: 44px;
  line-height: 41px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid rgba(1, 15, 28, 0.1);
  color: var(--tp-heading-primary);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-testimonial-next span:hover, .tp-testimonial-prev span:hover {
  border-color: var(--tp-theme-primary);
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.tp-testimonial-next {
  margin-left: 4px;
}

.tp-testimonial-2-avatar-active .slick-track {
  padding-top: 15px;
  padding-bottom: 54px;
}
.tp-testimonial-2-avatar-active .slick-active.slick-center.tp-testimonial-2-avatar-item img {
  object-fit: cover;
  transform: scale(1.36);
  box-shadow: 0px 30px 30px -15px rgba(95, 50, 7, 0.4);
}
.tp-testimonial-2-avatar-active .slick-active.slick-initialized .slick-slide {
  height: 74px;
  width: 74px;
  border-radius: 50%;
  object-fit: cover;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  display: inline-block;
  margin: 0 10px;
}
.tp-testimonial-2-avatar-active .slick-prev, .tp-testimonial-2-avatar-active .slick-next {
  top: 30px;
  right: -362px;
  position: absolute;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-2-avatar-active .slick-prev, .tp-testimonial-2-avatar-active .slick-next {
    right: -200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-2-avatar-active .slick-prev, .tp-testimonial-2-avatar-active .slick-next {
    right: -100px;
  }
}
.tp-testimonial-2-avatar-active .slick-prev {
  left: -362px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-2-avatar-active .slick-prev {
    left: -200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-2-avatar-active .slick-prev {
    left: -100px;
  }
}
.tp-testimonial-2-avatar-active .slick-arrow {
  display: inline-block;
  height: 46px;
  width: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 50px;
  border: 1px solid rgba(30, 30, 47, 0.1);
  color: var(--tp-text-body);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-testimonial-2-avatar-active .slick-arrow:hover {
  background-color: var(--tp-theme-secondary);
  color: var(--tp-common-white);
}
.tp-testimonial-2-avatar-active .slick-arrow svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
@media only screen and (max-width: 767px) {
  .tp-testimonial-2-avatar-active .slick-arrow {
    display: none !important;
  }
}
.tp-testimonial-2-avatar-item {
  text-align: center;
}
.tp-testimonial-2-avatar-item img {
  height: 74px;
  width: 74px;
  border-radius: 50%;
  object-fit: cover;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  display: inline-block;
}
.tp-testimonial-2-avatar-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 0;
}
.tp-testimonial-2-avatar-info {
  margin-bottom: 27px;
}
.tp-testimonial-2-avatar-info span {
  color: #636366;
  font-size: 16px;
  font-weight: 300;
}
.tp-testimonial-2-avatar-rating i {
  color: #FFB21D;
  font-size: 13px;
}
.tp-testimonial-2-content p {
  color: #636366;
  text-align: center;
  font-size: 22px;
  font-weight: 300;
  line-height: 32px;
}
.tp-testimonial-2-shape .shape-1 {
  position: absolute;
  bottom: -20px;
  right: 0px;
  z-index: -1;
}
.tp-testimonial-2-shape .shape-2 {
  position: absolute;
  top: -30px;
  left: 0px;
  z-index: -1;
}

.tp-testimonial-6-item {
  padding: 40px;
  border-radius: 14px;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 3px 0px rgba(3, 31, 66, 0.14);
}
.tp-testimonial-6-item-shape {
  position: absolute;
  top: 20px;
  right: 20px;
}
.tp-testimonial-6-item-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  color: var(--tp-theme-9);
  font-family: var(--tp-ff-manrope);
}
.tp-testimonial-6-item-content {
  margin-bottom: 40px;
}
.tp-testimonial-6-item-content p {
  font-weight: 500;
  color: #636366;
  font-family: var(--tp-ff-manrope);
}
.tp-testimonial-6-item-user-thumb {
  margin-right: 15px;
}
.tp-testimonial-6-item-user-thumb img {
  width: 60px;
}
.tp-testimonial-6-item-user-content p {
  margin: 0;
  line-height: 1;
  font-weight: 600;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-manrope);
}
.tp-testimonial-6-item-user-content span {
  font-size: 14px;
  font-weight: 400;
  color: #636366;
  font-family: var(--tp-ff-manrope);
}
.tp-testimonial-6-wrapper {
  overflow: hidden;
}
.tp-testimonial-6-wrapper::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 240px;
  z-index: 2;
  background-image: linear-gradient(90deg, #F8F8FA 18%, rgba(248, 248, 250, 0) 106%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-testimonial-6-wrapper::before {
    display: none;
  }
}
.tp-testimonial-6-wrapper::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  width: 240px;
  z-index: 2;
  background-image: linear-gradient(270deg, #F8F8FA 18%, rgba(248, 248, 250, 0) 106%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-testimonial-6-wrapper::after {
    display: none;
  }
}
.tp-testimonial-6-active {
  margin: 0 -100px;
}

.slide-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

/*----------------------------------------*/
/*  8.1 Video css
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-video-wrap {
    padding-top: 120px;
    padding-bottom: 120px;
    justify-content: center;
  }
}
.tp-video-icon a {
  display: inline-block;
  margin-bottom: 50px;
}
.tp-video-icon a span {
  display: inline-block;
  color: var(--tp-theme-primary);
  height: 74px;
  width: 74px;
  line-height: 74px;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  background-color: var(--tp-common-white);
  box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.2);
}
.tp-video-icon a span svg {
  display: inline-block;
  transform: translate(2px, -1px);
}
.tp-video-icon a:hover {
  transform: scale(1.1);
}
.tp-video-icon p {
  color: var(--tp-common-white);
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 0;
}
.tp-video-hover {
  position: relative;
}
.tp-video-hover:hover .tp-m-play-inner {
  -webkit-clip-path: circle(50% at 50% 50%);
  clip-path: circle(50% at 50% 50%);
}
.tp-video-hover:hover .tp-circle-svg {
  animation-play-state: running;
}
.tp-video-inner-bg {
  height: 760px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
}

.tp-video-5-bg {
  height: 800px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
}
.tp-video-5-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tp-video-button .tp-m-play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  line-height: 1;
}

.tp-video-button .tp-m-play-inner {
  position: relative;
  width: 152px;
  height: 152px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #F0EC51;
  -webkit-clip-path: circle(37% at 50% 50%);
  clip-path: circle(37% at 50% 50%);
  transition: -webkit-clip-path 0.35s ease;
  transition: clip-path 0.35s ease;
  transition: clip-path 0.35s ease, -webkit-clip-path 0.35s ease;
}

.tp-video-button .tp-m-play-inner.campus {
  background-color: var(--tp-common-white);
}

.tp-video-button .tp-m-play-inner > .tp-svg--play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tp-video-button .tp-circle-text {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.tp-video-button .tp-circle-svg {
  transform: rotate(-45deg);
  animation: tp-rotate-video-text 5s linear infinite;
  animation-play-state: paused;
}

/*----------------------------------------*/
/*  8.2 Event css
/*----------------------------------------*/
.tp-event-btn .tp-btn {
  padding: 12px 35px;
}
.tp-event-item {
  padding: 25px 0 27px 0;
  border-bottom: 1px solid rgba(1, 15, 28, 0.1);
}
.tp-event-item:first-child {
  border-top: 1px solid rgba(1, 15, 28, 0.1);
}
.tp-event-item:hover .tp-event-arrow a {
  color: var(--tp-theme-primary);
}
.tp-event-list-count {
  color: var(--tp-theme-primary);
  font-size: 60px;
  font-style: italic;
  font-weight: 400;
  line-height: 0.85;
  margin-bottom: 0;
  letter-spacing: -1.2px;
}
.tp-event-list span {
  font-size: 16px;
  text-transform: uppercase;
}
.tp-event-title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 0;
  margin-bottom: 5px;
}
.tp-event-title a:hover {
  color: var(--tp-theme-primary);
}
.tp-event-info span {
  color: var(--tp-grey-2);
  font-size: 15px;
}
.tp-event-info span:not(:first-of-type) {
  margin-left: 11px;
}
.tp-event-info span i {
  font-size: 13px;
  margin-right: 7px;
}
.tp-event-arrow a {
  color: var(--tp-text-body);
}

.tp-event-3-item {
  border-radius: 30px;
  border: 1px solid rgba(17, 22, 29, 0.04);
  box-shadow: 0px 1px 1px 0px rgba(17, 22, 29, 0.08);
  padding: 30px 30px 32px 30px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-event-3-item {
    padding: 20px 20px 22px 20px;
  }
}
.tp-event-3-item:hover {
  box-shadow: 0px 6px 10px 0px rgba(41, 36, 3, 0.1);
}
.tp-event-3-item:hover .tp-event-3-thumb img {
  transform: scale(1.03);
}
.tp-event-3-thumb {
  position: relative;
  z-index: 1;
  margin-bottom: 26px;
  overflow: hidden;
  border-radius: 15px;
}
.tp-event-3-thumb img {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.tp-event-3-date {
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 12px;
  background: var(--tp-theme-3);
  display: inline-block;
  padding: 7px 14px 11px 14px;
  text-align: center;
  width: 54px;
}
.tp-event-3-date span {
  color: var(--tp-common-white);
  font-size: 20px;
  font-weight: 600;
  display: inline-block;
}
.tp-event-3-date p {
  color: var(--tp-common-white);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 1;
  margin-top: -4px;
}
.tp-event-3-title {
  color: #11161D;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 17px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-event-3-title a:hover {
  color: var(--tp-theme-3);
}
.tp-event-3-content span {
  color: var(--tp-grey-2);
  font-size: 15px;
}
.tp-event-3-content span img {
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
}

.tp-event-4 .row {
  --bs-gutter-x: 40px;
}
@media only screen and (max-width: 767px) {
  .tp-event-4 .row {
    --bs-gutter-x: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-event-4-section {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-event-4-section .tp-section-4-title svg {
    display: none;
  }
}
.tp-event-4-item {
  position: relative;
  z-index: 1;
}
.tp-event-4-item:hover .tp-event-4-thumb img {
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}
.tp-event-4-item::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 90px);
  z-index: -1;
  background-color: #EDEBE5;
  border-radius: 16px;
}
.tp-event-4-box {
  padding: 20px 35px 39px 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-event-4-box {
    padding: 20px 20px;
  }
}
.tp-event-4-thumb {
  display: inline-block;
  margin: 0 auto;
  border-radius: 10px;
}
.tp-event-4-thumb img {
  border-radius: 10px;
  overflow: hidden;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-event-4-thumb img {
    width: 100%;
  }
}
.tp-event-4-content p {
  color: #5F5D59;
  margin-bottom: 4px;
}
.tp-event-4-content span {
  color: #6D6C68;
  display: inline-block;
  margin-bottom: 34px;
}
.tp-event-4-title {
  font-size: 24px;
  font-weight: 600;
}
.tp-event-4-title a {
  color: var(--tp-heading-primary);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-event-4-title a:hover {
  color: var(--tp-theme-primary);
}
.tp-event-4-btn a {
  color: var(--tp-heading-primary);
  font-size: 15px;
  font-weight: 500;
  border-radius: 6px;
  background: #E0DED8;
  padding: 5px 26px;
  display: inline-block;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-event-4-btn a:hover {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-event-4-all-btn {
    margin-bottom: 30px;
  }
}

.tp-school-4-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 10px;
  border-radius: 10px;
}
.tp-school-4-bg .grey-bg {
  background-color: var(--tp-grey-1);
  position: relative;
  z-index: 1;
  border-radius: 10px;
  border: 10px solid #fff;
  overflow: hidden;
}
.tp-school-4-wrap {
  padding-top: 40px;
  padding-bottom: 50px;
  padding-left: 58px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-school-4-wrap {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-school-4-wrap {
    padding-top: 50px;
    padding-left: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-school-4-wrap {
    padding-top: 50px;
    padding-bottom: 30px;
    padding-left: 10px;
  }
}
.tp-school-4-content {
  padding: 80px 80px;
}
.tp-school-4-title {
  color: var(--tp-heading-primary);
  font-size: 40px;
  font-weight: 600;
  line-height: 50px;
  margin-bottom: 31px;
}
.tp-school-4-title span {
  z-index: 1;
  position: relative;
  color: var(--tp-theme-primary);
}
.tp-school-4-title span svg {
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.tp-school-4-title span svg path {
  stroke: #161613;
  stroke-dasharray: 2300;
  stroke-dashoffset: 3500;
  animation: dash 4s linear forwards;
}
.tp-school-4-list {
  margin-bottom: 47px;
}
@media only screen and (max-width: 767px) {
  .tp-school-4-list {
    margin-bottom: 30px;
  }
}
.tp-school-4-list ul li {
  list-style: none;
  padding-left: 18px;
  color: var(--tp-heading-primary);
  font-size: 20px;
  position: relative;
  margin-bottom: 12px;
}
.tp-school-4-list ul li:last-child {
  margin-bottom: 0;
}
.tp-school-4-list ul li::before {
  position: absolute;
  content: "";
  top: 10px;
  left: 0;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: var(--tp-heading-primary);
}
.tp-school-4-btn a {
  position: relative;
  font-size: 18px;
  color: var(--tp-theme-primary);
}
.tp-school-4-btn a::after {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  left: auto;
  right: 0;
  bottom: -2px;
  opacity: 0;
  background: var(--tp-theme-4);
  transition: all 0.3s linear;
}
.tp-school-4-btn a:hover::after {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.3s linear;
}
.tp-school-4-btn a span {
  display: inline-block;
  margin-left: 6px;
}
.tp-school-4-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-school-4-thumb {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .tp-school-4-thumb img {
    width: 100%;
  }
}

.tp-tutor-section-title {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -0.8px;
}
.tp-tutor-section-title span {
  position: relative;
  color: var(--tp-theme-primary);
}
.tp-tutor-section-title span svg {
  position: absolute;
  bottom: -6px;
  right: 10px;
  z-index: 0;
}
.tp-tutor-item {
  border-radius: 16px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-tutor-item {
    margin-bottom: 60px;
  }
}
.tp-tutor-item.about::before {
  background-color: #F3F4F9;
}
.tp-tutor-item.about .tp-tutor-icon span::before {
  border: 10px solid #FFF;
  background-color: #f3f4f9;
}
.tp-tutor-item::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 14px;
  background-color: var(--tp-common-white);
  backdrop-filter: blur(5px);
  z-index: -1;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-tutor-item:hover::before {
  top: 10px;
  height: calc(100% - 20px);
  box-shadow: 0px 2px 10px 0px rgba(21, 36, 34, 0.1);
}
.tp-tutor-item:hover .tp-tutor-icon span::before {
  height: calc(100% + 12px);
  width: calc(100% + 12px);
}
.tp-tutor-icon {
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
}
.tp-tutor-icon span {
  display: inline-block;
  position: relative;
  z-index: 1;
  height: 95px;
  width: 95px;
  line-height: 95px;
  border-radius: 50%;
  text-align: center;
}
.tp-tutor-icon span::before {
  position: absolute;
  border: 10px solid var(--tp-grey-1);
  content: "";
  border-radius: 50%;
  z-index: -1;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--tp-common-white);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-tutor-content {
  padding: 5px 54px 52px 54px;
  margin-top: -8px;
}
.tp-tutor-content p {
  color: #707070;
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 0;
}
.tp-tutor-title {
  color: #000;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 11px;
}

@media only screen and (max-width: 767px) {
  .tp-event-inner-p {
    padding-top: 50px;
    padding-bottom: 80px;
  }
}
.tp-event-inner-item {
  border-radius: 16px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  background: var(--tp-common-white);
  border: 1px solid rgba(17, 22, 29, 0.06);
  box-shadow: 0px 1px 1px 0px rgba(17, 22, 29, 0.08);
}
.tp-event-inner-item:hover {
  border: 1px solid rgba(3, 31, 66, 0.08);
  box-shadow: 0px 16px 32px -2px rgba(32, 33, 36, 0.1), 0px 8px 16px -2px rgba(32, 33, 36, 0.06);
}
.tp-event-inner-item:hover .tp-event-inner-thumb img {
  transform: scale(1.2);
}
.tp-event-inner-thumb {
  overflow: hidden;
  border-radius: 16px 16px 0px 0;
}
.tp-event-inner-thumb img {
  transition: all 0.4s ease-in-out;
  border-radius: 16px 16px 0px 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-event-inner-thumb img {
    width: 100%;
  }
}
.tp-event-inner-content {
  padding: 22px 35px 32px 32px;
}
.tp-event-inner-date {
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
  color: var(--tp-grey-6);
  margin-bottom: 5px;
}
.tp-event-inner-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  letter-spacing: -0.52px;
  color: var(--tp-heading-2);
}
.tp-event-inner-title a:hover {
  color: var(--tp-theme-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-event-inner-title {
    font-size: 24px;
  }
}
.tp-event-inner-location {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 22px;
  color: var(--tp-grey-2);
}
.tp-event-inner-location svg {
  margin-right: 2px;
  transform: translateY(-2px);
}
.tp-event-inner-btn a {
  font-size: 15px;
  font-weight: 500;
  padding: 6px 19px;
  border-radius: 6px;
  display: inline-block;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  color: var(--tp-grey-6);
  border: 1px solid rgba(117, 124, 142, 0.2);
}
.tp-event-inner-btn a span {
  margin-left: 4px;
  display: inline-block;
  transform: translateY(-2px);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-event-inner-btn a:hover {
  background: #5169F1;
  border: 1px solid #5169F1;
  color: var(--tp-common-white);
  box-shadow: 0px 1px 2px 0px rgba(20, 56, 181, 0.25), 0px 0px 1px 0px #1438B5;
}
.tp-event-inner-btn a:hover span {
  color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-event-inner-btn a {
    padding: 6px 10px;
  }
}
.tp-event-inner-pagination .tp-pagination ul li a {
  border: 1px solid rgba(105, 112, 137, 0.15);
}

.tp-event-details-breadcrumb-bg::after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  z-index: -1;
  background: rgba(0, 0, 0, 0.5);
}
.tp-event-details-breadcrumb-list {
  padding-top: 15px;
}
@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) {
  .tp-event-details-breadcrumb-list {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-event-details-breadcrumb-list {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .tp-event-details-breadcrumb-content {
    padding-top: 110px;
  }
}
.tp-event-details-breadcrumb-subtitle {
  font-size: 14px;
  font-weight: 600;
  padding: 3px 17px;
  margin-bottom: 15px;
  border-radius: 100px;
  display: inline-block;
  backdrop-filter: blur(5px);
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.21);
  background: rgba(0, 0, 0, 0.06);
  box-shadow: 0px 20px 20px 0px rgba(6, 12, 20, 0.2);
}
.tp-event-details-breadcrumb-title {
  font-size: 60px;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 20px;
  letter-spacing: -1.2px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-event-details-breadcrumb-title {
    font-size: 50px;
  }
}
.tp-event-details-countdown ul li {
  position: relative;
  font-size: 11px;
  font-weight: 500;
  height: 64px;
  width: 74px;
  stroke-width: 1px;
  line-height: 1.5;
  text-align: center;
  border-radius: 5px;
  display: inline-block;
  letter-spacing: 0.44px;
  text-transform: uppercase;
  backdrop-filter: blur(5px);
  border: 1px solid #474548;
  fill: rgba(0, 0, 0, 0.06);
  color: var(--tp-common-white);
  stroke: rgba(255, 255, 255, 0.21);
  filter: drop-shadow(0px 20px 20px rgba(6, 12, 20, 0.2));
}
.tp-event-details-countdown ul li:not(:last-of-type) {
  margin-right: 24px;
}
@media only screen and (max-width: 767px) {
  .tp-event-details-countdown ul li:not(:last-of-type) {
    margin-right: 15px;
  }
}
.tp-event-details-countdown ul li:not(:last-of-type)::after {
  position: absolute;
  top: 8px;
  content: ":";
  right: -18px;
  opacity: 0.7;
  font-size: 28px;
}
@media only screen and (max-width: 767px) {
  .tp-event-details-countdown ul li:not(:last-of-type)::after {
    right: -15px;
  }
}
.tp-event-details-countdown ul li span {
  display: block;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  color: var(--tp-common-white);
}
.tp-event-details-wrapper {
  padding-right: 76px;
  padding-bottom: 100px;
}
@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), only screen and (max-width: 767px) {
  .tp-event-details-wrapper {
    padding-right: 0;
  }
}
.tp-event-details-title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 15px;
  letter-spacing: -0.6px;
  color: var(--tp-heading-2);
}
.tp-event-details-about {
  position: relative;
  margin-bottom: 40px;
}
.tp-event-details-about p {
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 22px;
}
.tp-event-details-about-more {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: #3C66F9;
  z-index: 1;
}
.tp-event-details-about-more span {
  margin-right: 5px;
  display: inline-block;
  transform: translateY(-2px);
}
.tp-event-details-about-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
}
.tp-event-details-about-overlay img {
  width: 100%;
}
.tp-event-details-cover {
  margin-bottom: 55px;
}
.tp-event-details-cover ul li {
  position: relative;
  font-size: 17px;
  font-weight: 400;
  list-style: none;
  padding-left: 16px;
  color: var(--tp-text-body);
}
.tp-event-details-cover ul li::after {
  position: absolute;
  content: "";
  height: 4px;
  width: 4px;
  left: 0;
  top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  background-color: var(--tp-text-body);
}
.tp-event-details-cover ul li:not(:last-of-type) {
  margin-bottom: 7px;
}
.tp-event-details-teaser-video img {
  width: 100%;
}
.tp-event-details-teaser-video-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-55%, -50%);
}
.tp-event-details-box {
  position: sticky;
  top: 120px;
  margin-top: -260px;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 70px;
  background-color: var(--tp-common-white);
  filter: drop-shadow(0px 0px 24px rgba(3, 31, 66, 0.1));
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-event-details-box {
    margin-top: -200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-event-details-box {
    margin-top: 0;
    margin-bottom: 50px;
  }
}
.tp-event-details-box-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
  color: var(--tp-heading-2);
}
.tp-event-details-details {
  padding: 25px 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-event-details-details {
    padding: 25px 10px;
  }
}
.tp-event-details-list:not(:last-of-type) {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(3, 31, 66, 0.1);
}
.tp-event-details-list h5 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--tp-grey-6);
}
.tp-event-details-list h5 span {
  display: inline-block;
  margin-right: 5px;
  transform: translateY(-2px);
}
.tp-event-details-list span {
  font-size: 15px;
  font-weight: 400;
  color: var(--tp-grey-6);
}
.tp-event-details-ticket {
  padding: 25px 20px;
  border-radius: 6px;
  background-color: #F3F4F9;
}
.tp-event-details-ticket-plus {
  box-shadow: 0px 1px 2px 0px rgba(18, 20, 32, 0.2);
}
.tp-event-details-ticket-box {
  border-radius: 6px;
  padding: 20px 15px;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 2px 0px rgba(18, 20, 32, 0.2);
}
.tp-event-details-ticket-box p {
  font-size: 14px;
  font-weight: 400;
  color: var(--tp-text-body);
}
.tp-event-details-ticket-box p span {
  color: #5169F1;
  font-weight: 600;
}
.tp-event-details-plus {
  position: relative;
}
.tp-event-details-plus span:hover {
  color: var(--tp-dashboard-primary);
}
.tp-event-details-price {
  margin-bottom: 30px;
}
.tp-event-details-price-Quantity {
  margin-bottom: 8px;
}
.tp-event-details-price-Quantity p {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  color: var(--tp-grey-6);
}
.tp-event-details-price-Quantity span {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-heading-2);
}
.tp-event-details-social a:not(:last-of-type) {
  margin-right: 22px;
}
.tp-event-details-social a:hover {
  color: var(--tp-dashboard-primary);
}
.tp-event-details-item {
  border-radius: 16px;
  padding: 30px;
  background: var(--tp-common-white);
  border: 1px solid rgba(3, 31, 66, 0.08);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-event-details-item:hover {
  transform: translateY(-6px);
  box-shadow: 0px 20px 30px 0px rgba(22, 18, 3, 0.1);
}
.tp-event-details-item-thumb {
  margin-bottom: 20px;
}
.tp-event-details-item-thumb img {
  border-radius: 50%;
}
.tp-event-details-item-content p {
  font-size: 15px;
}
.tp-event-details-item-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 3px;
  color: var(--tp-heading-2);
}
.tp-event-details-item-title a:hover {
  color: var(--tp-theme-secondary);
}
.tp-event-details-item-title.color-9 a:hover {
  color: var(--tp-theme-9);
}
.tp-event-details-item-social a {
  display: inline-block;
  width: 38px;
  height: 38px;
  font-size: 15px;
  color: #4F5158;
  line-height: 36px;
  text-align: center;
  border-radius: 100px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  background: var(--tp-common-white);
  border: 1px solid rgba(3, 31, 66, 0.08);
}
.tp-event-details-item-social a:not(:last-of-type) {
  margin-right: 5px;
}
.tp-event-details-item-social a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-7);
}

/*----------------------------------------*/
/*  8.3 Category css
/*----------------------------------------*/
.tp-category-item {
  border-radius: 20px;
  border: 1px solid rgba(3, 31, 66, 0.1);
  padding: 23px 23px 15px 23px;
  display: block;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  background-color: var(--tp-common-white);
}
.tp-category-item:hover {
  transform: translateY(-4px);
  border-color: rgba(26, 115, 232, 0.5);
}
.tp-category-item:hover .tp-category-title {
  color: var(--tp-theme-secondary);
}
.tp-category-icon {
  margin-bottom: 40px;
}
.tp-category-icon span {
  height:165px;
  width: 200px;
  line-height: 42px;
  text-align: center;
  display: inline-block;
  border-radius: 10px;
}
.tp-category-icon span img {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
  border-radius: 5px;
}
.tp-category-title {
  color: #031F42;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 2px;
}
.tp-category-content span {
  color: #85878C;
  font-size: 16px;
  font-weight: 300;
}
.tp-category-banner-bg {
  padding: 25px 30px 25px 36px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: -6px;
  margin-right: -6px;
  border-radius: 50px;
}
@media only screen and (max-width: 767px) {
  .tp-category-banner-bg {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .tp-category-banner-content {
    margin-bottom: 10px;
  }
}
.tp-category-banner-btn {
  flex: 0 0 auto;
  position: relative;
}
.tp-category-banner-shape {
  flex: 0 0 auto;
  margin-right: 30px;
}
.tp-category-banner-title {
  color: var(--tp-heading-2);
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0;
}
.tp-category-banner-text span {
  color: var(--tp-theme-secondary);
  font-size: 16px;
  margin-bottom: 0;
}

span.cat-purple {
  background: linear-gradient(270deg, rgba(157, 97, 237, 0.14) 0%, rgba(157, 97, 237, 0.01) 100%);
}
span.cat-green {
  border-radius: 10px;
  background: linear-gradient(270deg, rgba(63, 192, 187, 0.14) 0%, rgba(63, 192, 187, 0.01) 100%);
}
span.cat-blue {
  background: linear-gradient(270deg, rgba(78, 177, 255, 0.14) 0%, rgba(78, 177, 255, 0.01) 100%);
}
span.cat-pink {
  background: linear-gradient(270deg, rgba(87, 203, 198, 0.14) 0%, rgba(255, 106, 165, 0.14) 0.01%, rgba(255, 106, 165, 0.01) 100%);
}
span.cat-l-purple {
  background: linear-gradient(270deg, rgba(104, 122, 246, 0.14) 0%, rgba(104, 122, 246, 0.01) 100%);
}
span.cat-yellow {
  background: linear-gradient(270deg, rgba(255, 143, 52, 0.14) 0%, rgba(255, 143, 52, 0.01) 100%);
}
span.cat-lgreen {
  background: linear-gradient(270deg, rgba(113, 202, 74, 0.14) 0%, rgba(113, 202, 74, 0.01) 100%);
}

.tp-category-5-item {
  position: relative;
  z-index: 1;
}
.tp-category-5-item:hover .tp-category-5-hover {
  transform: rotate(-6deg);
}
.tp-category-5-hover {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--tp-theme-5);
  z-index: -1;
  border-radius: 14px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-category-5-thumb {
  border-radius: 10px;
  overflow: hidden;
}
.tp-category-5-thumb img {
  border-radius: 10px;
  width: 100%;
  border-radius: 14px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-category-5-thumb img:hover {
  transform: scale(1.04);
}
.tp-category-5-title {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  text-align: center;
  transform: translateY(50%);
}
.tp-category-5-title a {
  border-radius: 10px;
  display: inline-block;
  padding: 14px 20px 15px;
  background-color: var(--tp-common-white);
  box-shadow: 0 16px 12px 2px rgba(0, 0, 0, 0.05);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-category-6-ptb {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.tp-category-6-banner {
  position: relative;
  background-color: #E0E0FA;
}
.tp-category-6-banner-shape {
  position: absolute;
  top: 0;
  right: 0;
}
.tp-category-6-banner .tp-category-banner-text span {
  color: var(--tp-theme-9);
}
.tp-category-6-heading .tp-section-3-title {
  font-weight: 700;
  letter-spacing: -2px;
  font-family: var(--tp-ff-manrope);
}
.tp-category-6-heading .tp-section-3-title .tp-underline-shape-5 {
  left: 0;
}
.tp-category-6-item {
  border-radius: 20px;
  padding: 10px 10px 20px;
  border: 1px solid rgba(3, 31, 66, 0.1);
}
.tp-category-6-item:hover .tp-category-6-item-thumb img {
  transform: scale(1.1, 1.1);
}
.tp-category-6-item-thumb {
  overflow: hidden;
  border-radius: 14px;
  margin-bottom: 18px;
}
.tp-category-6-item-thumb img {
  width: 100%;
  border-radius: 14px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-category-6-item-content span {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #75777C;
}
.tp-category-6-item-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
  color: var(--tp-heading-2);
  font-family: var(--tp-ff-manrope);
}
.tp-category-6-item-title a:hover {
  color: var(--tp-theme-9);
}

/*----------------------------------------*/
/*  8.4 Funfact css
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-funfact-item {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-funfact-item {
    margin-bottom: 30px;
  }
}
.tp-funfact-item-2 {
  margin-left: 25px;
}
@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), only screen and (max-width: 767px) {
  .tp-funfact-item-2 {
    margin-left: 0px;
  }
}
.tp-funfact-item-3 {
  margin-left: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-funfact-item-3 {
    margin-left: 25px;
  }
}
@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), only screen and (max-width: 767px) {
  .tp-funfact-item-3 {
    margin-left: 0px;
  }
}
.tp-funfact-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 34px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-funfact-bg {
    padding-bottom: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-funfact-bg {
    padding-bottom: 4px;
  }
}
.tp-funfact-icon {
  flex: 0 0 auto;
  margin-right: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-funfact-icon {
    margin-right: 10px;
  }
}
.tp-funfact-title {
  color: var(--tp-common-white);
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 2px;
}
.tp-funfact-content span {
  color: rgba(255, 255, 255, 0.8);
  font-size: 15px;
}

.tp-funfact-6-ptb {
  padding: 39px 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--tp-theme-9);
}

.tp-funfact-7-wrapper .row [class*=col-]:not(:last-child) {
  border-right: 1px solid #E9E9F0;
}
@media only screen and (max-width: 767px) {
  .tp-funfact-7-wrapper .row [class*=col-]:not(:last-child) {
    border: none;
  }
}
.tp-funfact-7-item {
  padding: 45px 0 40px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-funfact-7-item:hover {
  background-color: var(--tp-common-white);
  box-shadow: 0px 20px 20px 0px rgba(5, 5, 39, 0.1);
}
.tp-funfact-7-item-icon {
  margin-bottom: 25px;
}
.tp-funfact-7-item-content span {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  display: inline-block;
  color: var(--tp-heading-2);
  font-family: var(--tp-ff-manrope);
}
.tp-funfact-7-item-content p {
  font-size: 15px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 0;
  color: rgba(3, 31, 66, 0.8);
  font-family: var(--tp-ff-manrope);
}

/*----------------------------------------*/
/*  8.5 Course css
/*----------------------------------------*/
.tp-course-item {
  border-radius: 20px;
  border: 1px solid rgba(3, 31, 66, 0.08);
  padding: 15px 15px 23px 15px;
  background-color: var(--tp-common-white);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-course-item:hover {
  box-shadow: 0px 6px 10px 0px rgba(22, 18, 3, 0.1);
}
.tp-course-item:hover .tp-course-btn {
  transform: translateY(-30px);
}
.tp-course-item:hover .tp-course-content {
  transform: translateY(-60px);
}
.tp-course-content {
  position: relative;
  overflow: hidden;
  padding: 20px 15px 0;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  background-color: var(--tp-common-white);
}
.tp-course-teacher {
  display: flex;
  padding: 0 19px;
  align-items: center;
  justify-content: space-between;
}
.tp-course-teacher img {
  height: 30px;
  width: 30px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 10px;
}
.tp-course-teacher span {
  font-size: 15px;
  display: inline-block;
}
.tp-course-teacher .discount {
  flex: 0 0 auto;
  color: #E71442;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.52px;
  border-radius: 6px;
  border: 1px solid rgba(231, 20, 66, 0.12);
  padding: 0 9px;
}
.tp-course-thumb {
  overflow: hidden;
  border-radius: 10px;
}
.tp-course-thumb img {
  height: 200px;
  object-fit: cover;
  width: 100%;
  transition: all 0.5s ease-in-out;
  border-radius: 10px;
}
.tp-course-thumb.sidebar img {
  height: 100%;
}
.tp-course-tag span {
  display: inline-block;
  border-radius: 3px;
  background: rgba(23, 162, 184, 0.08);
  color: #17A2B8;
  font-size: 13px;
  font-weight: 500;
  padding: 6px 10px;
  line-height: 1;
}
.tp-course-meta {
  margin-bottom: 9px;
}
.tp-course-meta span {
  color: #94928e;
}
.tp-course-meta span:not(:last-of-type) {
  margin-right: 16px;
}
.tp-course-meta span span {
  color: #94928E;
  font-size: 14px;
  display: inline-block;
  margin-right: 1px;
}
.tp-course-meta span span svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-course-title {
  color: var(--tp-heading-2);
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 17px;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(3, 31, 66, 0.08);
}
.tp-course-title a:hover {
  color: var(--tp-dashboard-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-course-title a br {
    display: none;
  }
}
.tp-course-title.color a:hover {
  color: var(--tp-theme-9);
}
.tp-course-rating-star p {
  margin-bottom: 0;
  color: var(--tp-heading-2);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
.tp-course-rating-star p span {
  font-size: 14px;
  font-weight: 300;
}
.tp-course-rating-icon i {
  font-size: 13px;
  color: #FFB21D;
}
.tp-course-pricing del {
  display: block;
  color: #94928E;
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  margin-bottom: -1px;
}
.tp-course-pricing span {
  font-size: 18px;
  font-weight: 600;
  color: var(--tp-dashboard-secondary);
}
.tp-course-pricing.home-2 span {
  color: var(--tp-theme-secondary);
}
.tp-course-pricing.color-9 span {
  color: var(--tp-theme-9);
}
.tp-course-btn {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0 34px;
  text-align: center;
  transform: translateY(50px);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-course-btn a {
  display: block;
  text-align: center;
  line-height: 1;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 30px;
  color: var(--tp-common-white);
  background-color: var(--tp-dashboard-secondary);
}
.tp-course-btn a:hover {
  background-color: var(--tp-heading-2);
}
.tp-course-btn.home-2 a {
  background-color: var(--tp-theme-secondary);
}
.tp-course-btn.home-2 a:hover {
  background-color: var(--tp-heading-primary);
}
.tp-course-btn.color-9 a {
  background-color: var(--tp-theme-9);
}
.tp-course-btn.color-9 a:hover {
  background-color: var(--tp-heading-primary);
}
.tp-course-tab .nav-link {
  position: relative;
  color: #A0A2A4;
  font-size: 20px;
  line-height: 20px;
  padding: 11px 10px;
  margin: 0 6px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-course-tab .nav-link {
    font-size: 17px;
    padding: 10px 6px;
    margin: 0 3px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-course-tab .nav-link {
    margin: 0 0;
    margin-right: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-course-tab .nav-link {
    font-size: 16px;
  }
}
.tp-course-tab .nav-link span {
  position: absolute;
  bottom: -7px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  transform: scale(0);
}
.tp-course-tab .nav-link.active {
  color: #031F42;
}
.tp-course-tab .nav-link.active span {
  opacity: 1;
  transform: scale(1);
}

.tp-course-4-item {
  border-radius: 16px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  padding: 20px 20px 20px 20px;
  background-color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .tp-course-4-item {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-4-item {
    margin-bottom: 30px;
  }
}
.tp-course-4-item:hover {
  box-shadow: 0px 6px 10px 0px rgba(10, 29, 58, 0.1);
}
.tp-course-4-thumb {
  width: 220px;
  object-fit: cover;
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .tp-course-4-thumb {
    width: 100%;
  }
}
.tp-course-4-thumb img {
  height: 100%;
  border-radius: 10px;
  width: 100%;
  object-fit: cover;
}
.tp-course-4-content {
  padding: 24px 8px 24px 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .tp-course-4-content {
    width: 100%;
    padding: 24px 0px 24px 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-course-4-content {
    width: 100%;
    padding: 24px 5px 24px 15px;
  }
}
.tp-course-4-content p {
  color: #5F5D59;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 24px;
}
.tp-course-4-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
}
.tp-course-4-title a:hover {
  color: var(--tp-theme-primary);
}
.tp-course-4-rating {
  margin-bottom: 8px;
}
.tp-course-4-rating i {
  color: #FFA41D;
}
.tp-course-4-rating span {
  color: #6D6C68;
  font-size: 14px;
  display: inset-block;
  margin-left: 4px;
}
.tp-course-4-info {
  margin-bottom: 18px;
}
.tp-course-4-info-item > span {
  display: inline-block;
  margin-right: 18px;
  color: #6D6C68;
  font-size: 14px;
}
.tp-course-4-info-item > span > span {
  display: inline-block;
  margin-right: 1px;
}
.tp-course-4-avatar {
  border-top: 1px solid #F1EFE9;
  padding-top: 20px;
}
.tp-course-4-avatar-thumb img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  object-fit: cover;
}
.tp-course-4-avatar-text {
  display: inline-block;
  margin-left: 10px;
}
.tp-course-4-avatar-text a {
  color: var(--tp-heading-primary);
  font-size: 15px;
}
.tp-course-4-avatar-text span {
  color: #6D6C68;
  font-size: 15px;
}
.tp-course-4-ammount {
  flex: 0 0 auto;
}
.tp-course-4-ammount span {
  color: var(--tp-heading-primary);
  font-size: 22px;
  font-weight: 500;
}

.tp-course-5-position .row .col-lg-4:nth-child(3n+2) {
  margin-top: -50px;
}
@media only screen and (max-width: 767px) {
  .tp-course-5-position .row .col-lg-4:nth-child(3n+2) {
    margin-top: 0;
  }
}
.tp-course-5-item {
  position: relative;
  z-index: 1;
}
.tp-course-5-item:hover .tp-course-5-hover {
  transform: rotate(-4deg);
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .tp-course-5-item:hover .tp-course-5-hover {
    transform: rotate(-3deg);
  }
}
.tp-course-5-item:hover .tp-course-5-content {
  box-shadow: none;
}
.tp-course-5-hover {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background: var(--tp-theme-5);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  opacity: 0;
}
.tp-course-5-thumb {
  position: relative;
}
.tp-course-5-thumb img {
  width: 100%;
  border-radius: 20px 20px 0px 0px;
}
.tp-course-5-price {
  position: absolute;
  top: 16px;
  right: 16px;
}
.tp-course-5-price span {
  background-color: var(--tp-theme-5);
  display: inline-block;
  border-radius: 50%;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  color: var(--tp-heading-primary);
  font-size: 22px;
  font-weight: 600;
}
.tp-course-5-price span.free {
  background-color: #9CE28A;
}
.tp-course-5-content {
  margin-top: -20px;
  position: relative;
  z-index: 1;
  border-radius: 20px;
  border: 1px solid #E7EBEB;
  background: var(--tp-common-white);
  padding: 30px 30px 35px 33px;
  box-shadow: 0px 60px 44px -50px rgba(177, 177, 177, 0.2);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-course-5-avatar {
  margin-bottom: 12px;
}
.tp-course-5-avatar span {
  flex: 0 0 auto;
  margin-right: 9px;
}
.tp-course-5-avatar span img {
  height: 32px;
  width: 32px;
  border-radius: 50%;
}
.tp-course-5-avatar-title {
  color: var(--tp-text-body);
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 0;
}
.tp-course-5-title {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 24px;
}
.tp-course-5-title a {
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.4s linear;
  background-image: linear-gradient(#161613, #161613), linear-gradient(#161613, #161613);
}
.tp-course-5-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
.tp-course-5-btn {
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-course-6-ptb {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-course-6-heading {
    margin-bottom: 30px;
  }
}

a .course-pink {
  background-color: #EEBED3;
}
a .course-lightblue {
  background-color: #7FD6C2;
}
a .course-sky {
  background-color: #AAC4FA;
}

.tp-course-details-wrapper {
  padding-right: 72px;
}
@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), only screen and (max-width: 767px) {
  .tp-course-details-wrapper {
    padding-right: 0;
  }
}
.tp-course-details-title {
  font-size: 34px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 20px;
  letter-spacing: -0.68px;
  color: var(--tp-heading-primary);
}
.tp-course-details-heading p {
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 50px;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-details-heading p {
    margin-bottom: 25px;
  }
}
.tp-course-details-thumb {
  margin-bottom: 40px;
}
.tp-course-details-thumb img {
  border-radius: 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), only screen and (max-width: 767px) {
  .tp-course-details-thumb img {
    width: 100%;
  }
}
.tp-course-details-list {
  margin-bottom: 26px;
}
.tp-course-details-list ul li {
  list-style: none;
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 20px;
  color: var(--tp-heading-primary);
}
.tp-course-details-list ul li span {
  margin-right: 10px;
}
.tp-course-details-box {
  margin-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-details-box {
    margin-top: 30px;
  }
}
.tp-course-details-box span {
  display: block;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 22px;
  color: #3E4047;
  letter-spacing: -0.36px;
}
.tp-course-details-table {
  border-radius: 10px;
  fill: var(--tp-common-white);
  box-shadow: 0px 2px 3px 0px rgba(48, 54, 81, 0.1) inset;
  filter: drop-shadow(0px 2px 2px rgba(48, 54, 81, 0.08));
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-details-table {
    overflow-x: scroll;
  }
}
.tp-course-details-table-head {
  background: var(--tp-theme-4);
  border-radius: 10px 10px 0px 0px;
}
.tp-course-details-table ul li {
  padding: 16px 30px;
  list-style: none;
}
.tp-course-details-table ul li:not(:last-of-type) {
  border-bottom: 1px solid rgba(22, 22, 19, 0.1);
}
.tp-course-details-table ul li:last-child {
  padding: 26px 30px !important;
  border-radius: 0px 0px 10px 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-details-table ul li {
    width: 800px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-details-social {
    margin-bottom: 30px;
  }
}
.tp-course-details-social a {
  display: inline-block;
  padding: 1px 18px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.26px;
  border-radius: 4px;
  margin-right: 4px;
  color: var(--tp-common-white);
  background-color: #1877F2;
}
.tp-course-details-social a span {
  margin-right: 5px;
  display: inline-block;
  transform: translateY(-2px);
}
.tp-course-details-social a.black {
  background-color: var(--tp-heading-primary);
}
.tp-course-details-social a.sky {
  background-color: #069;
}
.tp-course-table-row {
  display: flex;
  align-items: center;
}
.tp-course-table-inner {
  padding: 22px 30px !important;
  background-color: var(--tp-common-white);
}
.tp-course-id {
  width: 350px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-course-id {
    width: 130px;
  }
}
.tp-course-sub {
  width: 365px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-course-sub {
    width: 330px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-sub {
    width: 370px;
  }
}
.tp-course-type {
  width: 130px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-course-type {
    width: 115px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-type {
    width: 150px;
  }
}
.tp-course-credits {
  width: 95px;
  flex: 0 0 auto;
  margin-left: 10px;
}

.tp-table-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  color: var(--tp-common-white);
}
.tp-table-inner {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  color: #3E4047;
}

.tp-course-requrement-wrapper {
  padding-right: 52px;
}
@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), only screen and (max-width: 767px) {
  .tp-course-requrement-wrapper {
    padding-right: 0;
  }
}
.tp-course-requrement-title {
  font-size: 34px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 22px;
  letter-spacing: -0.68px;
  color: var(--tp-heading-primary);
}
.tp-course-requrement-heading p {
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 25px;
  color: var(--tp-heading-primary);
}
.tp-course-requrement-bulet {
  margin-bottom: 35px;
}
.tp-course-requrement-bulet-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0;
  letter-spacing: -0.36px;
  color: var(--tp-heading-primary);
}
.tp-course-requrement-bulet p {
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
  color: var(--tp-heading-primary);
}
.tp-course-requrement-bulet-content p {
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-heading-primary);
}
.tp-course-requrement-bulet-content p span {
  margin-right: 10px;
  display: inline-block;
  transform: translateY(-1px);
}
.tp-course-requrement-widget-content {
  border-radius: 10px;
  padding: 36px 30px;
  background: var(--tp-common-white);
  box-shadow: 0px 2px 4px -2px rgba(3, 11, 30, 0.14), 0px 6px 6px -6px rgba(22, 22, 19, 0.14);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-course-requrement-widget-content {
    padding: 35px 26px;
  }
}
.tp-course-requrement-widget-content a {
  display: block;
  font-size: 17px;
  font-weight: 400;
  color: var(--tp-text-body);
}
.tp-course-requrement-widget-content a:not(:last-of-type) {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed rgba(22, 22, 19, 0.2);
}
.tp-course-requrement-widget-content a:hover {
  color: var(--tp-red-3);
}
.tp-course-requrement-widget-btn .btn-1 {
  font-size: 16px;
  font-weight: 500;
  border-radius: 6px;
  margin-bottom: 8px;
  background: transparent;
  color: var(--tp-heading-primary);
  border: 1px solid rgba(22, 22, 19, 0.1);
}
.tp-course-requrement-widget-btn .btn-1:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-4);
}
.tp-course-requrement-widget-btn .btn-2 {
  background-color: var(--tp-theme-4);
}
.tp-course-requrement-widget-contact {
  padding: 36px 30px;
  border-radius: 10px;
  background: #164951;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-course-requrement-widget-contact {
    padding: 35px 20px;
  }
}
.tp-course-requrement-widget-contact-title {
  color: #FFF7F1;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 18px;
  letter-spacing: -0.48px;
}
.tp-course-requrement-widget-contact p {
  color: #FFF7F1;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px;
}
.tp-course-requrement-widget-contact a {
  display: block;
  color: #FFF7F1;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
}
.tp-course-requrement-widget-contact a:not(:last-of-type) {
  margin-bottom: 12px;
}
.tp-course-requrement-widget-contact a span {
  margin-right: 10px;
}
.tp-course-requrement-widget-faq {
  padding: 30px 30px 0;
  border-radius: 10px;
  background: rgba(176, 165, 131, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-course-requrement-widget-faq {
    padding: 30px 20px 0;
  }
}
.tp-course-requrement-widget-faq-title {
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -0.52px;
  margin-bottom: 12px;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-course-requrement-widget-faq-title {
    font-size: 25px;
  }
}
.tp-course-requrement-widget-faq p {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-heading-primary);
}
.tp-course-requrement-widget-faq p a {
  color: var(--tp-theme-4);
  text-decoration-line: underline;
}
.tp-course-requrement-widget-faq-thumb {
  text-align: end;
}
.tp-course-requrement-widget-faq-thumb img {
  filter: saturate(0);
}

.tp-apply-process-title {
  font-size: 44px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 70px;
  letter-spacing: -0.88px;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-apply-process-title {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-apply-process-title {
    font-size: 36px;
  }
}
.tp-apply-process-box {
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 1px solid #D9D9D9;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-apply-process-box {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
.tp-apply-process-box p {
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  color: #31312E;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-apply-process-box p br {
    display: none;
  }
}
.tp-apply-process-box p a {
  text-decoration: underline;
  color: var(--tp-theme-4);
}
.tp-apply-process-subtitle {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 25px;
  color: var(--tp-heading-primary);
}
.tp-apply-process-subtitle span {
  font-size: 16px;
  font-weight: 600;
  color: var(--tp-theme-4);
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  margin-right: 15px;
  transform: translateY(-2px);
  border: 2px solid #B1040E;
}
.tp-apply-requirement-bg {
  background-color: #EFEDE7;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-apply-requirement-box {
    margin-bottom: 30px;
  }
}
.tp-apply-requirement-box .tp-apply-process-title {
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-apply-requirement-box .tp-apply-process-title {
    margin-bottom: 30px;
  }
}
.tp-apply-requirement-box span {
  display: inline-block;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.4px;
  color: var(--tp-heading-primary);
}
.tp-apply-requirement-bullet p {
  position: relative;
  font-size: 18px;
  font-weight: 300;
  margin-left: 25px;
  margin-bottom: 20px;
  color: var(--tp-heading-primary);
}
.tp-apply-requirement-bullet p span {
  position: absolute;
  top: 0;
  left: -25px;
}
.tp-apply-dedline-box {
  padding: 40px 34px;
  border-radius: 10px;
  background: var(--tp-common-white);
  box-shadow: 0px 2px 4px -2px rgba(3, 11, 30, 0.14), 0px 6px 6px -6px rgba(22, 22, 19, 0.14);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-apply-dedline-box {
    padding: 30px 20px;
  }
}
.tp-apply-dedline-wrap {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E6E8F0;
}
.tp-apply-dedline-wrap.b-none {
  border: none;
}
.tp-apply-dedline-wrap-title {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 35px;
  letter-spacing: -0.52px;
  color: var(--tp-heading-primary);
}
.tp-apply-dedline-content span {
  font-size: 11px;
  font-weight: 500;
  margin: 0;
  display: inline-block;
  letter-spacing: 0.44px;
  color: var(--tp-theme-4);
  text-transform: uppercase;
}
.tp-apply-dedline-content p {
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1;
  color: var(--tp-heading-primary);
}
.tp-apply-dedline-date p {
  color: #57595F;
  font-size: 17px;
  font-weight: 400;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-apply-thumb-area {
    padding-bottom: 60px;
  }
}
.tp-apply-thumb img {
  border-radius: 10px;
  width: 100%;
}
.tp-apply-btn .tp-btn {
  border-radius: 6px;
  font-size: 16px;
  padding: 6px 22px;
  color: var(--tp-heading-primary);
  background: transparent;
  border: 1px solid rgba(22, 22, 19, 0.1);
}
.tp-apply-btn .tp-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-red-2);
}

.tp-tution-wrapper .accordion-item {
  margin-bottom: 15px;
  border: none;
  border-radius: 6px;
  fill: var(--tp-common-white);
  filter: drop-shadow(0px 1px 1px rgba(3, 11, 30, 0.14)) drop-shadow(0px 1px 2px rgba(3, 11, 30, 0.06));
}
.tp-tution-wrapper .accordion-item .accordion-button {
  font-size: 24px;
  font-weight: 600;
  border-radius: 6px;
  padding: 24px 30px;
  letter-spacing: -0.48px;
  color: var(--tp-theme-4);
}
@media only screen and (max-width: 767px) {
  .tp-tution-wrapper .accordion-item .accordion-button {
    font-size: 22px;
  }
}
.tp-tution-wrapper .accordion-item .accordion-button span {
  margin-right: 16px;
  display: inline-block;
  transform: translateY(-3px);
}
.tp-tution-wrapper .accordion-item .accordion-button:focus {
  border: none;
  box-shadow: none;
}
.tp-tution-wrapper .accordion-item .accordion-button:not(.collapsed) {
  box-shadow: none;
  background-color: transparent;
}
.tp-tution-wrapper .accordion-item .accordion-button::after {
  margin-top: 10px;
  background-image: url(../img/course/tution/arrow-dwon.svg);
}
.tp-tution-wrapper .accordion-item .accordion-body {
  padding: 35px 70px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-tution-wrapper .accordion-item .accordion-body {
    padding: 25px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-tution-table {
    overflow-x: scroll;
  }
}
.tp-tution-table-head {
  border-radius: 6px;
  background: #FFE4E6;
}
.tp-tution-table ul li {
  padding: 22px 30px;
  list-style: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-tution-table ul li {
    width: 1000px;
  }
}
.tp-tution-table-title {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  color: var(--tp-heading-primary);
}
.tp-tution-table-inner {
  border-bottom: 1px solid rgba(22, 22, 19, 0.08);
}
.tp-tution-table-inner.none {
  border: none;
}
.tp-tution-main-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 25px;
  letter-spacing: -0.4px;
  color: var(--tp-heading-primary);
}
.tp-tution-inner {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  color: #3e3e3a;
}
.tp-tution-id {
  width: 410px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-tution-id {
    width: 250px;
  }
}
.tp-tution-sub {
  width: 410px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-tution-sub {
    width: 375px;
  }
}
.tp-tution-type {
  width: 80px;
  flex: 0 0 auto;
}

.tp-dates-box {
  border-radius: 6px;
  padding: 25px 30px;
  background-color: var(--tp-common-white);
  filter: drop-shadow(0px 1px 1px rgba(3, 11, 30, 0.14)) drop-shadow(0px 1px 2px rgba(3, 11, 30, 0.06));
}
.tp-dates-table ul {
  padding: 0 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-dates-table ul {
    padding: 0;
  }
}
.tp-dates-title {
  font-size: 24px;
  font-weight: 600;
  border-radius: 6px;
  margin-bottom: 50px;
  letter-spacing: -0.48px;
  color: var(--tp-theme-4);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-dates-title {
    margin-bottom: 30px;
  }
}
.tp-dates-title span {
  margin-right: 16px;
  display: inline-block;
  transform: translateY(-3px);
}
.tp-dates-month {
  width: 510px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-dates-month {
    width: 430px;
  }
}
.tp-dates-date {
  width: 510px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-dates-date {
    width: 430px;
  }
}

.tp-course-categories-item {
  display: block;
  border-radius: 20px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  padding: 30px 30px 20px 30px;
  border: 1px solid rgba(3, 31, 66, 0.1);
}
.tp-course-categories-item:hover {
  transform: translateY(-4px);
  border-color: rgba(26, 115, 232, 0.5);
}
.tp-course-categories-item p {
  font-weight: 400;
  font-size: 14px;
  color: #85878c;
  margin-bottom: 0;
}
.tp-course-categories-icon span {
  height: 40px;
  width: 40px;
  border-radius: 10px;
  line-height: 39px;
  text-align: center;
  margin-bottom: 25px;
  display: inline-block;
  background-color: #a3d6c2;
}
.tp-course-categories-icon span.color-1 {
  background: #e4cd9f;
}
.tp-course-categories-icon span.color-2 {
  background: #e8cec3;
}
.tp-course-categories-icon span.color-3 {
  background: #e1d5f4;
}
.tp-course-categories-icon span.color-4 {
  background: #d1c5de;
}
.tp-course-categories-icon span.color-5 {
  background: #ccd9b8;
}
.tp-course-categories-icon span.color-6 {
  background: #c2dedd;
}
.tp-course-categories-icon span.color-7 {
  background: #d6c0a3;
}
.tp-course-categories-icon span.color-8 {
  background: #d6d2a3;
}
.tp-course-categories-icon span.color-9 {
  background: #a3a7d6;
}
.tp-course-categories-icon span.color-10 {
  background: #e0bfc9;
}
.tp-course-categories-icon span.color-11 {
  background: #d3d3d3;
}
.tp-course-categories-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--tp-heading-2);
}
.tp-course-banner-shape .shape-1 {
  position: absolute;
  bottom: 0;
  left: 418px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-course-banner-shape .shape-1 {
    left: 210px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-course-banner-shape .shape-1 {
    left: 130px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-course-banner-shape .shape-1 {
    left: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-course-banner-shape .shape-1 {
    left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-banner-shape .shape-1 {
    display: none;
  }
}
.tp-course-banner-shape .shape-2 {
  position: absolute;
  bottom: 0;
  right: 108px;
  animation-duration: 5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: hero-bounce;
}
.tp-course-banner-heading {
  margin-left: -25px;
  padding-right: 60px;
}
@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), only screen and (max-width: 767px) {
  .tp-course-banner-heading {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-banner-heading {
    margin-left: 0;
  }
}
.tp-course-banner-heading p {
  font-size: 17px;
  font-weight: 300;
  color: #4f5158;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-banner-heading p {
    margin-bottom: 15px;
  }
}
.tp-course-banner-heading .tp-footer-inner-input input {
  height: 60px;
  border-radius: 100px;
  box-shadow: 0 1px 2px 0 rgba(3, 11, 30, 0.14);
}
.tp-course-banner-heading .tp-footer-inner-input .tp-btn-inner {
  border-radius: 100px;
}
.tp-course-banner-title {
  font-size: 54px;
  font-weight: 600;
  color: var(--tp-heading-2);
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-banner-title {
    font-size: 42px;
  }
}
.tp-course-filter-space {
  padding-top: 150px;
  padding-bottom: 350px;
}
@media only screen and (max-width: 767px) {
  .tp-course-filter-space {
    padding-bottom: 390px;
  }
}
.tp-course-filter-bg {
  background: linear-gradient(180deg, #d5ddff 0%, #e8d5ff 100%);
}
@media only screen and (max-width: 767px) {
  .tp-course-filter-top-left {
    flex-wrap: wrap;
  }
}
.tp-course-filter-top-result p {
  margin: 0;
  font-weight: 400;
  font-size: 15px;
  color: #73757b;
}
.tp-course-filter-top-tab {
  height: 44px;
  border-radius: 100px;
  padding: 5px 6px 6px 6px;
  margin-right: 15px;
  background: rgba(10, 26, 47, 0.03);
  border: 1px solid rgba(10, 26, 47, 0.08);
}
.tp-course-filter-top-tab ul .nav-item .nav-link {
  font-weight: 400;
  font-size: 16px;
  color: #43444a;
  display: block;
  width: 90px;
  padding: 3px;
}
.tp-course-filter-top-tab ul .nav-item .nav-link svg {
  margin-right: 5px;
  transform: translateY(-3px);
}
.tp-course-filter-top-tab ul .nav-item .nav-link.active {
  border-radius: 100px;
  box-shadow: 0 1px 2px 0 rgba(3, 11, 30, 0.14);
  background: linear-gradient(180deg, #fff 0%, #f9f6ff 100%);
}
.tp-course-filter-top-right-search {
  position: relative;
  margin-right: 12px;
}
.tp-course-filter-top-right-search input {
  border: none;
  height: 44px;
  width: 300px;
  border-radius: 100px;
  padding: 0 40px 0 25px;
  border: 1px solid #e6e8f0;
}
.tp-course-filter-top-right-search input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #8B8B8B;
  font-size: 15px;
  font-weight: 400;
}
.tp-course-filter-top-right-search input::-moz-placeholder {
  /* Firefox 19+ */
  color: #8B8B8B;
  font-size: 15px;
  font-weight: 400;
}
.tp-course-filter-top-right-search input:-moz-placeholder {
  /* Firefox 4-18 */
  color: #8B8B8B;
  font-size: 15px;
  font-weight: 400;
}
.tp-course-filter-top-right-search input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: #8B8B8B;
  font-size: 15px;
  font-weight: 400;
}
.tp-course-filter-top-right-search input::placeholder {
  /* MODERN BROWSER */
  color: #8B8B8B;
  font-size: 15px;
  font-weight: 400;
}
.tp-course-filter-top-right-search input:focus {
  border-color: var(--tp-theme-7);
  box-shadow: 0px 1px 2px 0px rgba(65, 95, 251, 0.06), 0px 4px 10px 0px rgba(65, 95, 251, 0.06), 0px 0px 0px 3px rgba(65, 95, 251, 0.2);
}
.tp-course-filter-top-right-search-btn {
  position: absolute;
  top: 50%;
  right: 18px;
  line-height: 1;
  transform: translateY(-50%);
}
.tp-course-filter-btn .tp-filter-btn {
  font-size: 16px;
  font-weight: 500;
  padding: 9px 34px;
  border-radius: 100px;
  border: 1px solid #e6e8f0;
  color: var(--tp-common-black);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-course-filter-btn .tp-filter-btn svg {
  margin-right: 5px;
  transform: translateY(-1px);
}
.tp-course-filter-btn .tp-filter-btn:hover {
  background-color: rgba(81, 105, 241, 0.06);
}
.tp-course-filter-item {
  border-radius: 14px;
  padding: 15px 15px 23px 15px;
  background-color: var(--tp-common-white);
  border: 1px solid rgba(3, 31, 66, 0.08);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-course-filter-item:hover {
  transform: translateY(-4px);
  box-shadow: 0px 6px 20px 0px rgba(22, 18, 3, 0.1);
}
.tp-course-filter-item:hover .tp-course-filter-thumb img {
  transform: scale(1.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-filter-item {
    flex-wrap: wrap;
  }
}
.tp-course-filter-content {
  width: 100%;
  padding: 20px 20px 0px 42px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-course-filter-content {
    padding: 20px 20px 0px 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-course-filter-content {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-course-filter-content {
    padding: 15px 0 0 0;
  }
}
.tp-course-filter-tag .tag-span {
  display: inline-block;
  border-radius: 3px;
  background: rgba(23, 162, 184, 0.08);
  color: #17A2B8;
  font-size: 13px;
  font-weight: 500;
  padding: 7px 13px;
  line-height: 1;
  margin-right: 5px;
}
.tp-course-filter-tag .discount {
  flex: 0 0 auto;
  color: #E71442;
  font-size: 13px;
  font-weight: 600;
  padding: 5px 9px;
  letter-spacing: 0.52px;
  border-radius: 6px;
  border: 1px solid rgba(231, 20, 66, 0.12);
}
.tp-course-filter-meta {
  margin-bottom: 10px;
}
.tp-course-filter-meta span {
  font-weight: 400;
  font-size: 15px;
  padding-right: 15px;
  color: var(--tp-text-body);
}
.tp-course-filter-meta span:nth-child(1) {
  margin-right: 20px;
  border-right: 1px solid #d9d9d9;
}
.tp-course-filter-meta span:not(:first-child) {
  color: #6C7275;
}
.tp-course-filter-meta span svg {
  margin-right: 2px;
  display: inline-block;
  transform: translateY(-1px);
}
.tp-course-filter-meta span img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.tp-course-filter-p p {
  margin-bottom: 40px;
}
@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), only screen and (max-width: 767px) {
  .tp-course-filter-p p {
    margin-bottom: 30px;
  }
}
@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), only screen and (max-width: 767px) {
  .tp-course-filter-p p br {
    display: none;
  }
}
.tp-course-filter-title {
  font-weight: 500;
  font-size: 34px;
  margin-bottom: 10px;
  color: var(--tp-heading-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-course-filter-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-filter-title {
    font-size: 26px;
  }
}
.tp-course-filter-title a:hover {
  color: var(--tp-theme-secondary);
}
.tp-course-filter-title.color a:hover {
  color: var(--tp-theme-9);
}
.tp-course-filter-thumb {
  width: 440px;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-filter-thumb {
    width: 100%;
  }
}
.tp-course-filter-thumb img {
  width: 440px;
  height: 310px;
  border-radius: 10px;
  transition: all 0.3s 0s ease-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-filter-thumb img {
    height: auto;
    width: 100%;
  }
}
.tp-course-filter-pricing span {
  font-size: 20px;
  font-weight: 600;
  color: var(--tp-dashboard-secondary);
}
.tp-course-filter-pricing del {
  display: block;
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  color: #94928E;
  margin-bottom: -1px;
}
.tp-course-filter-btn a {
  font-size: 16px;
  font-weight: 500;
  border-radius: 30px;
  display: inline-block;
  padding: 7px 40px 9px;
  color: var(--tp-grey-6);
  border: 1px solid rgba(3, 31, 66, 0.1);
}
.tp-course-filter-btn a:hover {
  color: var(--tp-common-white);
  background: var(--tp-dashboard-primary);
  box-shadow: 0 0 1px 0 #1438b5, 0 1px 2px 0 rgba(20, 56, 181, 0.25);
}
.tp-course-filter-btn.color a:hover {
  color: var(--tp-common-white);
  background: var(--tp-theme-9);
  box-shadow: 0 0 1px 0 #1438b5, 0 1px 2px 0 rgba(20, 56, 181, 0.25);
}
.tp-course-filter-select .nice-select {
  font-size: 16px;
  height: 44px;
  width: 200px;
  line-height: 44px;
  border-radius: 100px;
  color: #65676a;
  border: 1px solid #E6E8F0;
  box-shadow: 0 1px 2px 0 rgba(3, 11, 30, 0.14);
  background: linear-gradient(180deg, #fff 0%, #f9f6ff 100%);
}
.tp-course-filter-select .nice-select::after {
  color: #686A6D;
  right: 25px;
}
.tp-course-filter-select .nice-select .list {
  padding: 15px;
  border-radius: 10px;
  fill: #fff;
  stroke-width: 1px;
  stroke: #e6e8f0;
  box-shadow: 0 4px 14px 0 rgba(8, 19, 34, 0.12);
}
.tp-course-filter-select .nice-select .option {
  color: #757C8E;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  min-height: 0;
  border-radius: 100px;
  padding: 10px 16px;
  margin-bottom: 2px;
}
.tp-course-filter-select .nice-select .option:hover {
  color: #4A4E68;
  background-color: #F4F5FA;
}
.tp-course-grid-wrap {
  margin-bottom: 30px;
}
.tp-course-grid-box {
  margin-bottom: 35px;
}
.tp-course-grid-box .nav-item .nav-link {
  font-size: 16px;
  font-weight: 400;
  border-radius: 100px;
  margin-right: 6px;
  padding: 6px 24px 8px;
  display: inline-block;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  color: var(--tp-grey-6);
  background: var(--tp-common-white);
  border: 1px solid #e6e8f0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-course-grid-box .nav-item .nav-link {
    margin-bottom: 10px;
  }
}
.tp-course-grid-box .nav-item .nav-link.active {
  border-color: transparent;
  color: var(--tp-common-white);
  background-color: var(--tp-dashboard-primary);
}
.tp-course-grid-box .nav-item .nav-link:hover {
  border-color: transparent;
  color: var(--tp-common-white);
  background-color: var(--tp-dashboard-primary);
}
.tp-course-grid-categories {
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-grid-categories {
    flex-wrap: wrap;
  }
}
.tp-course-grid-select {
  margin-right: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-grid-select {
    margin-bottom: 20px;
  }
}
.tp-course-grid-select p {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  color: #73757b;
  margin-bottom: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-grid-select p {
    display: block;
  }
}
.tp-course-grid-select .nice-select {
  width: 282px;
  height: 46px;
  line-height: 40px;
  font-size: 16px;
  color: #65676a;
  font-weight: 400;
  border: 2px solid #fff;
  box-shadow: 0 1px 2px 0 rgba(3, 11, 30, 0.06);
}
.tp-course-grid-select .nice-select::after {
  right: 20px;
  color: #65676a;
}
.tp-course-grid-select .nice-select:focus {
  border-color: transparent;
}
.tp-course-grid-select .nice-select .list {
  padding: 15px;
  border-radius: 10px;
  fill: #fff;
  stroke-width: 1px;
  stroke: #e6e8f0;
  box-shadow: 0 4px 14px 0 rgba(8, 19, 34, 0.12);
}
.tp-course-grid-select .nice-select .option {
  color: #757C8E;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  min-height: 0;
  border-radius: 100px;
  padding: 10px 16px;
  margin-bottom: 2px;
}
.tp-course-grid-select .nice-select .option:hover {
  color: #4A4E68;
  background-color: #F4F5FA;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-course-grid-select .nice-select {
    width: 260px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-course-grid-select .nice-select {
    width: 215px;
  }
}
.tp-course-grid-item {
  padding: 15px;
  border-radius: 14px;
  background-color: var(--tp-common-white);
  border: 1px solid rgba(3, 31, 66, 0.08);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .tp-course-grid-item {
    flex-wrap: wrap;
  }
}
.tp-course-grid-title {
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 18px;
  color: var(--tp-heading-2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-grid-title br {
    display: none;
  }
}
.tp-course-grid-title a:hover {
  color: var(--tp-dashboard-primary);
}
.tp-course-grid-title.color-9 a:hover {
  color: var(--tp-theme-9);
}
.tp-course-grid-teacher {
  margin-bottom: 25px;
  padding: 0 0px 25px;
  border-bottom: 1px solid rgba(3, 31, 66, 0.08);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-course-grid-thumb {
    width: 100%;
  }
}
.tp-course-grid-thumb img {
  height: 320px;
  width: 230px;
  border-radius: 8px;
  object-fit: contain;
}
@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), only screen and (max-width: 767px) {
  .tp-course-grid-thumb img {
    width: 100%;
    height: 100%;
  }
}
.tp-course-grid-content {
  padding: 25px 23px 0px 30px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-course-grid-content {
    padding: 85px 30px 0px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-course-grid-content {
    padding: 25px 0px 10px 5px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-grid-sidebar-left {
    flex-wrap: wrap;
  }
}
.tp-course-grid-sidebar-search input {
  font-size: 15px;
  width: 250px;
  height: 44px;
  color: #686A6D;
  border-radius: 6px;
  padding-right: 50px;
  border: 1px solid #e6e8f0;
  background: var(--tp-common-white);
  box-shadow: inset 0 1px 4px 0 rgba(48, 54, 81, 0.06), 0 1px 1px 0 rgba(48, 54, 81, 0.06);
}
.tp-course-grid-sidebar-search input:focus {
  border-color: var(--tp-theme-7);
  box-shadow: 0px 0px 0px 3px rgba(70, 97, 253, 0.16);
}
.tp-course-grid-sidebar-search input::placeholder {
  font-size: 15px;
  color: #686A6D;
}
.tp-course-grid-sidebar-search-btn {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
}
.tp-course-grid-sidebar-tab {
  margin-right: 10px;
}
.tp-course-grid-sidebar-tab .nav .nav-item .nav-link {
  height: 40px;
  width: 40px;
  display: inline-block;
  text-align: center;
  line-height: 1;
  border-radius: 4px;
  margin-right: 6px;
  border: 1px solid rgba(1, 15, 28, 0.1);
}
.tp-course-grid-sidebar-tab .nav .nav-item .nav-link svg {
  color: #818487;
}
.tp-course-grid-sidebar-tab .nav .nav-item .nav-link.active {
  border: 1px solid #010f1c;
}
.tp-course-grid-sidebar-tab .nav .nav-item .nav-link.active svg {
  color: #010f1c;
}
.tp-course-grid-sidebar-select {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-grid-sidebar-select {
    margin-top: 20px;
  }
}
.tp-course-grid-sidebar-select .nice-select {
  height: 44px;
  line-height: 40px;
  border: 1px solid #e6e8f0;
  box-shadow: inset 0 1px 4px 0 rgba(48, 54, 81, 0.06), 0 1px 1px 0 rgba(48, 54, 81, 0.06);
}
.tp-course-grid-sidebar-select .nice-select p {
  color: #43444a;
}
.tp-course-grid-sidebar-select .nice-select:focus {
  border: 1px solid #e6e8f0;
}
.tp-course-list-thumb {
  width: 370px;
  height: 300px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-course-list-thumb {
    width: 100%;
    height: auto;
  }
}
.tp-course-list-thumb img {
  width: 370px;
  height: 300px;
  border-radius: 8px;
  object-fit: cover;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-course-list-thumb img {
    height: 100%;
    width: 100%;
  }
}
.tp-course-list-title {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 20px;
  color: var(--tp-heading-2);
}
.tp-course-list-title a:hover {
  color: var(--tp-dashboard-secondary);
}
.tp-course-list-p p {
  font-weight: 300;
  padding-bottom: 20px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(3, 31, 66, 0.08);
}

.tp-filter-mt {
  position: relative;
}
.tp-filter-mt-2 {
  position: relative;
}
.tp-filter-dropdown-wrapper {
  position: absolute;
  top: 75px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
  padding: 40px 45px 10px;
  padding-right: 75px;
  visibility: hidden;
  opacity: 0;
  transform-origin: top;
  border-radius: 14px;
  background: var(--tp-common-white);
  box-shadow: 0 12px 20px 0 rgba(3, 11, 30, 0.14);
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
  -webkit-transform: perspective(300px) rotateX(-18deg);
  -moz-transform: perspective(300px) rotateX(-18deg);
  -ms-transform: perspective(300px) rotateX(-18deg);
  -o-transform: perspective(300px) rotateX(-18deg);
  transform: perspective(300px) rotateX(-18deg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-filter-dropdown-wrapper {
    padding-right: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-filter-dropdown-wrapper {
    top: 115px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-filter-dropdown-wrapper {
    top: 115px;
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-filter-dropdown-wrapper {
    top: 165px;
    padding: 20px;
  }
}
.tp-filter-dropdown-wrapper.filter-dropdown-opened {
  visibility: visible;
  opacity: 1;
  -webkit-transform: perspective(300px) rotateX(0deg);
  -moz-transform: perspective(300px) rotateX(0deg);
  -ms-transform: perspective(300px) rotateX(0deg);
  -o-transform: perspective(300px) rotateX(0deg);
  transform: perspective(300px) rotateX(0deg);
}
.tp-filter-dropdown-wrapper-2 {
  width: 100%;
  padding: 40px 45px 10px;
  padding-right: 75px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e6e8f0;
  transform: none;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  position: initial;
  transition: initial;
}
.tp-filter-widget-title {
  font-size: 17px;
  font-weight: 500;
  color: #4f5158;
  padding-bottom: 15px;
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(3, 31, 66, 0.08);
}
.tp-filter-widget-content {
  margin-bottom: 30px;
}
.tp-filter-widget-radio ul li {
  list-style: none;
}
.tp-filter-widget-radio ul li:not(:last-of-type) {
  margin-bottom: 10px;
}
.tp-filter-widget-radio ul li .form-check-input[type=radio] {
  width: 18px;
  height: 18px;
  box-shadow: none;
  margin-right: 6px;
  transform: translateY(0);
}
.tp-filter-widget-radio ul li .form-check-input[type=radio]:checked + label {
  color: var(--tp-dashboard-primary);
}
.tp-filter-widget-radio ul li .form-check-input:checked {
  background-color: var(--tp-dashboard-primary);
  border-color: var(--tp-dashboard-primary);
}
.tp-filter-widget-radio ul li .form-check-label {
  font-size: 15px;
  color: #57595f;
  font-weight: 400;
  cursor: pointer;
}
.tp-filter-widget-checkbox {
  height: 240px;
  overflow-y: scroll;
  scrollbar-width: thin;
  overscroll-behavior-y: contain;
}
.tp-filter-widget-checkbox ul li {
  list-style: none;
}
.tp-filter-widget-checkbox ul li:not(:last-of-type) {
  margin-bottom: 10px;
}
.tp-filter-widget-checkbox ul li input {
  display: none;
}
.tp-filter-widget-checkbox ul li input:checked ~ label::after {
  background-color: var(--tp-dashboard-primary);
  border-color: var(--tp-dashboard-primary);
}
.tp-filter-widget-checkbox ul li input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.tp-filter-widget-checkbox ul li label {
  font-size: 15px;
  color: #57595f;
  font-weight: 400;
  position: relative;
  padding-left: 26px;
  z-index: 1;
}
.tp-filter-widget-checkbox ul li label::after {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  z-index: -1;
  border-radius: 4px;
  border: 1px solid #DBDDE5;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 4px 0px rgba(48, 54, 81, 0.06) inset, 0px 1px 1px 0px rgba(48, 54, 81, 0.06);
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-filter-widget-checkbox ul li label::before {
  position: absolute;
  content: url("../img/live/check.svg");
  top: 5px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-white);
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-filter-widget-checkbox ul li label a:hover {
  color: var(--tp-theme-7);
}
.tp-filter-widget-checkbox ul li label:hover {
  cursor: pointer;
}

.tp-grid-sidebar-left {
  margin-right: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-grid-sidebar-left {
    margin-right: 0;
  }
}
.tp-grid-sidebar-right {
  margin-left: -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 (max-width: 767px) {
  .tp-grid-sidebar-right {
    margin-left: 0;
  }
}
.tp-grid-widget-box {
  padding: 40px 30px;
  border-radius: 16px;
  background: #f9f9fb;
  border: 1px solid #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-grid-widget-box {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-grid-widget-box {
    padding: 20px;
  }
}
.tp-grid-widget-item:not(:last-of-type) {
  padding-bottom: 25px;
  margin-bottom: 22px;
  border-bottom: 1px solid rgba(3, 31, 66, 0.08);
}
.tp-grid-widget-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
  color: var(--tp-heading-2);
}
.tp-grid-widget-checkbox ul li {
  list-style: none;
}
.tp-grid-widget-checkbox ul li:not(:last-of-type) {
  margin-bottom: 10px;
}
.tp-grid-widget-checkbox ul li input {
  display: none;
}
.tp-grid-widget-checkbox ul li input:checked ~ label::after {
  background-color: var(--tp-theme-7);
  border-color: var(--tp-theme-7);
}
.tp-grid-widget-checkbox ul li input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.tp-grid-widget-checkbox ul li label {
  font-size: 15px;
  color: #57595f;
  font-weight: 400;
  position: relative;
  padding-left: 26px;
  z-index: 1;
}
.tp-grid-widget-checkbox ul li label::after {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  z-index: -1;
  border-radius: 4px;
  border: 1px solid #DBDDE5;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 4px 0px rgba(48, 54, 81, 0.06) inset, 0px 1px 1px 0px rgba(48, 54, 81, 0.06);
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-grid-widget-checkbox ul li label::before {
  position: absolute;
  content: url("../img/live/check.svg");
  top: 5px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-white);
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-grid-widget-checkbox ul li label a:hover {
  color: var(--tp-theme-7);
}
.tp-grid-widget-checkbox ul li label:hover {
  cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-grid-widget-btn {
    margin-bottom: 30px;
  }
}
.tp-grid-widget-btn a {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  border-radius: 6px;
  padding: 3px 65px;
  text-align: center;
  display: inline-block;
  color: var(--tp-dashboard-primary);
  border: 1px solid rgba(51, 51, 51, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .tp-grid-widget-btn a {
    padding: 5px 25px;
  }
}
.tp-grid-widget-btn a span {
  margin-right: 5px;
}
.tp-grid-widget-btn a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-dashboard-primary);
}

@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), only screen and (max-width: 767px) {
  .tp-course-details-2-main-inner {
    padding-right: 0;
  }
}
.tp-course-details-2-main-title {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 24px;
  color: var(--tp-heading-2);
}
.tp-course-details-2-category {
  font-size: 14px;
  font-weight: 600;
  padding: 0px 22px;
  border-radius: 6px;
  margin-bottom: 15px;
  display: inline-block;
  background: #c354f6;
  color: var(--tp-common-white);
}
.tp-course-details-2-title {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 30px;
  letter-spacing: -0.02em;
  color: var(--tp-heading-2);
}
.tp-course-details-2-author-avater {
  margin-right: 14px;
}
.tp-course-details-2-author-avater img {
  width: 50px;
  height: 50px;
}
.tp-course-details-2-author-designation {
  font-weight: 400;
  font-size: 15px;
  color: #73757b;
  margin-bottom: 0;
  line-height: 1;
  display: inline-block;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-details-2-meta {
    margin-bottom: 10px;
  }
}
.tp-course-details-2-meta:not(:first-of-type) {
  margin-left: 50px;
}
.tp-course-details-2-meta-title {
  font-size: 18px;
  font-weight: 500;
  color: var(--tp-heading-2);
}
.tp-course-details-2-meta-subtitle {
  font-weight: 400;
  font-size: 15px;
  color: #73757b;
  margin-bottom: 0;
  line-height: 1;
  display: inline-block;
}
.tp-course-details-2-widget {
  top: 120px;
  padding: 15px;
  border-radius: 10px;
  background-color: var(--tp-common-white);
  box-shadow: 0 0 24px 0 rgba(3, 31, 66, 0.1);
  margin-top: -300px;
  position: sticky;
  z-index: 9;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-details-2-widget {
    margin-top: 30px;
  }
}
.tp-course-details-2-widget-thumb img {
  border-radius: 8px;
  width: 100%;
}
.tp-course-details-2-widget-thumb a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  display: inline-block;
  border-radius: 100%;
  background-color: #fcfcfc;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.3);
}
.tp-course-details-2-widget-thumb a::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 90%;
  height: 90%;
  transform: scale(1);
  border: 1px solid var(--tp-common-white);
  animation: video-border 1.5s linear infinite;
  border-radius: 50%;
}
.tp-course-details-2-widget-content {
  padding: 30px 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .tp-course-details-2-widget-content {
    padding: 30px 0;
  }
}
.tp-course-details-2-widget-price {
  margin-bottom: 18px;
}
.tp-course-details-2-widget-price span {
  font-size: 30px;
  font-weight: 600;
  margin-right: 10px;
  color: var(--tp-heading-2);
}
.tp-course-details-2-widget-price del {
  font-size: 16px;
  font-weight: 400;
  color: #73757b;
}
.tp-course-details-2-widget-price p {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  color: #e71442;
  padding: 0px 9px;
  margin-left: 5px;
  margin-bottom: 0;
  border-radius: 6px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border: 1px solid rgba(231, 20, 66, 0.12);
}
.tp-course-details-2-widget-price .price {
  display: flex;
  align-items: center;
}
.tp-course-details-2-widget-price .share button span {
  margin: 0;
  line-height: 32px;
}
.tp-course-details-2-widget-btn {
  margin-bottom: 30px;
}
.tp-course-details-2-widget-btn a {
  display: block;
  font-size: 17px;
  font-weight: 500;
  border-radius: 6px;
  padding: 11px 15px;
  text-align: center;
  color: var(--tp-heading-2);
  border: 1px solid #e6e8f0;
  background: var(--tp-common-white);
  box-shadow: inset 0 1px 4px 0 rgba(48, 54, 81, 0.06), 0 1px 1px 0 rgba(48, 54, 81, 0.06);
}
.tp-course-details-2-widget-btn a:not(:last-of-type) {
  margin-bottom: 10px;
}
.tp-course-details-2-widget-btn a:hover {
  border: 1px solid var(--tp-dashboard-primary);
  color: var(--tp-common-white);
  background-color: var(--tp-dashboard-primary);
}
.tp-course-details-2-widget-btn a.active {
  border: none;
  color: var(--tp-common-white);
  background-color: var(--tp-dashboard-primary);
}
.tp-course-details-2-widget-btn a.active:hover {
  background: #425EFF;
  color: var(--tp-common-white);
}
.tp-course-details-2-widget-btn p {
  margin-top: 20px;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #7e7f88;
}
.tp-course-details-2-widget-list h5 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
  color: var(--tp-heading-2);
}
.tp-course-details-2-widget-list-item {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(3, 31, 66, 0.1);
}
.tp-course-details-2-widget-list-item span {
  font-size: 15px;
  font-weight: 500;
  color: #4f5158;
}
.tp-course-details-2-widget-list-item span svg {
  margin-right: 5px;
  transform: translateY(-1px);
}
.tp-course-details-2-widget-share {
  margin-bottom: 15px;
}
.tp-course-details-2-widget-share .share {
  font-size: 15px;
  font-weight: 500;
  color: var(--tp-dashboard-primary);
}
.tp-course-details-2-widget-share .share span {
  display: inline-block;
  margin-right: 5px;
  transform: translateY(-1px);
}
.tp-course-details-2-widget-share .coupon {
  font-size: 15px;
  font-weight: 500;
  color: #ff843f;
  position: relative;
}
.tp-course-details-2-widget-share .coupon:hover::after {
  opacity: 0;
  transform: translateY(-2px);
}
.tp-course-details-2-widget-share .coupon::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background: #ff843f;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-course-details-2-widget-search input {
  height: 46px;
  border-radius: 6px;
  padding-right: 110px;
  border: 1px solid #e6e8f0;
  background: var(--tp-common-white);
  box-shadow: inset 0 1px 4px 0 rgba(48, 54, 81, 0.06), 0 1px 1px 0 rgba(48, 54, 81, 0.06);
}
.tp-course-details-2-widget-search input:focus {
  border-color: var(--tp-theme-7);
  box-shadow: 0px 0px 0px 3px rgba(70, 97, 253, 0.16);
}
.tp-course-details-2-widget-search button {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 16px;
  font-weight: 500;
  border-radius: 6px;
  background: #031f42;
  padding: 10px 29px;
  transform: translateY(-50%);
  color: var(--tp-common-white);
}
.tp-course-details-2-widget-search button:hover {
  background-color: var(--tp-dashboard-primary);
}
.tp-course-details-2-text p {
  font-size: 17px;
  margin-bottom: 20px;
}
@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), only screen and (max-width: 767px) {
  .tp-course-details-2-text p br {
    display: none;
  }
}
.tp-course-details-2-text a {
  font-size: 16px;
  font-weight: 500;
  color: #3c66f9;
  display: inline-block;
  cursor: pointer;
}
.tp-course-details-2-text a span {
  margin-right: 5px;
  display: inline-block;
  transform: translateY(-2px);
}
.tp-course-details-2-text .content {
  position: relative;
  max-height: 160px;
  overflow: hidden;
  margin-bottom: 20px;
  transition: max-height 0.3s ease;
}
.tp-course-details-2-text .content::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 30px;
  width: 100%;
  background: linear-gradient(359deg, #FFF 37.73%, rgba(255, 255, 255, 0) 99.32%);
}
.tp-course-details-2-text .content.show {
  max-height: 500px;
}
.tp-course-details-2-text .show-more-button svg {
  margin-right: 5px;
}
.tp-course-details-2-nav {
  position: sticky;
  top: 120px;
  z-index: 3;
}
.tp-course-details-2-nav nav {
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #e6e8f0;
  background: var(--tp-common-white);
  box-shadow: inset 0 1px 4px 0 rgba(48, 54, 81, 0.06), 0 1px 1px 0 rgba(48, 54, 81, 0.06);
}
@media only screen and (max-width: 767px) {
  .tp-course-details-2-nav nav {
    padding: 12px 12px 0;
  }
}
.tp-course-details-2-nav nav ul li {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .tp-course-details-2-nav nav ul li {
    margin-bottom: 12px;
  }
}
.tp-course-details-2-nav nav ul li.current a {
  color: var(--tp-common-white);
  background: var(--tp-dashboard-primary);
}
.tp-course-details-2-nav nav ul li.current a:hover {
  box-shadow: none;
  background: #425EFF;
  color: var(--tp-common-white);
}
.tp-course-details-2-nav nav ul li a {
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  border-radius: 8px;
  padding: 10px 49px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-course-details-2-nav nav ul li a {
    padding: 8px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-course-details-2-nav nav ul li a {
    padding: 10px 20px;
  }
}
.tp-course-details-2-nav nav ul li a:hover {
  color: var(--tp-dashboard-primary);
  border-color: #f5f6ff;
  background-color: #f5f6ff;
}
.tp-course-details-2-content {
  padding-top: 60px;
}
.tp-course-details-2-content #reviews {
  padding-top: 95px;
}
@media only screen and (max-width: 767px) {
  .tp-course-details-2-content #reviews {
    flex-wrap: wrap;
    padding-top: 50px;
  }
}
.tp-course-details-2-list ul {
  display: inline-block;
  margin-bottom: 20px;
}
.tp-course-details-2-list ul li {
  list-style: none;
  font-size: 17px;
  font-weight: 400;
  color: var(--tp-text-body);
  width: 50%;
  float: left;
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .tp-course-details-2-list ul li {
    width: 100%;
  }
}
.tp-course-details-2-list p {
  font-size: 17px;
}
.tp-course-details-2-faq .accordion-item {
  border-radius: 6px;
  border: 1px solid #e6e8f0;
}
.tp-course-details-2-faq .accordion-item:not(:last-of-type) {
  margin-bottom: 16px;
}
.tp-course-details-2-faq .accordion-button {
  border-radius: 6px;
  padding: 19px 30px 19px 54px;
}
@media only screen and (max-width: 767px) {
  .tp-course-details-2-faq .accordion-button {
    padding: 18px 15px 18px 30px;
  }
}
.tp-course-details-2-faq .accordion-button .span {
  font-size: 18px;
  font-weight: 500;
  color: var(--tp-heading-2);
}
.tp-course-details-2-faq .accordion-button .lesson {
  font-size: 15px;
  font-weight: 400;
  color: #57595f;
  border-radius: 34px;
  padding: 5px 20px;
  border: 1px solid #e6e8f0;
}
.tp-course-details-2-faq .accordion-button:not(.collapsed) {
  box-shadow: none;
  padding: 19px 30px 19px 54px;
  border-bottom: 1px solid #e6e8f0;
  background-color: var(--tp-common-white);
  box-shadow: inset 0 1px 4px 0 rgba(48, 54, 81, 0.06), 0 1px 1px 0 rgba(48, 54, 81, 0.06);
}
@media only screen and (max-width: 767px) {
  .tp-course-details-2-faq .accordion-button:not(.collapsed) {
    padding: 18px 15px 18px 30px;
  }
}
.tp-course-details-2-faq .accordion-button:not(.collapsed) .span {
  color: var(--tp-dashboard-primary);
}
.tp-course-details-2-faq .accordion-button:not(.collapsed) .accordion-btn::before {
  background-color: var(--tp-common-white);
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  -moz-transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  -o-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}
.tp-course-details-2-faq .accordion-button:not(.collapsed) .accordion-btn::after {
  background-color: var(--tp-dashboard-primary);
}
.tp-course-details-2-faq .accordion-button:focus {
  box-shadow: inset 0 1px 4px 0 rgba(48, 54, 81, 0.06), 0 1px 1px 0 rgba(48, 54, 81, 0.06);
}
.tp-course-details-2-faq .accordion-button .accordion-btn {
  position: absolute;
  top: 50%;
  left: 30px;
  transition: 0.3s;
  display: inline-block;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .tp-course-details-2-faq .accordion-button .accordion-btn {
    left: 15px;
  }
}
.tp-course-details-2-faq .accordion-button .accordion-btn::after, .tp-course-details-2-faq .accordion-button .accordion-btn::before {
  position: absolute;
  content: "";
  width: 12px;
  height: 2px;
  left: 50%;
  top: 50%;
  border-radius: 2px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #031f42;
}
.tp-course-details-2-faq .accordion-button .accordion-btn::before {
  background-color: #031f42;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  -o-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
.tp-course-details-2-faq .accordion-button::after {
  content: none;
}
.tp-course-details-2-faq .accordion-body {
  padding: 18px 30px;
}
@media only screen and (max-width: 767px) {
  .tp-course-details-2-faq .accordion-body {
    padding: 15px 15px;
  }
}
.tp-course-details-2-faq-item:not(:last-of-type) {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #f4f5fa;
}
.tp-course-details-2-faq-item .left span {
  font-size: 15px;
  color: #57595f;
  font-weight: 400;
}
.tp-course-details-2-faq-item .left span i {
  font-size: 16px;
  font-style: normal;
  color: var(--tp-heading-2);
}
.tp-course-details-2-faq-item .left span svg {
  transform: translateY(-2px);
  margin-right: 5px;
}
.tp-course-details-2-faq-item .right span {
  font-size: 14px;
  font-weight: 400;
  color: #697089;
}
.tp-course-details-2-faq-item .right span a {
  margin-left: 10px;
  display: inline-block;
  font-weight: 400;
  font-size: 15px;
  padding: 0px 11px;
  border-radius: 29px;
  background: rgba(81, 105, 241, 0.1);
  color: var(--tp-dashboard-primary);
}
.tp-course-details-2-faq-item .right span a svg {
  margin-right: 5px;
  transform: translateY(-1px);
}
@media only screen and (max-width: 767px) {
  .tp-course-details-2-instructor {
    flex-wrap: wrap;
  }
}
.tp-course-details-2-instructor h5 {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  margin-bottom: 0;
}
.tp-course-details-2-instructor .pre {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  color: var(--tp-text-body);
}
.tp-course-details-2-instructor-sub {
  margin-bottom: 10px;
}
.tp-course-details-2-instructor-sub span {
  font-size: 14px;
  font-weight: 400;
  color: #6c7275;
}
.tp-course-details-2-instructor-sub span svg {
  margin-right: 2px;
  transform: translateY(-2px);
}
.tp-course-details-2-instructor-sub span:not(:last-of-type) {
  margin-right: 15px;
}
.tp-course-details-2-instructor-text {
  margin-bottom: 25px;
}
.tp-course-details-2-instructor-text p {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}
@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), only screen and (max-width: 767px) {
  .tp-course-details-2-instructor-text p br {
    display: none;
  }
}
.tp-course-details-2-instructor-social a {
  display: inline-block;
  height: 36px;
  width: 36px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  margin-right: 6px;
  border: 1px solid #e6e8f0;
  background: var(--tp-common-white);
  box-shadow: inset 0 1px 4px 0 rgba(48, 54, 81, 0.06), 0 1px 1px 0 rgba(48, 54, 81, 0.06);
}
.tp-course-details-2-instructor-social a:hover {
  background: var(--tp-dashboard-secondary);
  border: 1px solid var(--tp-dashboard-secondary);
  color: var(--tp-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-details-2-instructor-thumb {
    margin-right: 20px;
    margin-bottom: 20px;
  }
}
.tp-course-details-2-review-rating {
  margin-bottom: 60px;
}
.tp-course-details-2-review-rating-info {
  border-radius: 6px;
  padding: 31px;
  border: 1px solid #e6e8f0;
  background-color: var(--tp-common-white);
  box-shadow: inset 0 1px 4px 0 rgba(48, 54, 81, 0.06), 0 1px 1px 0 rgba(48, 54, 81, 0.06);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-details-2-review-rating-info {
    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 (max-width: 767px) {
  .tp-course-details-2-review-rating-info {
    padding: 25px;
  }
}
.tp-course-details-2-review-rating-info h5 {
  font-size: 54px;
  font-weight: 500;
  margin-bottom: 0px;
  letter-spacing: -0.02em;
  color: var(--tp-heading-2);
}
.tp-course-details-2-review-rating-info p {
  font-size: 15px;
  font-weight: 400;
  color: #6c7275;
}
.tp-course-details-2-review-details {
  padding: 22px 30px;
  border-radius: 6px;
  border: 1px solid #e6e8f0;
}
.tp-course-details-2-review-item {
  margin-bottom: 5px;
}
.tp-course-details-2-review-progress {
  height: 6px;
  margin: 0 2px;
  overflow: hidden;
  background-color: #F4F4F4;
  width: calc(100% - 40px - 60px);
}
.tp-course-details-2-review-progress .single-progress {
  height: 100%;
  background-color: #FFB21D;
}
.tp-course-details-2-review-text {
  font-size: 15px;
  font-weight: 400;
  color: #a0a2a4;
}
.tp-course-details-2-review-percent h5 {
  font-size: 14px;
  font-weight: 400;
  color: #55585b;
}
.tp-course-details-2-review-thumb {
  margin-right: 20px;
}
.tp-course-details-2-review-item-reply {
  margin-bottom: 40px;
}
.tp-course-details-2-review-item-reply:nth-child(1) {
  padding-bottom: 40px;
  border-bottom: 1px solid #dce0ec;
}
.tp-course-details-2-review-item-reply p {
  margin-bottom: 22px;
}
@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), only screen and (max-width: 767px) {
  .tp-course-details-2-review-item-reply p br {
    display: none;
  }
}
.tp-course-details-2-review-top {
  margin-bottom: 15px;
}
.tp-course-details-2-review-content h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  color: var(--tp-heading-2);
}
.tp-course-details-2-review-star {
  display: inline-block;
}
.tp-course-details-2-review-star .span {
  font-size: 14px;
  font-weight: 400;
  color: #6c7275;
  margin-left: 5px;
}
.tp-course-details-2-review-react > span {
  font-size: 14px;
  font-weight: 400;
  margin-right: 8px;
  color: #6c7275;
}
.tp-course-details-2-review-react .react a {
  padding: 6px 13px 8px;
  border: 1px solid #E6E8F0;
}
.tp-course-details-2-review-react .react a:first-child {
  border-radius: 6px 0 0px 6px;
}
.tp-course-details-2-review-react .react a:last-child {
  margin-left: -1px;
  border-radius: 0px 6px 6px 0px;
}
.tp-course-details-2-review-react .react a:hover {
  border-color: var(--tp-dashboard-secondary);
  background: var(--tp-dashboard-secondary);
}
.tp-course-details-2-review-react .react a:hover span {
  color: var(--tp-common-white);
}
.tp-course-details-2-review-react .react a span {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-course-details-2-review-reply-wrap {
  margin-bottom: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-details-2-review-reply-wrap {
    margin-bottom: 50px;
  }
}
.tp-course-details-2-review-reply-btn a {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 6px 20px;
  border-radius: 6px;
  border: 1px solid #e6e8f0;
}
.tp-course-details-2-review-reply-btn a:hover {
  color: var(--tp-dashboard-primary);
  background: rgba(85, 109, 245, 0.14);
}
.tp-course-details-2-comment-star img {
  margin-bottom: 25px;
}
.tp-course-details-2-related-border {
  border-top: 1px solid #d8dce8;
}
.tp-course-details-2-related-heading {
  margin-bottom: 40px;
}
.tp-course-details-2-related-heading p {
  font-weight: 300;
  font-size: 20px;
  color: #57595f;
}
.tp-course-details-2-related-title {
  font-size: 36px;
  font-weight: 600;
  color: var(--tp-heading-2);
}

.tp-course-details-3-main {
  padding-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-course-details-3-main {
    padding-top: 30px;
  }
}
.tp-course-details-3-main .tp-course-details-2-nav nav ul li a {
  padding: 10px 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-course-details-3-main .tp-course-details-2-nav nav ul li a {
    padding: 10px 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-course-details-3-main .tp-course-details-2-nav nav ul li a {
    padding: 10px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-course-details-3-main .tp-course-details-2-nav nav ul li a {
    padding: 8px 20px;
  }
}
.tp-course-details-3-title {
  font-size: 60px;
  line-height: 1.1;
  font-weight: 600;
  margin-bottom: 30px;
  letter-spacing: -0.02em;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-course-details-3-title br {
    display: none;
  }
}
.tp-course-details-3-meta-wrapper {
  margin-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-course-details-3-meta-wrapper {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-course-details-3-meta-wrapper {
    margin-bottom: 30px;
  }
}
.tp-course-details-3-meta-wrapper .tp-course-details-2-author-designation {
  color: rgba(255, 255, 255, 0.7);
}
.tp-course-details-3-meta-wrapper .tp-course-details-2-meta-title {
  color: var(--tp-common-white);
}
.tp-course-details-3-meta-wrapper .tp-course-details-2-meta-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.tp-course-details-3-widget {
  position: sticky;
  top: 120px;
  padding: 30px;
  margin-right: 25px;
  border-radius: 20px;
  background-color: var(--tp-common-white);
  box-shadow: 0 4px 94px 0 rgba(7, 0, 36, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-course-details-3-widget {
    margin-right: 0;
    margin-bottom: 0;
  }
}
.tp-course-details-3-widget-content {
  padding: 25px 0 0 0;
}
.tp-course-details-3-list {
  margin-top: 80px;
  padding-bottom: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-course-details-3-list {
    padding-bottom: 0;
  }
}
.tp-course-details-3-list-item {
  padding-right: 80px;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-course-details-3-list-item {
    padding-right: 0;
    border-bottom: 1px solid #57595f;
  }
}
.tp-course-details-3-list-item span {
  font-size: 20px;
  font-weight: 500;
  color: var(--tp-common-white);
}
.tp-course-details-3-list-item span.width {
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-course-details-3-list-item span {
    color: var(--tp-heading-primary);
  }
}

/*----------------------------------------*/
/*  8.6 Banner css
/*----------------------------------------*/
.tp-banner-sm-2-wrap {
  background-color: #E2EFE4;
  border-radius: 20px;
  padding: 43px 0 52px 51px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .tp-banner-sm-2-wrap {
    padding: 43px 0 52px 20px;
  }
}
.tp-banner-sm-2-wrap.tp-banner-sm-2-bg-2 {
  background-color: #FFF3F4;
}
.tp-banner-sm-2-wrap:hover .tp-banner-sm-2-shape-1 {
  transform: scale(1.08);
}
.tp-banner-sm-2-wrap.tp-banner-inner {
  background: #D1F2FD;
}
.tp-banner-sm-2-wrap.tp-banner-inner.tp-banner-sm-2-bg-2 {
  background-color: #FFDEF7;
}
.tp-banner-sm-2-wrap.tp-banner-inner .tp-banner-sm-2-btn a {
  border: 1px solid #073742;
  background-color: #073742;
}
.tp-banner-sm-2-wrap.tp-banner-inner .tp-banner-sm-2-btn a:hover {
  color: #073742;
  background-color: transparent;
}
.tp-banner-sm-2-title {
  color: #1E1E2F;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 31px;
}
.tp-banner-sm-2-title span {
  font-weight: 600;
  display: inline-block;
  position: relative;
}
.tp-banner-sm-2-btn a {
  border-radius: 6px;
  background: #0C7D81;
  border: 2px solid #0c7D81;
  line-height: 1;
  font-size: 15px;
  font-weight: 600;
  color: var(--tp-common-white);
  padding: 11px 18px;
  display: inline-block;
}
.tp-banner-sm-2-btn a:hover {
  background-color: transparent;
  color: #0C7D81;
}
.tp-banner-sm-2-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-banner-sm-2-shape-1 {
    right: -60px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-banner-sm-2-shape-1 {
    right: -100px;
  }
}
.tp-banner-sm-2-shape-1 img {
  max-width: 100%;
}

.tp-banner-sm-2-bg-2 .tp-banner-sm-2-btn a {
  border: 2px solid #FD8B6C;
  background: #FD8B6C;
}
.tp-banner-sm-2-bg-2 .tp-banner-sm-2-btn a:hover {
  background-color: transparent;
  color: #FD8B6C;
}

.tp-banner-5-item {
  padding: 118px 25px 122px 25px;
  position: relative;
  z-index: 1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.tp-banner-5-item::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(16, 16, 16, 0.4);
  z-index: -1;
}
.tp-banner-5-content span {
  color: var(--tp-common-white);
  font-size: 28px;
  font-style: italic;
  display: inline-block;
  margin-bottom: 13px;
}
.tp-banner-5-content P {
  color: rgba(255, 255, 255, 0.8);
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 31px;
}
.tp-banner-5-content .tp-btn-4 {
  padding: 23px 44px;
}
.tp-banner-5-title {
  color: var(--tp-common-white);
  font-size: 60px;
  font-weight: 700;
  letter-spacing: -1.2px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-banner-5-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .tp-banner-5-title {
    font-size: 42px;
  }
}
.tp-banner-5-btn .tp-btn-5:hover {
  color: var(--tp-heading-primary);
  background-color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  8.7 Brand css
/*----------------------------------------*/
.tp-brand-2-content p {
  margin-bottom: 27px;
}
.tp-brand-2-title {
  color: #1E1E2F;
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
}
.tp-brand-2-title span {
  color: #0071DC;
  position: relative;
  display: inline-block;
}
.tp-brand-2-btn .tp-btn-round {
  padding: 13px 26px;
}
.tp-brand-2-item {
  margin-bottom: 10px;
}
.tp-brand-2-wrapper {
  display: grid;
  grid-column-gap: 90px;
  grid-template-columns: repeat(5, 1fr);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-brand-2-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-brand-2-wrapper {
    grid-column-gap: 60px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-brand-2-wrapper {
    grid-column-gap: 65px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .tp-brand-2-wrapper {
    grid-column-gap: 50px;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
  }
}

.tp-brand-5-bg {
  padding-top: 56px;
  padding-bottom: 64px;
}
.tp-brand-5-title {
  color: #161613;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 47px;
}
.tp-brand-5-item {
  text-align: center;
}
.tp-brand-5-item img {
  mix-blend-mode: luminosity;
  filter: grayscale(1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-brand-6-heading {
    margin-bottom: 40px;
  }
}
.tp-brand-6-wrap {
  align-items: center;
  grid-column-gap: 0px;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-brand-6-wrap {
    grid-gap: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-brand-6-wrap {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-brand-6-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .tp-brand-6-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
.tp-brand-6-wrap .tp-brand-2-item {
  margin-bottom: 0;
  text-align: center;
  padding: 25px 15px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  border-right: 1px solid rgba(3, 31, 66, 0.08);
}
.tp-brand-6-wrap .tp-brand-2-item:nth-child(-n+4) {
  border-bottom: 1px solid rgba(3, 31, 66, 0.08);
}
.tp-brand-6-wrap .tp-brand-2-item:nth-child(1), .tp-brand-6-wrap .tp-brand-2-item:nth-child(5) {
  border-left: 1px solid rgba(3, 31, 66, 0.08);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-brand-6-wrap .tp-brand-2-item {
    border: none !important;
    padding: 0;
    text-align: start;
  }
}
.tp-brand-6-wrap .tp-brand-2-item:hover {
  background-color: #F8F8FA;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-brand-6-wrap .tp-brand-2-item:hover {
    background-color: transparent;
  }
}
.tp-brand-6-wrap .tp-brand-2-item img {
  height: 100px;
}

.tp-gallary-3-wrap {
  margin-bottom: -152px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-gallary-3-wrap {
    margin-bottom: 100px;
  }
}
.tp-gallary-3-item-1, .tp-gallary-3-item-4 {
  border-radius: 30px;
}
.tp-gallary-3-item-1 img, .tp-gallary-3-item-4 img {
  border-radius: 30px;
  max-width: 100%;
}
.tp-gallary-3-item-2, .tp-gallary-3-item-3 {
  border-radius: 36px;
}
.tp-gallary-3-item-2 img, .tp-gallary-3-item-3 img {
  border-radius: 36px;
  animation: radiusChange 6s linear infinite;
  max-width: 100%;
}
.tp-gallary-3-item-1 {
  margin-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gallary-3-item-1 {
    margin-top: 0;
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-gallary-3-item-1 {
    margin-top: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-gallary-3-item-2 {
    margin-bottom: 30px;
  }
}
.tp-gallary-3-item-3 {
  margin-top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-gallary-3-item-3 {
    margin-top: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-gallary-3-item-3 {
    margin-bottom: 30px;
  }
}
.tp-gallary-3-item-4 {
  margin-top: 175px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-gallary-3-item-4 {
    margin-top: 0;
  }
}

.tp-subject-section span {
  display: inline-block;
  border-radius: 12px;
  background: #DF7BD2;
  color: var(--tp-common-white);
  font-size: 15px;
  font-weight: 600;
  padding: 2px 16px;
  margin-bottom: 16px;
}
.tp-subject-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 75px;
  grid-column-gap: 80px;
  margin-left: 70px;
}
@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), only screen and (max-width: 767px) {
  .tp-subject-wrap {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .tp-subject-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
.tp-subject-bg {
  max-width: 1500px;
  margin: 0 auto;
  padding-top: 256px;
  padding-bottom: 68px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-subject-bg {
    padding-top: 100px;
  }
}
.tp-subject-icon {
  margin-bottom: 17px;
}
.tp-subject-icon span {
  display: inline-block;
  height: 72px;
  width: 72px;
  line-height: 72px;
  text-align: center;
}
.tp-subject-title-sm {
  color: #0A1D3A;
  font-size: 18px;
  font-weight: 500;
}

span.pink-border {
  border-radius: 22px 45px 28px 22px;
  background: #DF7BD2;
}
span.gblue-border {
  border-radius: 40px 30px;
  background: #09B1AB;
}
span.yellow-border {
  border-radius: 20px 34px 34px 34px;
  background: #FA922C;
}
span.lyellow-border {
  border-radius: 20px 34px 34px 34px;
  background: #FDBF62;
}
span.blue-border {
  border-radius: 22px 45px 28px 22px;
  background: #47B1E4;
}
span.tomato-border {
  border-radius: 46px 30px;
  background: #F67568;
}
span.dark-border {
  border-radius: 20px 34px 34px 34px;
  background: #8E8E8E;
}

/*----------------------------------------*/
/*  8.8 Team css
/*----------------------------------------*/
.tp-team-2-item {
  position: relative;
  z-index: 1;
}
.tp-team-2-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 320px;
  width: 100%;
  background-color: #D9D0E6;
  z-index: -1;
  border-radius: 20px;
}
.tp-team-2-bg.leaf {
  background-color: #C5D1B7;
}
.tp-team-2-bg.strom {
  background-color: #E3CFC8;
}
.tp-team-2-bg.geyser {
  background-color: #CBE0EF;
}
.tp-team-2-thumb {
  pointer-events: none;
  text-align: center;
}
.tp-team-2-thumb img {
  max-width: 100%;
}
.tp-team-2-content {
  position: absolute;
  left: 20px;
  right: 20px;
  text-align: center;
  bottom: 20px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 0px 40px 0px rgba(5, 27, 48, 0.06);
  padding: 20px 0;
}
.tp-team-2-content span {
  color: #777781;
  font-size: 15px;
}
.tp-team-2-title {
  color: #1E1E2F;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
}
.tp-team-2-title a:hover {
  color: var(--tp-theme-secondary);
}
.tp-team-2-social {
  position: absolute;
  bottom: 270px;
  right: 10px;
  z-index: 2;
  cursor: pointer;
  transition: all 0.5s ease;
  border-radius: 30px 30px 2px 30px;
  background: #0071DC;
  box-shadow: 0px 1px 3px 0px rgba(43, 22, 5, 0.14);
}
.tp-team-2-social:hover a {
  opacity: 1;
}
.tp-team-2-social:hover .tp-team-2-social-wrap {
  border-radius: 30px 30px 0px 0px;
}
.tp-team-2-social:hover .tp-team-2-social-wrap i, .tp-team-2-social:hover .tp-team-2-social-wrap svg {
  transform: rotate(135deg);
}
.tp-team-2-social:hover .tp-team-2-social-icon {
  transform: scaleY(1);
}
.tp-team-2-social-wrap {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  color: var(--tp-common-white);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  font-size: 13px;
  position: relative;
  z-index: 3;
  background: #0071DC;
  border-radius: 30px 30px 2px 30px;
}
.tp-team-2-social-wrap i, .tp-team-2-social-wrap svg {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  color: var(--tp-common-white);
}
.tp-team-2-social-wrap svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
  color: var(--tp-common-white);
}
.tp-team-2-social-icon {
  position: absolute;
  top: 25px;
  height: auto;
  background: #0071DC;
  padding: 10px 0 15px 0;
  border-radius: 0 0 30px 30px;
  transform: scaleY(0);
  transform-origin: top;
  transition: 0.3s;
  z-index: -1;
}
.tp-team-2-social-icon a {
  width: 40px;
  height: 26px;
  line-height: 30px;
  text-align: center;
  font-size: 13px;
  display: block;
}
.tp-team-2-social-icon a i, .tp-team-2-social-icon a span {
  color: var(--tp-common-white);
  opacity: 0.7;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-team-2-social-icon a:hover i, .tp-team-2-social-icon a:hover span {
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .tp-team-2-arrow {
    margin-bottom: 30px;
  }
}
.tp-team-2-arrow span {
  display: inline-block;
  height: 46px;
  width: 46px;
  line-height: 45px;
  text-align: center;
  border-radius: 50px;
  border: 1px solid rgba(30, 30, 47, 0.1);
  color: var(--tp-text-body);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-team-2-arrow span:hover {
  background-color: var(--tp-theme-secondary);
  color: var(--tp-common-white);
}
.tp-team-2-arrow span svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-team-2-next, .tp-team-2-prev {
  margin-right: 10px;
  border-radius: 50px;
}

.tp-trainer-5-wrap {
  margin-left: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-trainer-5-wrap {
    margin-left: 0;
  }
}
.tp-trainer-5-item {
  position: relative;
}
.tp-trainer-5-item:hover .tp-trainer-5-content {
  margin-bottom: 0;
}
.tp-trainer-5-box {
  overflow: hidden;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border-radius: 10px;
}
.tp-trainer-5-thumb img {
  border-radius: 20px;
  width: 100%;
}
.tp-trainer-5-content {
  padding: 26px 25px 22px 25px;
  background: var(--tp-common-white);
  margin-bottom: -65px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-trainer-5-title {
  color: var(--tp-heading-4);
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-trainer-5-title {
    font-size: 18px;
  }
}
.tp-trainer-5-info {
  border-bottom: 1px solid #F2EEEB;
  margin-bottom: 15px;
  padding-bottom: 16px;
}
.tp-trainer-5-info span {
  color: #777781;
  font-size: 15px;
  font-weight: 400;
}
.tp-trainer-5-social a {
  font-size: 14px;
  color: #777781;
}
.tp-trainer-5-social a:not(:last-of-type) {
  margin-right: 18px;
}
.tp-trainer-5-social a:hover {
  color: var(--tp-heading-4);
}

@media only screen and (max-width: 767px) {
  .tp-team-6-heading {
    margin-bottom: 30px;
  }
}
.tp-team-6-heading .tp-section-3-title {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -2px;
  font-family: var(--tp-ff-manrope);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-team-6-heading .tp-section-3-title {
    font-size: 40px;
  }
}
.tp-team-6-heading .tp-section-3-title .tp-underline-shape-9 {
  left: 0;
}
.tp-team-6-wrapper .tp-event-details-item {
  border-color: transparent;
  background-color: #F8F8FA;
}
.tp-team-6-wrapper .tp-event-details-item:hover {
  box-shadow: none;
  transform: translateY(0px);
  border: 1px solid #5956e9;
}
.tp-team-6-wrapper .tp-event-details-item-social a:hover {
  background-color: var(--tp-theme-9);
}
.tp-team-6-nav .tp-team-2-arrow span:hover {
  background-color: var(--tp-theme-9);
}

/*----------------------------------------*/
/*  8.9 Process css
/*----------------------------------------*/
.tp-process-3-bg {
  position: relative;
  z-index: 1;
  padding-top: 110px;
  padding-bottom: 195px;
}
.tp-process-3-wrap p {
  font-size: 17px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-process-3-wrap p br {
    display: none;
  }
}
.tp-process-3-item-1 {
  margin-top: 182px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-process-3-item-1 {
    margin-top: 40px;
    margin-bottom: 30px;
  }
}
.tp-process-3-item-2 {
  margin-left: 17px;
  margin-top: 62px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-process-3-item-2 {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 30px;
  }
}
.tp-process-3-item-3 {
  margin-left: 72px;
  margin-top: -57px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-process-3-item-3 {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 30px;
  }
}
.tp-process-3-icon {
  margin-bottom: 25px;
}
.tp-process-3-icon span {
  display: inline-block;
  height: 72px;
  width: 72px;
  line-height: 72px;
  text-align: center;
}
.tp-process-3-title {
  color: var(--tp-heading-3);
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 11px;
}
.tp-process-3-content p {
  font-size: 17px;
  color: #696969;
  line-height: 24px;
}
.tp-process-3-btn {
  position: relative;
  z-index: 2;
}
.tp-process-3-btn a {
  position: relative;
  color: var(--tp-theme-3);
  font-size: 15px;
  font-weight: 600;
}
.tp-process-3-btn a span {
  display: inline-block;
  margin-left: 4px;
}
.tp-process-3-btn a::after {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: var(--tp-theme-3);
  left: auto;
  right: 0;
  bottom: -2px;
  opacity: 0;
  transition: all 0.3s linear;
}
.tp-process-3-btn a:hover::after {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.3s linear;
}
.tp-process-3-wrapper {
  position: relative;
  z-index: 1;
}
.tp-process-3-shape-1 {
  position: absolute;
  top: -30px;
  left: 55px;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-process-3-shape-1 {
    left: 45px;
  }
}
@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), only screen and (max-width: 767px) {
  .tp-process-3-shape-1 {
    display: none;
  }
}
.tp-process-3-shape-2 {
  position: absolute;
  bottom: 0;
  right: -12px;
  z-index: -1;
}
.tp-process-3-shape-3 {
  position: absolute;
  bottom: 0;
  left: 30px;
  z-index: -1;
  animation: tpswing 1.8s ease-in-out 0.1s forwards infinite alternate;
  transform-origin: bottom left;
}
.tp-process-3-shape-4 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.tp-process-3-shape-5 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  animation: tpswing 1.5s ease-in-out 0.1s forwards infinite alternate;
  transform-origin: bottom right;
}
.tp-process-3-shape-6 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  animation: tpswing 2s ease-in-out 0.1s forwards infinite alternate;
  transform-origin: bottom right;
}
.tp-process-3-shape-7 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.tp-process-3-shape-8 {
  position: absolute;
  bottom: 65px;
  left: 47%;
  z-index: -1;
  animation: tpswings 2s ease-in-out 0.1s forwards infinite alternate;
  transform-origin: bottom left;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-process-3-shape-8 {
    left: 37%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-process-3-shape-8 {
    left: 28%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-process-3-shape-8 {
    left: 30%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-process-3-shape-8 {
    display: none;
  }
}
.tp-process-3-shape-9 {
  position: absolute;
  bottom: 62px;
  right: 22%;
  z-index: -1;
  animation-duration: 4s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: hero-bounce;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-process-3-shape-9 {
    right: 27%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-process-3-shape-9 {
    right: 30%;
  }
}
.tp-process-3-shape-10 {
  position: absolute;
  bottom: 18px;
  left: 25%;
  z-index: -1;
  animation: tpswing 0.4s ease-in-out 0.1s forwards infinite alternate;
  transform-origin: bottom bottom;
}
.tp-process-3-shape-11 {
  position: absolute;
  bottom: 55px;
  left: 50%;
  z-index: -1;
  animation: tpswing 1s ease-in-out 0.1s forwards infinite alternate;
  animation: bannerAnimationTwo 8s linear 0.2s infinite alternate;
  transform-origin: bottom bottom;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-process-3-shape-11 {
    left: 40%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-process-3-shape-11 {
    left: 32.5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-process-3-shape-11 {
    left: 34%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-process-3-shape-11 {
    display: none;
  }
}
.tp-process-3-shape-11 img {
  width: 30px;
}
.tp-process-3-shape-12 {
  height: 200px;
  width: 200px;
  border-radius: 50%;
  background-color: #EFEDFF;
  position: absolute;
  right: -100px;
  top: 218px;
}
.tp-process-3-shape-13 {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  background-color: #E0F0DD;
  position: absolute;
  left: -50px;
  top: 340px;
  animation: spin 7s infinite linear;
  z-index: -1;
}
.tp-process-3-shape-14 {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: #FFE9C8;
  position: absolute;
  left: 135px;
  top: 200px;
  animation: spin 6s infinite linear;
  z-index: -1;
}
.tp-process-3-shape-15 {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: linear-gradient(157deg, #FFCA91 11.73%, #FFE3C4 88.26%);
  position: absolute;
  left: 205px;
  bottom: 250px;
  animation: neptune 12s infinite linear;
}
.tp-process-3-shape-16 {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: linear-gradient(157deg, #FFCA91 11.73%, #FFE3C4 88.26%);
  position: absolute;
  left: 31%;
  top: 45%;
  animation: neptune 8s infinite linear;
}
.tp-process-3-shape-17 {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: linear-gradient(157deg, #FFCA91 11.73%, #FFE3C4 88.26%);
  position: absolute;
  right: 135px;
  bottom: 40%;
  animation: neptune 10s infinite linear;
}

/*----------------------------------------*/
/*  9.0 Slider css
/*----------------------------------------*/
.tp-slider-5-bg {
  padding-top: 316px;
  padding-bottom: 229px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-5-bg {
    padding-top: 230px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-slider-5-bg {
    padding-top: 215px;
    padding-bottom: 265px;
  }
}
.tp-slider-5-content > span {
  color: var(--tp-common-white);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 19px;
}
.tp-slider-5-title {
  color: var(--tp-common-white);
  font-size: 86px;
  font-weight: 600;
  letter-spacing: -1.72px;
  line-height: 1;
  margin-bottom: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-5-title {
    font-size: 72px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-5-title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-slider-5-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-slider-5-title br {
    display: none;
  }
}
.tp-slider-5-title > span {
  color: var(--tp-theme-5);
  position: relative;
  display: inline-block;
}
.tp-slider-5-title > span img {
  position: absolute;
  bottom: -11px;
  left: 8px;
  max-width: 100%;
}
.tp-slider-5-wrap {
  position: relative;
}
.tp-slider-5-active .slick-active.slick-initialized .slick-slide {
  object-fit: cover;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  display: inline-block;
  margin: 0 10px;
}
.tp-slider-5-arrow {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 680px;
  z-index: 1;
  border-radius: 10px 0px 0px 0px;
  background: #FFF;
  border: 20px solid var(--tp-common-white);
  border-bottom: 0px;
  border-top: 20px solid var(--tp-common-white);
}
@media only screen and (max-width: 767px) {
  .tp-slider-5-arrow {
    width: 100%;
    border: 5px solid var(--tp-common-white);
    border-top: 5px solid var(--tp-common-white);
    border-right: 0px solid var(--tp-common-white);
  }
}
.tp-slider-5-arrow .slick-track {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tp-slider-5-next {
  position: relative;
}
.tp-slider-5-next-hover {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--tp-theme-5);
  z-index: -1;
}
.tp-slider-5-next.slick-current .tp-slider-5-next-hover {
  transform: rotate(-4deg);
}
.tp-slider-5-thumb-sm {
  display: inline-block;
  position: relative;
}
.tp-slider-5-thumb-sm img {
  height: 130px;
  width: 200px;
  border-radius: 6px;
  object-fit: cover;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .tp-slider-5-thumb-sm img {
    width: 100%;
    border-right: 5px solid var(--tp-common-white);
  }
}
.tp-slider-5-thumb-sm span {
  position: absolute;
  bottom: 6px;
  left: 13px;
  color: var(--tp-common-white);
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}
.tp-slider-5-thumb-sm span::before {
  position: absolute;
  content: "";
  bottom: 10px;
  height: 1px;
  width: 24px;
  background-color: var(--tp-common-white);
  left: 20px;
}

.slick-active .tp-slider-5-content > span, .slick-active .tp-slider-5-title, .slick-active .tp-btn-white {
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.slick-active .tp-slider-5-content > span {
  animation-delay: 0.6s;
  animation-duration: 0.5s;
}
.slick-active .tp-slider-5-title {
  animation-delay: 0.8s;
  animation-duration: 0.7s;
}
.slick-active .tp-btn-white {
  animation-delay: 1s;
  animation-duration: 0.9s;
}

.tp-slider-active .swiper-slide-active .tp-hero-subtitle, .tp-slider-active .swiper-slide-active .tp-hero-title, .tp-slider-active .swiper-slide-active .tp-hero-btn {
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.tp-slider-active .swiper-slide-active .tp-hero-subtitle {
  animation-delay: 0.7s;
  animation-duration: 0.5s;
}
.tp-slider-active .swiper-slide-active .tp-hero-title {
  animation-delay: 0.9s;
  animation-duration: 0.7s;
}
.tp-slider-active .swiper-slide-active .tp-hero-btn {
  animation-delay: 1s;
  animation-duration: 0.8s;
}
.tp-slider-active .swiper-slide-active .tp-hero-bg {
  transform: scale(1.1);
}

/*----------------------------------------*/
/*  9.1 Price css
/*----------------------------------------*/
.tp-pricing-5-item {
  padding: 20px 20px 20px 20px;
  border-radius: 20px;
  border: 1px solid #EFEFE8;
}
.tp-pricing-5-item.active {
  background-color: #E5EDCC;
}
.tp-pricing-5-item.active .tp-pricing-5-head {
  background-color: var(--tp-common-white);
}
.tp-pricing-5-item.active .tp-pricing-5-list ul li span {
  background-color: var(--tp-common-white);
}
.tp-pricing-5-item.active .tp-pricing-5-btn .tp-btn-4 {
  color: var(--tp-common-white);
  background-color: var(--tp-heading-4);
}
.tp-pricing-5-item.active .tp-pricing-5-btn .tp-btn-4:hover {
  box-shadow: 0 0 0 0.2rem var(--tp-heading-4) !important;
}
.tp-pricing-5-item.tp-pricing-inner-head.active {
  background-color: #F3F4F9;
}
.tp-pricing-5-item.tp-pricing-inner-head.active .tp-pricing-inner-btn .tp-btn-4 {
  border: none;
  color: var(--tp-common-white);
  background: var(--tp-dashboard-primary);
  box-shadow: 0px 0px 1px 0px #1438B5, 0px 1px 2px 0px rgba(20, 56, 181, 0.25);
}
.tp-pricing-5-item.tp-pricing-inner-head.active .tp-pricing-inner-btn .tp-btn-4:hover {
  background-color: var(--tp-heading-4);
  box-shadow: 0px 0px 1px 0px #1438B5, 0px 1px 2px 0px rgba(20, 56, 181, 0.25);
}
.tp-pricing-5-head {
  background-color: #E5EDCC;
  text-align: center;
  padding: 38px 15px 20px 15px;
  border-radius: 10px;
  margin-bottom: 36px;
}
.tp-pricing-5-head-title {
  color: var(--tp-heading-4);
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 0;
}
.tp-pricing-5-head-text {
  margin-bottom: 13px;
}
.tp-pricing-5-head-text span {
  color: #57595F;
  font-size: 14px;
  font-weight: 300;
}
.tp-pricing-5-head.tp-pricing-inner-head {
  background-color: #F3F4F9;
}
.tp-pricing-5-price {
  font-size: 70px;
  font-weight: 600;
  color: var(--tp-heading-4);
}
.tp-pricing-5-price b {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 0;
  display: inline-block;
  color: var(--tp-heading-4);
}
.tp-pricing-5-price span {
  font-size: 20px;
  font-weight: 400;
}
.tp-pricing-5-list {
  margin-bottom: 40px;
}
.tp-pricing-5-list ul li {
  list-style: none;
  color: var(--tp-heading-4);
  margin-bottom: 14px;
  display: flex;
  align-items: start;
}
.tp-pricing-5-list ul li span {
  display: inline-block;
  height: 26px;
  width: 26px;
  line-height: 26px;
  border-radius: 50%;
  background-color: #F5F5F2;
  text-align: center;
  margin-right: 12px;
  flex: 0 0 auto;
}
.tp-pricing-5-list ul li:last-child {
  margin-bottom: 0;
}
.tp-pricing-5-list ul li.inactive {
  color: #BABAB3;
}
.tp-pricing-5-btn .tp-btn-4 {
  text-align: center;
  display: block;
}
.tp-pricing-inner-btn .tp-btn-4 {
  display: block;
  text-align: center;
  border-radius: 8px;
  padding: 17px 40px;
  border: 1px solid #E6E8F0;
  background: var(--tp-common-white);
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.tp-pricing-inner-btn .tp-btn-4:hover {
  color: var(--tp-common-white);
  border: 1px solid var(--tp-dashboard-primary);
  background: var(--tp-dashboard-primary);
  box-shadow: none !important;
}

/*----------------------------------------*/
/*  9.2 Faq css
/*----------------------------------------*/
@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), only screen and (max-width: 767px) {
  .tp-faq-p {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-faq-p {
    padding-bottom: 0px;
  }
}
.tp-faq-box .tpd-accordion {
  margin-right: 0;
}
.tp-faq-box .tpd-accordion .accordion-item {
  margin-bottom: 10px;
  border: none;
}
.tp-faq-box .tpd-accordion .accordion-item.expand {
  border-radius: 16px !important;
  box-shadow: 0px 6px 10px 0px rgba(22, 18, 3, 0.1);
}
.tp-faq-box .tpd-accordion .accordion-button {
  font-size: 20px;
  font-weight: 500;
  color: var(--tp-heading-2);
}
.tp-faq-box .tpd-accordion .accordion-button::after {
  content: none;
}
.tp-faq-box .tpd-accordion .accordion-button.collapsed {
  box-shadow: none;
  padding-right: 50px;
  border: 1px solid #E6E8F0;
  background: var(--tp-common-white);
}
.tp-faq-box .tpd-accordion .accordion-button:not(.collapsed) {
  border-top: 1px solid #E6E8F0;
  border-left: 1px solid #E6E8F0;
  border-right: 1px solid #E6E8F0;
  border-bottom: none;
  box-shadow: none;
  padding-right: 50px;
  border-radius: 16px 16px 0 0 !important;
  background-color: var(--tp-common-white);
}
.tp-faq-box .tpd-accordion .accordion-button:not(.collapsed) .accordion-btn {
  background: #E8EBF0;
  border-color: #E8EBF0;
  color: var(--tp-heading-2);
}
.tp-faq-box .tpd-accordion .accordion-button:not(.collapsed) .accordion-btn::before {
  background-color: var(--tp-common-white);
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  -moz-transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  -o-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}
.tp-faq-box .tpd-accordion .accordion-button:not(.collapsed) .accordion-btn::after {
  background-color: var(--tp-common-black);
}
.tp-faq-box .tpd-accordion .accordion-button .accordion-btn {
  position: absolute;
  top: 50%;
  right: 24px;
  width: 25px;
  height: 25px;
  display: inline-block;
  transition: 0.3s;
  transform: translateY(-50%);
  line-height: 25px;
  text-align: center;
  border-radius: 50%;
  background: var(--tp-common-white);
  border: 1px solid rgba(3, 31, 66, 0.14);
}
.tp-faq-box .tpd-accordion .accordion-button .accordion-btn::after, .tp-faq-box .tpd-accordion .accordion-button .accordion-btn::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  left: 50%;
  top: 50%;
  border-radius: 2px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #87888B;
}
.tp-faq-box .tpd-accordion .accordion-button .accordion-btn::before {
  background-color: #87888B;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  -o-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
.tp-faq-box .tpd-accordion .accordion-body {
  color: #4E4F53;
  font-size: 16px;
  font-weight: 300;
  border-radius: 0 0 16px 16px;
  border-bottom: 1px solid #E6E8F0;
  border-left: 1px solid #E6E8F0;
  border-right: 1px solid #E6E8F0;
}
.tp-faq-wrap {
  padding-right: 78px;
}
@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), only screen and (max-width: 767px) {
  .tp-faq-wrap {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-faq-wrap {
    padding-bottom: 50px;
  }
}
.tp-faq-search {
  margin-bottom: 25px;
}
.tp-faq-search .tp-header-2-search {
  margin-left: 0;
}
.tp-faq-search .tp-header-2-search input {
  font-size: 16px;
  width: 100%;
  height: 50px;
  border-radius: 6px;
  border: 1px solid #E6E8F0;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 4px 0px rgba(48, 54, 81, 0.06) inset, 0px 1px 1px 0px rgba(48, 54, 81, 0.06);
}
.tp-faq-search .tp-header-2-search input:focus {
  border-color: var(--tp-theme-7);
  box-shadow: 0px 0px 0px 3px rgba(70, 97, 253, 0.16);
}
.tp-faq-search .tp-header-2-search input::placeholder {
  font-size: 16px;
}
.tp-faq-sidebar {
  padding: 30px 30px;
  border-radius: 10px;
  background: #F9F9FB;
}
.tp-faq-sidebar-title {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 20px;
  color: var(--tp-heading-2);
}
.tp-faq-sidebar ul {
  display: block;
  margin-bottom: 30px;
}
.tp-faq-sidebar ul li {
  list-style: none;
  font-size: 15px;
  font-weight: 400;
  color: var(--tp-text-body);
}
.tp-faq-sidebar ul li a:hover {
  color: #5169F1;
}
.tp-faq-sidebar ul li:not(:last-of-type) {
  margin-bottom: 10px;
}

/*----------------------------------------*/
/*  9.3 Comming soon css
/*----------------------------------------*/
.tp-upcoming-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/live/upcoming-bg.jpg);
}
.tp-upcoming-bg::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.tp-upcoming-gap {
  padding: 235px 0;
  height: 100vh;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-upcoming-gap {
    padding: 150px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-upcoming-gap {
    padding: 125px 0;
  }
}
@media only screen and (max-width: 767px) {
  .tp-upcoming-gap {
    padding: 80px 0;
  }
}
.tp-upcoming-box {
  position: relative;
  z-index: 2;
}
.tp-upcoming-logo {
  margin-bottom: 35px;
}
.tp-upcoming-heading {
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .tp-upcoming-heading {
    margin-bottom: 30px;
  }
}
.tp-upcoming-title {
  font-size: 90px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 22px;
  letter-spacing: -2.7px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-upcoming-title {
    font-size: 72px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-upcoming-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-upcoming-title {
    font-size: 50px;
  }
}
.tp-upcoming-subtitle {
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.44px;
  color: var(--tp-common-white);
}
@media only screen and (max-width: 767px) {
  .tp-upcoming-subtitle {
    font-size: 18px;
  }
}
.tp-upcoming-countdwon .tp-event-details-countdown ul li {
  font-size: 13px;
  font-weight: 600;
  height: 105px;
  width: 132px;
  line-height: 1.2;
  padding-top: 14px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
}
.tp-upcoming-countdwon .tp-event-details-countdown ul li:not(:last-of-type) {
  margin-right: 4px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-upcoming-countdwon .tp-event-details-countdown ul li:not(:last-of-type) {
    margin-bottom: 10px;
  }
}
.tp-upcoming-countdwon .tp-event-details-countdown ul li:not(:last-of-type)::after {
  content: none;
}
.tp-upcoming-countdwon .tp-event-details-countdown ul li span {
  font-size: 40px;
  font-weight: 700;
}

/*----------------------------------------*/
/*  9.4 login-register css
/*----------------------------------------*/
.tp-login-from-box {
  width: 472px;
}
@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) {
  .tp-login-from-box {
    width: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-login-from-box {
    width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-login-from-box {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.tp-login-from-heading p {
  font-size: 15px;
  font-weight: 400;
  color: #77787D;
  margin-bottom: 26px;
}
.tp-login-from-heading p a {
  font-weight: 500;
  color: #5169F1;
}
.tp-login-from-title {
  font-size: 32px;
  font-weight: 600;
  color: var(--tp-heading-2);
}
.tp-login-from-subtitle {
  position: relative;
  color: #939498;
  font-size: 14px;
  font-weight: 400;
}
@media only screen and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-login-from-subtitle {
    text-align: center;
  }
}
.tp-login-from-subtitle::after {
  content: "";
  height: 1px;
  width: 150px;
  background-color: #E5E5E5;
  display: inline-block;
  transform: translateY(-4px);
  margin-left: 20px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-login-from-subtitle::after {
    content: none;
  }
}
.tp-login-from-subtitle::before {
  content: "";
  height: 1px;
  width: 150px;
  background-color: #E5E5E5;
  display: inline-block;
  transform: translateY(-4px);
  margin-right: 20px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-login-from-subtitle::before {
    content: none;
  }
}
.tp-login-from-subtitle-heading {
  margin-bottom: 20px;
}
.tp-login-from-remeber {
  margin-bottom: 10px;
}
.tp-login-from-btn {
  margin-bottom: 22px;
}
.tp-login-from-btn .tp-btn-inner {
  padding: 12px 25px;
}
.tp-login-from-btn .tp-btn-inner:hover {
  background-color: var(--tp-heading-3);
}
.tp-login-from-google-btn {
  margin-bottom: 30px;
}
.tp-login-from-google-btn a {
  display: inline-block;
  text-align: center;
  padding: 8px 20px;
  border-radius: 100px;
  border: 1px solid #E6E8F0;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 4px 0px rgba(48, 54, 81, 0.06) inset, 0px 1px 1px 0px rgba(48, 54, 81, 0.06);
}
.tp-login-from-google-btn a:hover {
  color: var(--tp-common-white);
  border-color: var(--tp-heading-3);
  background: var(--tp-heading-3);
}
.tp-login-from-autor p {
  color: #8C8D8F;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 10px;
}
.tp-login-from-autor p span {
  color: var(--tp-heading-2);
}
.tp-login-input {
  margin-bottom: 18px;
}
.tp-login-input-form input, .tp-login-input-form textarea {
  border-radius: 6px;
  padding-right: 60px;
  color: var(--tp-text-body);
  border: 1px solid #E6E8F0;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 4px 0px rgba(48, 54, 81, 0.06) inset, 0px 1px 1px 0px rgba(48, 54, 81, 0.06);
}
.tp-login-input-form input:focus, .tp-login-input-form textarea:focus {
  border-color: var(--tp-theme-7);
  box-shadow: 0px 0px 0px 3px rgba(70, 97, 253, 0.16);
}
.tp-login-input label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
  color: var(--tp-heading-2);
}
.tp-login-input-eye {
  position: absolute;
  right: 26px;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
}
.tp-login-input-eye .open-eye {
  display: none;
}
.tp-login-input-remeber a {
  color: #5169F1;
  font-size: 15px;
  font-weight: 500;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-login-register-box {
    flex-wrap: wrap;
  }
}
.tp-login-register-banner-box {
  height: 100vh;
  width: 774px;
  padding: 40px 100px;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 0 0 auto;
  overflow: hidden;
  object-fit: cover;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-login-register-banner-box {
    width: 680px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-login-register-banner-box {
    width: 560px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-login-register-banner-box {
    width: 440px;
    padding: 40px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-login-register-banner-box {
    width: 100%;
    height: 768px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-login-register-banner-box {
    padding: 40px 30px;
  }
}
.tp-login-register-wrapper {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-login-register-heading {
    margin-bottom: 30px;
  }
}
.tp-login-register-logo {
  margin-bottom: 120px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-login-register-logo {
    margin-bottom: 80px;
  }
}
.tp-login-register-shape .shape-1 {
  position: absolute;
  bottom: 176px;
  left: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-login-register-shape .shape-1 {
    left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-login-register-shape .shape-1 {
    bottom: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-login-register-shape .shape-1 {
    position: static;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-login-register-shape .shape-1 img {
    width: 90%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-login-register-shape .shape-1 img {
    max-width: 100%;
  }
}
.tp-login-register-shape .shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
}
.tp-login-register-shape .shape-3 {
  position: absolute;
  top: 66px;
  right: 0;
}
.tp-login-register-title {
  z-index: 1;
  font-size: 34px;
  font-weight: 600;
  position: relative;
  letter-spacing: -0.68px;
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  9.5 Mission css
/*----------------------------------------*/
.tp-our-mission-title {
  font-size: 50px;
  font-weight: 500;
  margin-bottom: 12px;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-our-mission-title {
    font-size: 38px;
  }
}
.tp-our-mission-heading {
  margin-bottom: 55px;
}
@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), only screen and (max-width: 767px) {
  .tp-our-mission-heading {
    margin-bottom: 30px;
  }
}
.tp-our-mission-heading p {
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  color: #3E4047;
}
@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), only screen and (max-width: 767px) {
  .tp-our-mission-heading p br {
    display: none;
  }
}
.tp-our-mission-thumb {
  position: sticky;
  top: 120px;
  margin-bottom: 20px;
  filter: grayscale(1);
  margin-bottom: 200px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-our-mission-thumb {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  .tp-our-mission-thumb img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 28%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) and (max-width: 767px), only screen and (max-width: 767px) and (max-width: 767px) {
  .tp-our-mission-thumb img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 45%;
  }
}
.tp-our-mission-item {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
  background-color: var(--tp-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-our-mission-item {
    flex-wrap: wrap;
    padding: 30px 15px;
  }
}
.tp-our-mission-item-title {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 20px;
  letter-spacing: -0.3px;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-our-mission-item-content {
    margin-bottom: 30px;
  }
}
.tp-our-mission-item-content p {
  color: #3E4047;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 38px;
}
@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), only screen and (max-width: 767px) {
  .tp-our-mission-item-content p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-our-mission-item-content p {
    margin-bottom: 25px;
  }
}
.tp-our-mission-item-btn .tp-btn-3 {
  padding: 7px 22px 8px;
  background-color: var(--tp-heading-primary);
}
.tp-our-mission-item-btn .tp-btn-3 i {
  margin-left: 8px;
}
.tp-our-mission-item-btn .tp-btn-3:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
}
.tp-our-mission-item.about .tp-our-mission-item-btn .tp-btn-3:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-dashboard-secondary);
  box-shadow: 0 0 0 0.2rem var(--tp-dashboard-secondary) !important;
}
.tp-our-mission-item-content {
  padding-left: 40px;
}
@media only screen and (max-width: 767px) {
  .tp-our-mission-item-content {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-our-mission-item-thumb {
    margin-right: -60px;
  }
}
.tp-our-mission-item-thumb-1 {
  mask-image: url(../img/our-mission/mission-item-1-mask.svg);
  -webkit-mask-image: url(../img/our-mission/mission-item-1-mask.svg);
  height: 100%;
  width: 100%;
  mask-repeat: no-repeat;
  overflow: hidden;
  border-radius: 6px;
  background-position: center center;
}
@media only screen and (max-width: 767px) {
  .tp-our-mission-item-thumb-1 {
    display: none;
  }
}
.tp-our-mission-item-thumb-2 {
  mask-image: url(../img/our-mission/mission-item-2-mask.svg);
  -webkit-mask-image: url(../img/our-mission/mission-item-2-mask.svg);
  height: 100%;
  width: 100%;
  mask-repeat: no-repeat;
  overflow: hidden;
  border-radius: 6px;
  background-position: center center;
}
@media only screen and (max-width: 767px) {
  .tp-our-mission-item-thumb-2 {
    display: none;
  }
}
.tp-our-mission-item-thumb-3 {
  mask-image: url(../img/our-mission/mission-item-3-mask.svg);
  -webkit-mask-image: url(../img/our-mission/mission-item-3-mask.svg);
  height: 100%;
  width: 100%;
  mask-repeat: no-repeat;
  overflow: hidden;
  border-radius: 6px;
  background-position: center center;
}
@media only screen and (max-width: 767px) {
  .tp-our-mission-item-thumb-3 {
    display: none;
  }
}

.tp-mission-valus-title {
  color: #000;
  font-size: 34px;
  font-weight: 500;
  margin-bottom: 4px;
  letter-spacing: -0.68px;
}
.tp-mission-valus-thumb img {
  border-radius: 16px;
  margin-bottom: 24px;
}
@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), only screen and (max-width: 767px) {
  .tp-mission-valus-thumb img {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-mission-valus-thumb.main {
    padding-left: 110px;
  }
}
@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), only screen and (max-width: 767px) {
  .tp-mission-valus-thumb.main {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-mission-valus-thumb.main {
    padding-top: 0;
  }
}
.tp-mission-valus-content p {
  color: #3E4047;
  font-size: 18px;
  font-weight: 300;
}
@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), only screen and (max-width: 767px) {
  .tp-mission-valus-content p br {
    display: none;
  }
}
.tp-mission-feature-bg {
  padding: 34px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@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), only screen and (max-width: 767px) {
  .tp-mission-warp {
    padding-right: 0;
  }
}
.tp-mission-heading {
  margin-bottom: 180px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-mission-heading {
    margin-bottom: 30px;
  }
}
.tp-mission-title {
  font-size: 50px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: -1px;
  color: var(--tp-heading-primary);
}
.tp-mission-improve-box {
  padding: 55px 50px 35px;
  border-radius: 16px;
  background: rgba(176, 165, 131, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-mission-improve-box {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-mission-improve-box {
    padding: 50px 30px 35px;
  }
}
.tp-mission-improve-box p {
  color: #35352D;
  font-size: 17px;
  font-weight: 300;
}
@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), only screen and (max-width: 767px) {
  .tp-mission-improve-box p br {
    display: none;
  }
}
.tp-mission-improve-dec {
  display: inline-block;
  background: #FFDC69;
  border-radius: 10px;
  color: #35352D;
  font-size: 16px;
  font-weight: 500;
  padding: 2px 12px;
  margin-bottom: -1px;
}
.tp-mission-improve-title {
  font-size: 150px;
  font-weight: 500;
  margin-bottom: 0;
  letter-spacing: -6px;
  color: var(--tp-heading-primary);
}
.tp-mission-improve-title span {
  font-size: 60px;
  margin-left: -12px;
}
.tp-mission-conversation-box {
  padding: 50px 40px 0;
  border-radius: 16px;
  background: rgba(176, 165, 131, 0.1);
}
@media only screen and (max-width: 767px) {
  .tp-mission-conversation-box {
    padding: 50px 30px 35px;
  }
}
.tp-mission-conversation-box p {
  font-size: 17px;
  font-weight: 300;
  color: #35352D;
  margin-bottom: 75px;
}
@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), only screen and (max-width: 767px) {
  .tp-mission-conversation-box p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-mission-conversation-box p {
    margin-bottom: 25px;
  }
}
.tp-mission-conversation-title {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 10px;
  letter-spacing: -0.6px;
  color: var(--tp-heading-primary);
}
@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), only screen and (max-width: 767px) {
  .tp-mission-conversation-msg {
    display: none;
  }
}
.tp-mission-conversation-msg-1 {
  position: absolute;
  bottom: 130px;
  right: 200px;
  padding: 16px 23px;
  color: #35352D;
  font-size: 15px;
  font-weight: 400;
  background: var(--tp-common-white);
  border-radius: 25px 25px 25px 1px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-mission-conversation-msg-1 {
    right: 155px;
  }
}
.tp-mission-conversation-msg-2 {
  position: absolute;
  right: 55px;
  bottom: 57px;
  color: #35352D;
  font-size: 15px;
  font-weight: 400;
  padding: 16px 23px;
  background: var(--tp-common-white);
  border-radius: 0px 25px 25px 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-mission-conversation-msg-2 {
    right: 10px;
  }
}
.tp-mission-desc {
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-mission-desc {
    margin-bottom: 30px;
  }
}
.tp-mission-desc p {
  color: #373730;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}
.tp-mission-desc p:not(:last-of-type) {
  margin-bottom: 25px;
}

/*----------------------------------------*/
/*  9.6 campus css
/*----------------------------------------*/
.tp-campus-choose-title {
  font-size: 60px;
  font-weight: 300;
  line-height: 1.18;
  margin-bottom: 60px;
  letter-spacing: -1.2px;
  color: var(--tp-heading-primary);
}
@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), only screen and (max-width: 767px) {
  .tp-campus-choose-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-campus-choose-title {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-campus-choose-title {
    font-size: 55px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-campus-choose-title {
    font-size: 48px;
    margin-bottom: 30px;
  }
}
.tp-campus-choose-title.admissions {
  font-size: 50px;
  line-height: 1.2;
  letter-spacing: -1px;
}
@media only screen and (max-width: 767px) {
  .tp-campus-choose-title.admissions {
    font-size: 40px;
    line-height: 40px;
  }
}
.tp-campus-choose-title.fs-50 {
  font-size: 50px;
  line-height: 1.2;
  letter-spacing: -1px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-campus-choose-content {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-campus-choose-content {
    margin-bottom: 50px;
  }
}
.tp-campus-choose-thumb img {
  border-radius: 10px;
}
@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), only screen and (max-width: 767px) {
  .tp-campus-choose-thumb img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-campus-choose-thumb-main {
    padding-top: 0px;
  }
}
.tp-campus-choose-thumb-main img {
  border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-campus-choose-thumb-main img {
    width: 100%;
  }
}
.tp-campus-choose-btn {
  margin-bottom: 55px;
}
@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), only screen and (max-width: 767px) {
  .tp-campus-choose-btn {
    margin-bottom: 30px;
  }
}
.tp-campus-choose-btn p {
  color: var(--tp-theme-4);
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 1.2px;
  margin-bottom: 32px;
  text-transform: uppercase;
}
.tp-campus-choose-btn a span svg {
  color: var(--tp-theme-primary);
}
.tp-campus-choose-btn.admission a svg {
  margin-bottom: 35px;
}
.tp-campus-counter-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.tp-campus-counter-item {
  padding-top: 28px;
  padding-bottom: 28px;
  position: relative;
  z-index: 1;
}
.tp-campus-counter-item p {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.7);
}
.tp-campus-counter-item.counter-border::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  height: 80px;
  width: 2px;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.14);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-campus-counter-item.counter-border::after {
    content: none;
  }
}
.tp-campus-student-box {
  border-bottom: 1px solid #D0D0D0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-campus-student-box {
    padding-bottom: 50px;
  }
}
.tp-campus-student-heading {
  margin-bottom: 60px;
}
@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), only screen and (max-width: 767px) {
  .tp-campus-student-heading {
    margin-bottom: 30px;
  }
}
.tp-campus-student-heading p {
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
  color: #3E4047;
}
.tp-campus-student-title {
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -1px;
  color: var(--tp-heading-primary);
}
.tp-campus-student-thumb img {
  border-radius: 20px;
  width: 100%;
}
.tp-campus-student-item {
  position: absolute;
  bottom: -75px;
  right: 98px;
  width: 330px;
  padding: 30px;
  border-radius: 10px;
  border: 1px solid #161613;
  background: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-campus-student-item {
    right: 60px;
  }
}
@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), only screen and (max-width: 767px) {
  .tp-campus-student-item {
    position: static;
    margin-top: 30px;
  }
}
.tp-campus-student-item p {
  font-size: 17px;
  font-weight: 300;
  margin-bottom: 45px;
}
.tp-campus-student-item-thumb img {
  border-radius: 6px;
}
.tp-campus-student-item-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
  letter-spacing: -0.24px;
  color: var(--tp-heading-primary);
}
.tp-campus-student-list {
  margin-top: 25px;
}
.tp-campus-student-list .nav {
  padding-left: 60px;
  border-bottom: 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), only screen and (max-width: 767px) {
  .tp-campus-student-list .nav {
    padding-left: 0;
  }
}
.tp-campus-student-list .nav .nav-link {
  font-size: 16px;
  font-weight: 400;
  margin-right: 6px;
  padding: 1px 19px;
  display: inline-block;
  border-radius: 100px;
  color: var(--tp-heading-primary);
  border: 1px solid rgba(22, 22, 19, 0.1);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-campus-student-list .nav .nav-link {
    margin-bottom: 10px;
  }
}
.tp-campus-student-list .nav .nav-link:hover {
  position: relative;
  color: var(--tp-common-white);
  background-color: #B1040E;
}
.tp-campus-student-list .nav .nav-link.active {
  position: relative;
  color: var(--tp-common-white);
  background-color: #B1040E;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-campus-activity-content {
    margin-bottom: 30px;
  }
}
.tp-campus-activity-title {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-campus-activity-title br {
    display: none;
  }
}
.tp-campus-activity-list {
  padding-left: 30px;
}
.tp-campus-activity-list-title {
  position: relative;
  padding-left: 25px;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 12px;
  letter-spacing: -0.22px;
  color: var(--tp-heading-primary);
}
.tp-campus-activity-list-title span {
  position: absolute;
  top: -15px;
  left: 0;
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border-radius: 100px;
  margin-right: 20px;
  background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
}
.tp-campus-activity-list ul li {
  font-size: 15px;
  font-weight: 300;
  line-height: 25px;
  color: #3E4047;
}
.tp-campus-activity-list ul li span {
  margin-left: 5px;
}
.tp-campus-activity-list ul li a:hover {
  color: var(--tp-theme-primary);
}
.tp-campus-video-bg {
  height: 760px;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
@media only screen and (max-width: 767px) {
  .tp-campus-life-area {
    padding-bottom: 150px;
  }
}
.tp-campus-life-title {
  font-size: 60px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1.2px;
  color: var(--tp-heading-primary);
}
@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), only screen and (max-width: 767px) {
  .tp-campus-life-title br {
    display: none;
  }
}
.tp-campus-life-title-wrap {
  border-radius: 16px;
  margin-top: -120px;
  padding: 115px 0 0 0;
  background: #F6F4EE;
  margin-bottom: 100px;
}
.tp-campus-life-thumb img {
  border-radius: 20px;
}
.tp-campus-life-slider {
  margin-right: -110px;
  margin-left: -150px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-campus-life-slider {
    margin-left: -60px;
  }
}
.tp-campus-life-slider .swiper-slide {
  width: auto;
}
.tp-campus-life-arrow {
  position: absolute;
  left: 50%;
  bottom: 120px;
  z-index: 2;
  display: flex;
  transform: translateX(-50%);
}
.tp-campus-life-arrow .tp-campus-prev {
  margin-right: 40px;
}
.tp-campus-life-arrow span:hover {
  color: var(--tp-theme-4);
}

/*----------------------------------------*/
/*  9.7 leadership css
/*----------------------------------------*/
.tp-leadership-wrapper {
  padding: 25px 30px;
  border-radius: 8px;
  margin-bottom: 80px;
  background: var(--tp-common-white);
  box-shadow: 0px 2px 4px -2px rgba(3, 11, 30, 0.14), 0px 6px 6px -6px rgba(22, 22, 19, 0.14);
}
@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), only screen and (max-width: 767px) {
  .tp-leadership-wrapper {
    flex-wrap: wrap;
  }
}
.tp-leadership-search .tp-header-2-search {
  margin-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), only screen and (max-width: 767px) {
  .tp-leadership-search .tp-header-2-search {
    margin-bottom: 10px;
  }
}
.tp-leadership-search .tp-header-2-search input {
  font-size: 16px;
  width: 420px;
  height: 50px;
  border-radius: 6px;
  border: 1px solid #E6E8F0;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 4px 0px rgba(48, 54, 81, 0.06) inset, 0px 1px 1px 0px rgba(48, 54, 81, 0.06);
}
.tp-leadership-search .tp-header-2-search input:focus {
  border-color: rgba(171, 12, 47, 0.4901960784);
  box-shadow: 0px 1px 2px 0px rgba(65, 95, 251, 0.06), 0px 4px 10px 0px rgba(65, 95, 251, 0.06), 0px 0px 0px 3px rgba(171, 12, 47, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-leadership-search .tp-header-2-search input {
    width: 370px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-leadership-search .tp-header-2-search input {
    width: 300px;
  }
}
.tp-leadership-search .tp-header-2-search input::placeholder {
  font-size: 16px;
}
@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), only screen and (max-width: 767px) {
  .tp-leadership-select {
    margin-bottom: 10px;
  }
}
.tp-leadership-select .nice-select {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: var(--tp-heading-primary);
  width: 420px;
  border-radius: 6px;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border: 1px solid #E6E8F0;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 4px 0px rgba(48, 54, 81, 0.06) inset, 0px 1px 1px 0px rgba(48, 54, 81, 0.06);
}
.tp-leadership-select .nice-select::after {
  right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-leadership-select .nice-select {
    width: 370px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-leadership-select .nice-select {
    width: 300px;
  }
}
.tp-leadership-select .nice-select .option.selected {
  font-weight: 400;
}
.tp-leadership-btn .tp-btn {
  padding: 10px 110px;
}
.tp-leadership-item:hover .tp-leadership-thumb img {
  transform: scale(1.04);
}
.tp-leadership-item:hover .tp-leadership-thumb::after {
  height: 100%;
}
.tp-leadership-item:hover .tp-leadership-hover-box {
  bottom: 20px;
  opacity: 1;
}
.tp-leadership-thumb {
  overflow: hidden;
  border-radius: 10px;
}
.tp-leadership-thumb img {
  border-radius: 10px;
  transition: 0.5s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-leadership-thumb img {
    width: 100%;
  }
}
.tp-leadership-thumb::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
  border-radius: 10px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  background: linear-gradient(180deg, rgba(196, 18, 48, 0) 38.02%, #C41230 100%);
}
.tp-leadership-thumb.instructor::after {
  background: linear-gradient(180deg, rgba(196, 18, 48, 0) 38.02%, var(--tp-dashboard-primary) 100%);
}
.tp-leadership-hover-box {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 10px;
  opacity: 0;
  z-index: 1;
  transition: all 0.5s;
}
.tp-leadership-social a {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 42px;
  border-radius: 50%;
  color: var(--tp-heading-primary);
  background-color: var(--tp-common-white);
}
.tp-leadership-social a:not(:last-of-type) {
  margin-right: 5px;
}
.tp-leadership-social a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-heading-primary);
}
.tp-leadership-social.instructor a:hover {
  color: var(--tp-dashboard-primary);
  background-color: var(--tp-common-white);
}
.tp-leadership-btn a {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--tp-common-white);
}
.tp-leadership-btn a:hover span {
  color: var(--tp-heading-primary);
  background-color: var(--tp-common-white);
}
.tp-leadership-btn a span {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 37px;
  border-radius: 50%;
  margin-left: 5px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease-in-out;
}
.tp-leadership-title {
  color: #141820;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.48px;
}
.tp-leadership-title a:hover {
  color: #C41230;
}
.tp-leadership-title.instructor a:hover {
  color: var(--tp-dashboard-primary);
}
.tp-leadership-content {
  padding: 20px 0 0 0;
}
.tp-leadership-content span {
  color: #525356;
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
}

/*----------------------------------------*/
/*  9.8 Become instractor
/*----------------------------------------*/
.tp-instructor-bg {
  background-size: cover;
  background-repeat: no-repeat;
}
.tp-instructor-counter-item {
  position: relative;
  padding: 19px 0 19px 0;
  z-index: 1;
}
.tp-instructor-counter-item p {
  color: rgba(255, 255, 255, 0.7);
}
.tp-instructor-counter-item::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: -15px;
  height: 120px;
  width: 2px;
  background: rgba(255, 255, 255, 0.14);
}
.tp-instructor-counter-item.item-end::before {
  display: none;
}
.tp-instructor-main-title {
  text-align: center;
  font-size: 50px;
  font-weight: 500;
  letter-spacing: -1px;
  color: var(--tp-heading-2);
}
@media only screen and (max-width: 767px) {
  .tp-instructor-main-title {
    font-size: 40px;
  }
}
@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), only screen and (max-width: 767px) {
  .tp-instructor-p {
    padding-top: 80px;
  }
}
@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), only screen and (max-width: 767px) {
  .tp-instructor-become-tab {
    padding-bottom: 80px;
  }
}
.tp-instructor-become-tab .nav {
  margin-bottom: 100px;
  border-bottom: 1px solid #E6E8F0;
}
@media only screen and (max-width: 767px) {
  .tp-instructor-become-tab .nav {
    margin-bottom: 50px;
  }
}
.tp-instructor-become-tab .nav .nav-link {
  color: #A0A2A4;
  font-size: 20px;
  font-weight: 400;
  padding: 18px 0;
  border-color: transparent;
}
.tp-instructor-become-tab .nav .nav-link.active {
  position: relative;
  color: #010F1C;
  background-color: transparent;
}
.tp-instructor-become-tab .nav .nav-link.active:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  transition: all 1s ease-in-out;
  background: #010F1C;
}
.tp-instructor-become-tab .nav .nav-item {
  text-align: center;
}
.tp-instructor-become-tab .nav .nav-item:not(:last-of-type) {
  margin-right: 40px;
}
@media only screen and (max-width: 767px) {
  .tp-instructor-become-tab .nav .nav-item:not(:last-of-type) {
    margin-right: 30px;
  }
}
.tp-instructor-become-wrap p {
  font-size: 17px;
  font-weight: 300;
  margin-bottom: 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), only screen and (max-width: 767px) {
  .tp-instructor-become-wrap p br {
    display: none;
  }
}
.tp-instructor-become-title {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 30px;
  letter-spacing: -0.6px;
  color: var(--tp-heading-2);
}
.tp-instructor-become-subtitle {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px;
  display: inline-block;
  color: var(--tp-heading-2);
}
@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), only screen and (max-width: 767px) {
  .tp-instructor-apply-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.tp-instructor-apply-box {
  padding: 15px;
  border-radius: 16px;
  background-color: #F3F4F9;
}
.tp-instructor-apply-from {
  padding: 60px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-instructor-apply-from {
    padding: 50px 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-instructor-apply-from {
    padding: 45px 35px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-instructor-apply-from {
    padding: 45px 10px;
  }
}
.tp-instructor-apply-thumb img {
  border-radius: 6px;
}
@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), only screen and (max-width: 767px) {
  .tp-instructor-apply-thumb img {
    width: 100%;
  }
}
.tp-instructor-apply-heading {
  margin-bottom: 35px;
}
.tp-instructor-apply-title {
  font-size: 30px;
  margin-bottom: 5px;
  letter-spacing: -0.6px;
  color: var(--tp-heading-2);
}
.tp-instructor-apply-desc {
  font-size: 17px;
  font-weight: 300;
}
.tp-instructor-apply-input {
  margin-bottom: 20px;
}
.tp-instructor-apply-input label {
  color: #161613;
  font-size: 15px;
  line-height: 1;
  margin-bottom: 12px;
}
.tp-instructor-apply-input input[type=text], .tp-instructor-apply-input input[type=email], .tp-instructor-apply-input input[type=tel], .tp-instructor-apply-input input[type=password], .tp-instructor-apply-input textarea {
  border-radius: 6px;
  border: transparent;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 2px 0px rgba(18, 20, 32, 0.2);
}
.tp-instructor-apply-input input[type=text]:focus, .tp-instructor-apply-input input[type=email]:focus, .tp-instructor-apply-input input[type=tel]:focus, .tp-instructor-apply-input input[type=password]:focus, .tp-instructor-apply-input textarea:focus {
  border: 1px solid var(--tp-theme-7);
  box-shadow: 0px 0px 0px 3px rgba(70, 97, 253, 0.16);
}
.tp-instructor-apply-input textarea {
  height: 120px;
  resize: none;
}
.tp-instructor-apply-input-btn .tp-btn-inner {
  height: 54px;
}
.tp-instructor-apply-input-btn .tp-btn-inner span {
  margin-left: 5px;
  transform: translateY(-1px);
}

/*----------------------------------------*/
/*  9.9 History css
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-history-box {
    margin-bottom: 40px;
  }
}
.tp-history-box-wrapper::after {
  position: absolute;
  content: "";
  left: 20px;
  top: 0;
  height: 100%;
  width: 1px;
  background: var(--tp-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-history-box-wrapper::after {
    content: none;
  }
}
.tp-history-box.overlay-1::before {
  position: absolute;
  top: 0;
  left: 15px;
  height: 45%;
  width: 10px;
  content: "";
  z-index: 2;
  background-color: #f6f4ee;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-history-box.overlay-1::before {
    content: none;
  }
}
.tp-history-box.overlay-2::before {
  position: absolute;
  bottom: 0;
  left: 15px;
  height: 45%;
  width: 10px;
  content: "";
  z-index: 2;
  background-color: #f6f4ee;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-history-box.overlay-2::before {
    content: none;
  }
}
.tp-history-title {
  position: relative;
  font-size: 74px;
  font-style: italic;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 20px;
  letter-spacing: -2.96px;
  color: var(--tp-theme-primary);
  font-family: var(--tp-ff-secondary);
}
.tp-history-title.line::after {
  position: absolute;
  content: "";
  top: 50%;
  height: 1px;
  width: 80px;
  left: -100px;
  z-index: 2;
  transform: translateY(-50%);
  background: var(--tp-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-history-title.line::after {
    content: none;
  }
}
.tp-history-year {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-history-year {
    display: none;
  }
}
.tp-history-year-title {
  position: relative;
  font-size: 24px;
  font-style: italic;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--tp-theme-primary);
  font-family: var(--tp-ff-secondary);
  background-color: #f6f4ee;
  z-index: 1;
  padding: 22px 0;
}
.tp-history-year.ankor::after {
  position: absolute;
  top: -13px;
  left: 11px;
  z-index: 2;
  content: url(../img/history/ankor.svg);
}
.tp-history-item-thumb-left {
  margin-left: -40px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-history-item-thumb-left {
    margin-left: 0;
    margin-bottom: 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), only screen and (max-width: 767px) {
  .tp-history-item-thumb-left img {
    width: 100%;
  }
}
.tp-history-item-thumb-right {
  margin-left: -86px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-history-item-thumb-right {
    margin-left: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-history-item-thumb-right img {
    width: 100%;
  }
}
.tp-history-item-content-left {
  margin-left: -40px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-history-item-content-left {
    margin-left: 0;
    margin-bottom: 30px;
  }
}
.tp-history-item-content p {
  color: #3E4047;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}

.tp-undergraduate-program-heading {
  padding: 16px 30px;
  border-radius: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  filter: drop-shadow(0px 1px 2px rgba(69, 5, 9, 0.3));
}
.tp-undergraduate-program-title {
  font-size: 26px;
  font-weight: 700;
  margin: 0;
  color: var(--tp-common-white);
}
.tp-undergraduate-program-title span {
  margin-right: 8px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-undergraduate-program-box {
    padding-bottom: 30px;
  }
}
.tp-undergraduate-program-content {
  padding: 35px 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-undergraduate-program-content {
    padding: 35px 0px;
  }
}
.tp-undergraduate-program-list ul li {
  list-style: none;
  margin-bottom: 10px;
}
.tp-undergraduate-program-list ul li:hover a {
  color: var(--tp-common-white);
  background: var(--tp-red-3);
  border: 1px solid var(--tp-red-3);
  box-shadow: 0px 1px 2px 0px rgba(113, 2, 9, 0.4);
}
.tp-undergraduate-program-list ul li:hover a span {
  opacity: 1;
  color: var(--tp-common-white);
}
.tp-undergraduate-program-list ul li:hover a::before {
  opacity: 0;
}
.tp-undergraduate-program-list ul li:hover a::after {
  background: var(--tp-common-white);
}
.tp-undergraduate-program-list ul li a {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 17px;
  font-weight: 400;
  line-height: 50px;
  border-radius: 6px;
  display: inline-block;
  transition: all 0.3s;
  padding: 1px 20px 1px 35px;
  color: var(--tp-heading-primary);
  border: 1px solid #E4E2DD;
}
.tp-undergraduate-program-list ul li a::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  background: linear-gradient(180deg, rgba(239, 237, 231, 0) 0%, rgba(239, 237, 231, 0.8) 100%);
}
.tp-undergraduate-program-list ul li a span {
  color: var(--tp-heading-primary);
  opacity: 0.5;
  float: right;
}
.tp-undergraduate-program-list ul li a span svg {
  transform: translateY(-2px);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-undergraduate-program-list ul li a::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 20px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  transform: translateY(-50%);
  background-color: var(--tp-heading-primary);
}

/*----------------------------------------*/
/*  10.0 Admission css
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-admission-counter-area {
    padding-bottom: 80px;
  }
}
.tp-admission-counter-box {
  border-radius: 10px;
  padding: 45px 80px 60px;
  background: rgba(176, 165, 131, 0.1);
}
@media only screen and (max-width: 767px) {
  .tp-admission-counter-box {
    padding: 40px 40px 50px;
  }
}
@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), only screen and (max-width: 767px) {
  .tp-admission-counter-item {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .tp-admission-counter-item {
    text-align: center;
  }
}
.tp-admission-counter-item p {
  position: relative;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  color: #454541;
}
.tp-admission-counter-item p.after::after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  height: 50px;
  width: 1px;
  background: rgba(69, 69, 65, 0.14);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-admission-counter-item p.after::after {
    right: 25px;
  }
}
@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), only screen and (max-width: 767px) {
  .tp-admission-counter-item p.after::after {
    content: none;
  }
}
.tp-admission-counter-title {
  font-style: italic;
  font-size: 60px;
  font-weight: 500;
  margin-bottom: 0;
  letter-spacing: -4px;
  color: var(--tp-red-2);
  font-family: var(--tp-ff-secondary);
}
.tp-admission-counter-title span {
  font-style: italic;
  font-size: 100px;
  font-weight: 500;
  margin-bottom: 0;
  letter-spacing: -4px;
  color: var(--tp-red-2);
  font-family: var(--tp-ff-secondary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-admission-overview-area {
    padding-bottom: 80px;
  }
}
.tp-admission-overview-wrapper {
  padding-left: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-admission-overview-wrapper {
    padding-left: 0;
  }
}
.tp-admission-overview-wrapper p {
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  color: #3E4047;
  margin-bottom: 20px;
}
.tp-admission-overview-wrapper p span {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: var(--tp-heading-primary);
}
.tp-admission-overview-title {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -0.8px;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-admission-overview-btn {
    margin-top: 20px;
  }
}
.tp-admission-overview-btn .tp-btn {
  font-size: 18px;
  font-weight: 500;
  padding: 5px 34px;
  color: var(--tp-red-2);
  line-height: 24px;
  border-color: var(--tp-red-2);
  background-color: transparent;
}
.tp-admission-overview-btn .tp-btn span {
  margin-left: 10px;
}
.tp-admission-overview-btn .tp-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
}

@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), only screen and (max-width: 767px) {
  .tp-admission-cta-area {
    padding-bottom: 80px;
  }
}
.tp-admission-cta-box {
  position: relative;
  padding: 100px;
  border-radius: 16px;
  background-color: #164951;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-admission-cta-box {
    padding: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-admission-cta-box {
    padding: 80px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-admission-cta-box {
    padding: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-admission-cta-box {
    padding: 30px;
  }
}
.tp-admission-cta-thumb {
  position: absolute;
  bottom: -40px;
  right: 48px;
}
@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), only screen and (max-width: 767px) {
  .tp-admission-cta-thumb {
    position: static;
  }
}
.tp-admission-cta-thumb img {
  border-radius: 8px;
}
@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), only screen and (max-width: 767px) {
  .tp-admission-cta-thumb img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-admission-cta-heading {
    margin-bottom: 30px;
  }
}
.tp-admission-cta-heading p {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 32px;
  color: rgba(255, 255, 255, 0.8);
}
.tp-admission-cta-title {
  font-size: 34px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 15px;
  letter-spacing: -0.68px;
  color: var(--tp-common-white);
}
.tp-admission-cta-btn .tp-btn {
  border: none;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.1);
}
.tp-admission-cta-btn .tp-btn span {
  margin-left: 5px;
}
.tp-admission-cta-btn .tp-btn:hover {
  color: var(--tp-heading-primary);
  background-color: var(--tp-common-white);
}

@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), only screen and (max-width: 767px) {
  .tp-admission-apply-area {
    padding-bottom: 80px;
  }
}
.tp-admission-apply-heading {
  padding-top: 120px;
  padding-left: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-admission-apply-heading {
    padding-top: 35px;
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-admission-apply-heading {
    padding-top: 30px;
    padding-left: 0;
  }
}
.tp-admission-apply-heading p {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 35px;
  color: rgba(22, 22, 19, 0.8);
}
@media only screen and (max-width: 767px) {
  .tp-admission-apply-heading p br {
    display: none;
  }
}
.tp-admission-apply-thumb {
  margin-left: 40px;
}
@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), only screen and (max-width: 767px) {
  .tp-admission-apply-thumb {
    margin-left: 0;
  }
}
.tp-admission-apply-thumb::after {
  position: absolute;
  content: "";
  left: -40px;
  top: -40px;
  height: 480px;
  width: 55%;
  z-index: 0;
  border-radius: 10px;
  background-color: #FFD074;
}
@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), only screen and (max-width: 767px) {
  .tp-admission-apply-thumb::after {
    content: none;
  }
}
.tp-admission-apply-thumb img {
  position: relative;
  z-index: 1;
  border-radius: 8px;
}
@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), only screen and (max-width: 767px) {
  .tp-admission-apply-thumb img {
    width: 100%;
  }
}
.tp-admission-apply-title {
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 20px;
  letter-spacing: -0.68px;
  color: var(--tp-heading-primary);
}
.tp-admission-apply-btn .tp-btn {
  border-radius: 6px;
  border: none;
  color: var(--tp-heading-primary);
  background: rgba(22, 22, 19, 0.1);
}
.tp-admission-apply-btn .tp-btn span {
  margin-left: 5px;
}
.tp-admission-apply-btn .tp-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-red-2);
}

/*----------------------------------------*/
/*  10.1 Financial css
/*----------------------------------------*/
.tp-financial-counter-box {
  border-radius: 10px;
  padding: 45px 80px 52px;
  background-color: var(--tp-common-white);
  box-shadow: 0px 2px 4px -2px rgba(3, 11, 30, 0.14), 0px 6px 6px -6px rgba(22, 22, 19, 0.14);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-financial-counter-box {
    padding: 40px 40px 40px;
  }
}
.tp-financial-mission-title {
  font-size: 34px;
  font-weight: 500;
  margin-bottom: 30px;
  letter-spacing: -0.68px;
  color: var(--tp-heading-primary);
}
.tp-financial-process-box {
  border-radius: 8px;
  padding: 50px 54px;
  margin-bottom: 20px;
  background: var(--tp-common-white);
  box-shadow: 0px 2px 4px -2px rgba(3, 11, 30, 0.14), 0px 6px 6px -6px rgba(22, 22, 19, 0.14);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-financial-process-box {
    padding: 50px 40px;
  }
}
.tp-financial-process-box p {
  color: #31312E;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  margin: 0;
}
.tp-financial-process-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 15px;
  color: var(--tp-heading-primary);
}
.tp-financial-process-title span {
  font-size: 16px;
  font-weight: 600;
  color: var(--tp-theme-4);
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  margin-right: 15px;
  transform: translateY(-2px);
  border: 2px solid #B1040E;
}
.tp-financial-bg {
  background-color: #EFEDE7;
}
.tp-financial-item {
  border-radius: 16px;
  border: 1px solid rgba(22, 22, 19, 0.1);
}
.tp-financial-item:hover .tp-financial-thumb img {
  transform: scale(1.08);
}
.tp-financial-title {
  font-size: 50px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-bottom: 40px;
  color: var(--tp-heading-primary);
}
.tp-financial-thumb {
  overflow: hidden;
  border-radius: 16px 16px 0 0;
}
.tp-financial-thumb img {
  border-radius: 16px 16px 0 0;
  width: 100%;
  transition: 0.5s;
}
.tp-financial-content {
  padding: 26px 30px 35px;
}
.tp-financial-content-title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.48px;
  color: var(--tp-heading-primary);
}
.tp-financial-content p {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  color: #31312E;
  margin: 0;
}

/*----------------------------------------*/
/*  10.2 shop css
/*----------------------------------------*/
.tp-shop-banner-bg {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  height: 570px;
  background-size: cover;
  background-repeat: no-repeat;
  width: calc(100% - 280px);
  transform: translateX(-50%);
  right: auto;
  margin: 0 auto;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-shop-banner-bg {
    width: calc(100% - 30px);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-shop-banner-bg {
    height: 515px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-shop-banner-bg {
    height: 100%;
  }
}
@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 (max-width: 767px) {
  .tp-shop-banner-bg {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-shop-banner-ptb {
    padding-bottom: 80px;
  }
}
.tp-shop-banner-space {
  margin-left: 140px;
  margin-right: 140px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), 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 (max-width: 767px) {
  .tp-shop-banner-space {
    margin-left: 30px;
    margin-right: 30px;
  }
}
.tp-shop-banner-content {
  margin-right: -15px;
}
.tp-shop-banner-content span {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 12px;
  display: inline-block;
  animation-delay: 0.3s;
  animation-duration: 1s;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-secondary);
}
.tp-shop-banner-title {
  font-size: 70px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 35px;
  animation-delay: 0.5s;
  animation-duration: 1s;
  letter-spacing: -0.03em;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-shop-banner-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-shop-banner-title {
    font-size: 50px;
  }
}
.tp-shop-banner-thumb {
  margin-top: -24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-shop-banner-thumb {
    margin-bottom: 30px;
  }
}
.tp-shop-banner-thumb img {
  animation-delay: 0.5s;
  animation-duration: 1s;
}
@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 (max-width: 767px) {
  .tp-shop-banner-thumb img {
    width: 80%;
  }
}
.tp-shop-banner-btn a {
  font-size: 15px;
  font-weight: 500;
  color: #1e1e2f;
  line-height: 1;
  display: inline-block;
  padding: 12px 33px 14px;
  animation-delay: 0.7s;
  animation-duration: 1s;
  background: var(--tp-common-white);
  box-shadow: 0 0 1px 0 #006b61, 0 1px 2px 0 rgba(0, 107, 97, 0.2);
}
.tp-shop-banner-btn a span {
  margin-left: 5px;
  margin-bottom: 0;
  color: #1e1e2f;
  display: inline-block;
  transform: translateY(-1px);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-shop-banner-btn a:hover {
  color: var(--tp-common-white);
  background-color: #1e1e2f;
}
.tp-shop-banner-btn a:hover span {
  color: var(--tp-common-white);
}
.tp-shop-banner-dot {
  position: absolute;
  left: 50% !important;
  width: auto !important;
  bottom: 40px !important;
  transform: translateX(-50%);
}
.tp-shop-banner-dot .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  opacity: 0.4;
  margin: 0 8px;
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  background: var(--tp-common-white);
}
.tp-shop-banner-dot .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  top: -2px;
  left: -2px;
  opacity: 0;
  border-radius: 50%;
  border: 1px solid var(--tp-common-white);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-shop-banner-dot .swiper-pagination-bullet-active {
  transform: scale(0.5);
  opacity: 1;
  background: var(--tp-common-white);
}
.tp-shop-banner-dot .swiper-pagination-bullet-active::after {
  opacity: 1;
  transform: scale(2.2);
}
.tp-shop-banner-active .swiper-wrapper .swiper-slide.swiper-slide-active .tp-shop-banner-thumb img {
  animation-name: fadeInLeft;
  animation-fill-mode: both;
}
.tp-shop-banner-active .swiper-wrapper .swiper-slide.swiper-slide-active .tp-shop-banner-title {
  animation-name: fadeInUp;
  animation-fill-mode: both;
}
.tp-shop-banner-active .swiper-wrapper .swiper-slide.swiper-slide-active .tp-shop-banner-content span {
  animation-name: fadeInUp;
  animation-fill-mode: both;
}
.tp-shop-banner-active .swiper-wrapper .swiper-slide.swiper-slide-active .tp-shop-banner-btn a {
  animation-name: fadeInUp;
  animation-fill-mode: both;
}

.tp-shop-feature-heading {
  margin-bottom: 45px;
}
.tp-shop-feature-heading p {
  font-size: 18px;
  font-weight: 300;
  color: #4f5158;
}
.tp-shop-feature-thumb {
  overflow: hidden;
}
.tp-shop-feature-thumb img {
  width: 100%;
  object-fit: cover;
  transform: scale(1) translateZ(0);
  transition: transform 0.6s cubic-bezier(0.5, 1, 0.89, 1);
}
.tp-shop-feature-thumb:hover img {
  transform: scale(1.1) translateZ(0);
}
.tp-shop-feature-thumb:hover::after {
  opacity: 1;
  visibility: visible;
}
.tp-shop-feature-thumb::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  background-color: rgba(3, 7, 10, 0.3);
}
.tp-shop-feature-title {
  font-size: 40px;
  font-weight: 500;
  color: #1e1e2f;
  margin-bottom: 5px;
  letter-spacing: -0.02em;
}
.tp-shop-feature-content {
  position: absolute;
  top: 50px;
  left: 34px;
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-shop-feature-content {
    top: 20px;
  }
}
.tp-shop-feature-content span {
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-common-white);
}
.tp-shop-feature-content h4 {
  font-size: 32px;
  font-weight: 600;
  line-height: 34px;
  letter-spacing: -0.02em;
  color: var(--tp-common-white);
}
.tp-shop-feature-btn {
  position: absolute;
  bottom: 40px;
  left: 34px;
  z-index: 2;
}
.tp-shop-feature-btn a {
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  padding: 9px 16px;
  line-height: 1;
  overflow: hidden;
  color: var(--tp-theme-6);
  background: var(--tp-common-white);
  box-shadow: 0 0 6px 0 rgba(30, 30, 47, 0.06);
}
.tp-shop-feature-btn a span {
  margin-left: 5px;
  margin-bottom: 0;
  display: inline-block;
  transform: translateY(-1px);
}
.tp-shop-feature-btn a::after {
  content: "";
  left: 150%;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 200%;
  opacity: 0.35;
  transform: skew(-20deg);
  background-image: linear-gradient(90deg, transparent, var(--tp-theme-6, transparent), transparent);
}
.tp-shop-feature-btn a:hover::after {
  animation: shine 0.75s cubic-bezier(0.01, 0.56, 1, 1);
}

.tp-shop-product-item:hover .tp-shop-product-thumb img {
  transform: scale(1.03) translateZ(0);
}
.tp-shop-product-item:hover .tp-shop-product-thumb-btn {
  transform: translateY(0);
}
.tp-shop-product-thumb {
  margin-bottom: 20px;
  background: #f8f8f8;
  overflow: hidden;
}
.tp-shop-product-thumb img {
  width: 100%;
  transform: scale(1) translateZ(0);
  transition: transform 0.6s cubic-bezier(0.5, 1, 0.89, 1);
}
.tp-shop-product-thumb-tag {
  position: absolute;
  top: 10px;
  left: 10px;
}
.tp-shop-product-thumb-tag span {
  font-size: 13px;
  font-weight: 600;
  padding: 4px 10px;
  text-transform: uppercase;
  color: var(--tp-common-white);
}
.tp-shop-product-thumb-tag span.hot {
  background-color: #ff6a41;
}
.tp-shop-product-thumb-tag span.off {
  background: #819570;
}
.tp-shop-product-thumb-tag span.new {
  background: #319c9a;
}
.tp-shop-product-thumb-btn {
  position: absolute;
  text-align: center;
  width: calc(100% - 16px);
  bottom: 8px;
  left: 8px;
  z-index: 2;
  color: var(--tp-common-black);
  transform: translateY(60px);
  transition: transform 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  background-color: var(--tp-common-white);
}
.tp-shop-product-thumb-btn button {
  font-weight: 600;
  font-size: 15px;
  border-radius: 0;
  padding: 6px 0;
  color: #ddf49f;
  text-transform: uppercase;
  background: var(--tp-theme-8);
  box-shadow: 0 0 1px 0 #006b61, 0 1px 2px 0 rgba(0, 107, 97, 0.2);
  width: 100%;
}
.tp-shop-product-thumb-btn button:hover {
  box-shadow: none;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-6);
}
.tp-shop-product-tag span {
  opacity: 0.8;
  font-size: 11px;
  font-weight: 400;
  color: #1e1e2f;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.tp-shop-product-title {
  font-size: 22px;
  font-weight: 500;
  color: var(--tp-theme-6);
}
.tp-shop-product-title a:hover {
  color: var(--tp-theme-8);
}
.tp-shop-product-price span {
  font-size: 18px;
  font-weight: 400;
  color: #1e1e2f;
}
@media only screen and (max-width: 767px) {
  .tp-shop-product-tab {
    margin-bottom: 40px;
  }
}
.tp-shop-product-tab .nav-pills .nav-link {
  font-size: 26px;
  font-weight: 400;
  padding: 0 15px;
  letter-spacing: -0.52px;
  color: rgba(30, 30, 47, 0.4);
}
@media only screen and (max-width: 767px) {
  .tp-shop-product-tab .nav-pills .nav-link {
    margin-bottom: 20px;
  }
}
.tp-shop-product-tab .nav-pills .nav-link.active {
  color: #1E1E2F;
  background: transparent;
}
.tp-shop-product-tab .nav-pills .nav-link span {
  display: inline-block;
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .tp-shop-product-tab .nav-pills .nav-link span {
    display: none;
  }
}

.tp-shop-cta-bg {
  padding: 38px 100px;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-shop-cta-bg {
    padding: 30px 30px;
  }
}
.tp-shop-cta-thumb {
  position: absolute;
  top: -29px;
  right: 314px;
}
@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), only screen and (max-width: 767px) {
  .tp-shop-cta-thumb {
    display: none;
  }
}
.tp-shop-cta-heading span {
  font-family: var(--tp-ff-secondary);
  font-style: italic;
  font-weight: 500;
  font-size: 26px;
  color: var(--tp-common-white);
}
.tp-shop-cta-title {
  font-weight: 500;
  font-size: 54px;
  margin: 0;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-secondary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-shop-cta-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-shop-cta-btn {
    margin-top: 20px;
  }
}
.tp-shop-cta-btn a {
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 35px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--tp-common-white);
  border: 1px solid var(--tp-common-white);
  box-shadow: 0 0 6px 0 rgba(30, 30, 47, 0.06);
}
.tp-shop-cta-btn a span {
  margin-left: 5px;
  display: inline-block;
  transform: translateY(-2px);
}
.tp-shop-cta-btn a:hover {
  color: var(--tp-theme-6);
  border-color: var(--tp-common-white);
  background-color: var(--tp-common-white);
}

.tp-shop-author-title {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -2px;
}
.tp-shop-author-heading p {
  font-size: 18px;
  color: #8B8C8F;
}
.tp-shop-author-item:hover .tp-shop-author-thumb img {
  transform: scale(1.04);
}
.tp-shop-author-item-title {
  font-weight: 500;
  font-size: 22px;
  letter-spacing: -0.02em;
  color: var(--tp-theme-6);
}
.tp-shop-author-item-title:hover a {
  color: var(--tp-theme-8);
}
.tp-shop-author-content span {
  font-size: 16px;
  font-weight: 400;
  color: #8b8c8f;
}
.tp-shop-author-thumb {
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 50%;
}
.tp-shop-author-thumb img {
  width: 100%;
  border-radius: 10px;
  transition: all 0.3s 0s ease-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-shop-author-btn {
    margin-top: 20px;
  }
}
.tp-shop-author-btn a {
  font-weight: 600;
  font-size: 15px;
  padding: 11px 30px;
  color: #ddf49f;
  background: var(--tp-theme-8);
  box-shadow: 0 0 1px 0 #006b61, 0 1px 2px 0 rgba(0, 107, 97, 0.2);
}
.tp-shop-author-btn a span {
  display: inline-block;
  margin-left: 5px;
  transform: translateY(-1px);
}
.tp-shop-author-btn a:hover {
  box-shadow: none;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-6);
}

.tp-shop-service-item {
  padding: 40px 30px;
  background: linear-gradient(147deg, #e3fee6 0%, #fff1e1 100%);
  z-index: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-shop-service-item {
    flex-wrap: wrap;
  }
}
.tp-shop-service-item.return::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(93deg, #ffeae1 0%, #b8e8ff 100%);
  transform: rotate(-180deg);
}
.tp-shop-service-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 35px;
  letter-spacing: -0.01em;
  color: var(--tp-theme-6);
}
.tp-shop-service-content p {
  font-size: 15px;
  color: #4b4b53;
}

.tp-shop-widget-title {
  font-weight: 500;
  font-size: 18px;
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
.tp-shop-widget-title.no-border {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 14px;
}
.tp-shop-widget-filter .ui-widget.ui-widget-content {
  height: 3px;
  background-color: #EDEDED;
  border: 0;
}
.tp-shop-widget-filter .ui-slider-horizontal .ui-slider-range {
  background-color: var(--tp-theme-8);
}
.tp-shop-widget-filter .ui-slider .ui-slider-handle {
  top: -7px;
  width: 5px;
  height: 17px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  background-color: var(--tp-theme-8);
}
.tp-shop-widget-filter .ui-slider .ui-slider-handle:focus-visible {
  outline: none;
}
.tp-shop-widget-filter-info .input-range input {
  width: 190px;
  height: auto;
  background-color: transparent;
  color: var(--tp-theme-8);
  padding: 0;
  border: 0;
  font-weight: 500;
  font-size: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-shop-widget-filter-info .input-range input {
    width: 130px;
  }
}
.tp-shop-widget-filter-info .tp-shop-widget-filter-btn {
  font-weight: 300;
  font-size: 14px;
  color: var(--tp-common-black);
  background-color: #F5F5F5;
  padding: 2px 21px;
}
.tp-shop-widget-filter-info .tp-shop-widget-filter-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}
.tp-shop-widget-checkbox ul li {
  list-style: none;
}
.tp-shop-widget-checkbox ul li:not(:last-child) {
  margin-bottom: 4px;
}
.tp-shop-widget-checkbox ul li input {
  display: none;
}
.tp-shop-widget-checkbox ul li input .single-widget-category input:checked + label::after {
  opacity: 1;
  visibility: visible;
}
.tp-shop-widget-checkbox ul li input:checked ~ label::after {
  background-color: var(--tp-theme-8);
  border-color: var(--tp-theme-8);
}
.tp-shop-widget-checkbox ul li input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.tp-shop-widget-checkbox ul li label {
  font-size: 16px;
  color: #55585B;
  position: relative;
  padding-left: 26px;
}
.tp-shop-widget-checkbox ul li label::after {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  width: 16px;
  height: 16px;
  line-height: 12px;
  text-align: center;
  border: 2px solid #DADADA;
  z-index: -1;
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-shop-widget-checkbox ul li label::before {
  position: absolute;
  content: url("../img/live/check.svg");
  top: 6px;
  left: 0;
  width: 16px;
  height: 16px;
  line-height: 12px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-white);
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-shop-widget-checkbox ul li label:hover {
  cursor: pointer;
}
.tp-shop-widget-categories {
  height: 288px;
  overflow-y: scroll;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  padding-right: 10px;
}
.tp-shop-widget-categories.height {
  height: 100%;
}
.tp-shop-widget-categories ul li {
  list-style: none;
  width: 100%;
}
.tp-shop-widget-categories ul li:not(:last-child) {
  margin-bottom: 10px;
}
.tp-shop-widget-categories ul li a {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-text-body);
  position: relative;
  padding-left: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.tp-shop-widget-categories ul li a::after {
  position: absolute;
  content: "";
  top: 10px;
  left: 0;
  width: 6px;
  height: 6px;
  text-align: center;
  background-color: #E7E7E7;
  border-radius: 50%;
}
.tp-shop-widget-categories ul li a:hover {
  color: var(--tp-theme-8);
}
.tp-shop-widget-categories ul li a:hover::after {
  background-color: var(--tp-theme-8);
}
.tp-shop-widget-categories ul li a:hover span {
  background-color: var(--tp-theme-8);
  border-color: var(--tp-theme-8);
  color: var(--tp-common-white);
}
.tp-shop-widget-categories ul li a span {
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  border: 1px solid #EAEAEA;
  border-radius: 8px;
  padding: 4px 6px 4px;
}

.tp-shop-list-product-item {
  padding: 40px 45px;
  background-color: #F8F8F8;
}
@media only screen and (max-width: 767px) {
  .tp-shop-list-product-item {
    padding: 30px;
    flex-wrap: wrap;
  }
}
.tp-shop-list-product-thumb {
  margin-right: 74px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-shop-list-product-thumb {
    margin-right: 52px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-shop-list-product-thumb {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-shop-list-product-thumb {
    margin-bottom: 20px;
  }
}
.tp-shop-list-product-thumb img {
  box-shadow: 10px 10px 12px -4px rgba(0, 0, 0, 0.2);
}
.tp-shop-list-product-content {
  width: 100%;
}
.tp-shop-list-product-content .tp-shop-product-thumb-tag {
  top: -20px;
  left: auto;
  right: -20px;
}
@media only screen and (max-width: 767px) {
  .tp-shop-list-product-content .tp-shop-product-thumb-tag {
    top: auto;
    bottom: 0;
    right: 0;
  }
}
.tp-shop-list-product-content p {
  font-size: 15px;
  margin-bottom: 18px;
}
.tp-shop-list-product-btn {
  margin-top: 8px;
}
.tp-shop-list-product-btn button {
  font-size: 15px;
  font-weight: 600;
  color: #ddf49f;
  padding: 12px 52px;
  background: var(--tp-theme-8);
}
.tp-shop-list-product-btn button:hover {
  color: var(--tp-common-white);
  background: #1e1e2f;
}
@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), only screen and (max-width: 767px) {
  .tp-shop-grid-sidebar {
    margin-right: 0;
  }
}

.tp-product-details-wrapper {
  padding-left: 50px;
}
@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), only screen and (max-width: 767px) {
  .tp-product-details-wrapper {
    padding-left: 0;
  }
}
.tp-product-details-wrapper > p {
  font-size: 16px;
  line-height: 1.7;
  color: #55585b;
  font-weight: 300;
}
.tp-product-details-wrapper > p span {
  font-weight: 500;
  color: var(--tp-theme-8);
}
.tp-product-details-category span {
  font-size: 16px;
  line-height: 1;
  color: #55585b;
}
.tp-product-details-category span a:hover {
  color: var(--tp-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-product-details-thumb {
    margin-bottom: 30px;
  }
}
.tp-product-details-thumb img {
  width: 100%;
}
.tp-product-details-title {
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 15px;
  color: var(--tp-heading-2);
}
.tp-product-details-stock {
  margin-right: 12px;
}
.tp-product-details-stock span {
  display: inline-block;
  font-size: 15px;
  color: var(--tp-theme-8);
  background-color: rgba(0, 107, 97, 0.06);
  line-height: 1;
  padding: 4px 12px;
}
.tp-product-details-rating {
  margin-right: 11px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.tp-product-details-rating span {
  font-size: 12px;
  color: #FFB21D;
}
.tp-product-details-rating span:not(:last-child) {
  margin-right: 3px;
}
.tp-product-details-reviews span {
  font-size: 14px;
  font-weight: 400;
  color: #55585b;
}
.tp-product-details-price {
  font-weight: 600;
  font-size: 30px;
  letter-spacing: -0.02em;
}
.tp-product-details-price.new-price {
  color: #010f1c;
}
.tp-product-details-price.old-price {
  font-weight: 300;
  font-size: 18px;
  text-decoration-line: line-through;
  color: #767a7d;
}
.tp-product-details-variation {
  margin-bottom: 30px;
}
.tp-product-details-variation-title {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 4px;
}
.tp-product-details-variation-item:not(:last-child) {
  margin-bottom: 15px;
}
.tp-product-details-variation-list button {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  position: relative;
  -webkit-transition: box-shadow 0.2s 0s linear;
  -moz-transition: box-shadow 0.2s 0s linear;
  -ms-transition: box-shadow 0.2s 0s linear;
  -o-transition: box-shadow 0.2s 0s linear;
  transition: box-shadow 0.2s 0s linear;
}
.tp-product-details-variation-list button span[data-bg-color] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background-color: var(--tp-common-white);
  border-radius: 50%;
  -webkit-transition: all 0.2s 0s linear;
  -moz-transition: all 0.2s 0s linear;
  -ms-transition: all 0.2s 0s linear;
  -o-transition: all 0.2s 0s linear;
  transition: all 0.2s 0s linear;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.tp-product-details-variation-list button .tp-color-variation-tootltip {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(2px);
  -moz-transform: translateX(-50%) translateY(2px);
  -ms-transform: translateX(-50%) translateY(2px);
  -o-transform: translateX(-50%) translateY(2px);
  transform: translateX(-50%) translateY(2px);
  width: max-content;
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  padding: 4px 6px;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -ms-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -o-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}
.tp-product-details-variation-list button .tp-color-variation-tootltip::before {
  position: absolute;
  content: "";
  bottom: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid var(--tp-common-black);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.tp-product-details-variation-list button.tp-size-variation-btn {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  -webkit-transition: all 0.2s 0s linear;
  -moz-transition: all 0.2s 0s linear;
  -ms-transition: all 0.2s 0s linear;
  -o-transition: all 0.2s 0s linear;
  transition: all 0.2s 0s linear;
}
.tp-product-details-variation-list button.tp-size-variation-btn:hover, .tp-product-details-variation-list button.tp-size-variation-btn.active {
  box-shadow: none;
  border-color: var(--tp-common-black);
  box-shadow: none;
  color: var(--tp-common-black);
}
.tp-product-details-variation-list button:hover, .tp-product-details-variation-list button.active {
  box-shadow: 0px 1px 2px rgba(1, 15, 28, 0.2);
}
.tp-product-details-variation-list button:hover span[data-bg-color], .tp-product-details-variation-list button.active span[data-bg-color] {
  -webkit-transform: translate(-50%, -50%) scale(0.7);
  -moz-transform: translate(-50%, -50%) scale(0.7);
  -ms-transform: translate(-50%, -50%) scale(0.7);
  -o-transform: translate(-50%, -50%) scale(0.7);
  transform: translate(-50%, -50%) scale(0.7);
}
.tp-product-details-variation-list button:hover .tp-color-variation-tootltip {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(-6px);
  -moz-transform: translateX(-50%) translateY(-6px);
  -ms-transform: translateX(-50%) translateY(-6px);
  -o-transform: translateX(-50%) translateY(-6px);
  transform: translateX(-50%) translateY(-6px);
}
.tp-product-details-action-title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 13px;
  color: #010f1c;
}
.tp-product-details-quantity .tp-product-quantity {
  width: 122px;
  border-radius: 0;
}
.tp-product-details-quantity .tp-cart-plus, .tp-product-details-quantity .tp-cart-minus {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
  left: 14px;
}
.tp-product-details-quantity .tp-cart-plus:hover, .tp-product-details-quantity .tp-cart-minus:hover {
  color: var(--tp-theme-8);
  background-color: var(--tp-common-white);
}
.tp-product-details-quantity .tp-cart-plus {
  left: auto;
  right: 14px;
}
.tp-product-details-quantity .tp-cart-input[type=text] {
  height: 46px;
  line-height: 46px;
  background-color: #F3F5F6;
  border: 0;
  border-radius: 0;
  font-size: 16px;
  width: 122px;
  color: #000;
}
.tp-product-details-add-to-cart-btn {
  font-size: 16px;
  color: var(--tp-common-black);
  text-align: center;
  padding: 9px 30px;
  border: 1px solid #e0e2e3;
}
.tp-product-details-add-to-cart-btn:hover {
  background-color: var(--tp-theme-8);
  border-color: var(--tp-theme-8);
  color: var(--tp-common-white);
}
.tp-product-details-buy-now-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 30px;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-8);
  box-shadow: 0 0 1px 0 #006b61, 0 1px 2px 0 rgba(0, 107, 97, 0.2);
}
.tp-product-details-buy-now-btn:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-product-details-action-wrapper {
  margin-bottom: 17px;
}
.tp-product-details-action-sm {
  padding-bottom: 9px;
  border-bottom: 1px solid #eaebed;
  margin-bottom: 25px;
}
.tp-product-details-action-sm-btn {
  font-size: 16px;
  margin-bottom: 10px;
}
.tp-product-details-action-sm-btn:not(:last-child) {
  margin-right: 10px;
}
.tp-product-details-action-sm-btn i, .tp-product-details-action-sm-btn svg {
  margin-right: 2px;
}
.tp-product-details-action-sm-btn:hover {
  color: var(--tp-theme-8);
}
.tp-product-details-query {
  margin-bottom: 22px;
}
.tp-product-details-query-item:not(:last-child) {
  margin-bottom: 5px;
}
.tp-product-details-query-item > span {
  font-size: 15px;
  color: #010f1c;
  line-height: 1.4;
  margin-right: 6px;
}
.tp-product-details-query-item p {
  font-size: 15px;
  margin-bottom: 0;
  line-height: 1.4;
}
.tp-product-details-social {
  margin-bottom: 22px;
}
.tp-product-details-social span {
  font-size: 15px;
  color: #010f1c;
  margin-right: 5px;
}
.tp-product-details-social a {
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 36px;
  text-align: center;
  border: 1px solid #e6e7e8;
  border-radius: 50%;
}
.tp-product-details-social a:not(:last-of-type) {
  margin-right: 4px;
}
.tp-product-details-social a:hover {
  background-color: var(--tp-theme-8);
  border-color: var(--tp-theme-8);
  color: var(--tp-common-white);
}
.tp-product-details-msg ul li {
  list-style: none;
  position: relative;
  font-size: 15px;
  padding-left: 25px;
  color: #55585b;
}
.tp-product-details-msg ul li::after {
  position: absolute;
  content: url("../img/live/halp-check.svg");
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  color: var(--tp-common-white);
  transition: all 0.2s 0s linear;
}
.tp-product-details-payment {
  background-color: #F3F5F6;
  padding: 18px 30px;
}
.tp-product-details-payment p {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
  margin-right: 46px;
  flex: 0 0 auto;
  color: var(--tp-grey-3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-product-details-payment p {
    margin-right: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-product-details-payment p {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .tp-product-details-payment p br {
    display: none;
  }
}
.tp-product-details-desc-title {
  font-size: 34px;
  font-weight: 500;
  margin-bottom: 13px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-product-details-desc-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-product-details-desc-title {
    font-size: 26px;
  }
}
.tp-product-details-desc-title-2 {
  font-size: 34px;
  font-weight: 400;
  margin-bottom: 14px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-product-details-desc-title-2 {
    font-size: 25px;
  }
}
.tp-product-details-desc-content {
  margin-bottom: 25px;
  padding-right: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .tp-product-details-desc-content {
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .tp-product-details-desc-content {
    padding-left: 0;
  }
}
.tp-product-details-desc-content span {
  font-size: 20px;
  color: var(--tp-common-black);
}
.tp-product-details-desc-content p {
  font-size: 16px;
  line-height: 1.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), only screen and (max-width: 767px) {
  .tp-product-details-desc-content-2 {
    padding-right: 0;
    padding-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), only screen and (max-width: 767px) {
  .tp-product-details-desc-content-2.pt-75 {
    padding-top: 25px;
  }
}
.tp-product-details-desc-content-2 p {
  font-size: 16px;
  line-height: 1.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), only screen and (max-width: 767px) {
  .tp-product-details-desc-thumb img {
    max-width: 100%;
  }
}
.tp-product-details-desc-list {
  padding-top: 13px;
}
.tp-product-details-desc-list ul li {
  list-style: none;
  font-size: 16px;
  color: var(--tp-common-black);
  position: relative;
  padding-left: 17px;
}
.tp-product-details-desc-list ul li:not(:last-child) {
  margin-bottom: 3px;
}
.tp-product-details-desc-list ul li::after {
  position: absolute;
  content: "";
  left: 0;
  top: 11px;
  width: 4px;
  height: 4px;
  background-color: #A8ACB0;
  border-radius: 50%;
}
.tp-product-details-desc-fact-thumb img {
  margin-bottom: 16px;
}
.tp-product-details-desc-fact-content span {
  display: inline-block;
  font-size: 50px;
  line-height: 1.2;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-product-details-desc-fact-content span {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-product-details-desc-fact-content span {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-product-details-desc-fact-content span {
    font-size: 25px;
  }
}
.tp-product-details-desc-fact-content p {
  font-size: 22px;
}
@media only screen and (max-width: 767px) {
  .tp-product-details-desc-fact-content p {
    font-size: 20px;
  }
}
.tp-product-details-additional-p {
  padding-left: 100px;
  padding-top: 55px;
  padding-bottom: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-product-details-additional-p {
    padding-left: 0;
  }
}
.tp-product-details-additional-p p {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 28px;
  color: var(--tp-grey-3);
}
@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), only screen and (max-width: 767px) {
  .tp-product-details-additional-p p br {
    display: none;
  }
}
.tp-product-details-additional-info {
  padding-top: 60px;
  padding-bottom: 70px;
  border-top: 1px solid #e0e2e3;
  border-bottom: 1px solid #e0e2e3;
}
@media only screen and (max-width: 767px) {
  .tp-product-details-additional-info {
    overflow-x: scroll;
  }
}
.tp-product-details-additional-info-title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 16px;
  display: none;
}
.tp-product-details-additional-info table {
  border: 1px solid #E0E2E3;
  width: 100%;
}
.tp-product-details-additional-info table tr:not(:last-child) {
  border-bottom: 1px solid #ECEDED;
}
.tp-product-details-additional-info table tr td {
  padding: 12px 34px;
}
.tp-product-details-additional-info table tr td:first-child {
  font-size: 16px;
  color: var(--tp-common-black);
  background-color: #F9F9F9;
  width: 306px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-product-details-additional-info table tr td:first-child {
    width: 270px;
  }
}
.tp-product-details-additional-info table tr td:last-child {
  font-size: 16px;
  color: var(--tp-text-body);
}
.tp-product-details-review-wrapper {
  padding-bottom: 120px;
  border-bottom: 1px solid #E0E2E3;
}
.tp-product-details-review-number {
  border: 1px solid #E0E2E3;
  padding: 35px 43px 33px 40px;
}
@media only screen and (max-width: 767px) {
  .tp-product-details-review-number {
    padding: 35px 25px 33px 25px;
  }
}
.tp-product-details-review-number-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 14px;
}
.tp-product-details-review-summery {
  margin-bottom: 12px;
}
.tp-product-details-review-summery-value span {
  font-size: 40px;
  font-weight: 500;
  color: var(--tp-common-black);
  margin-right: 8px;
}
.tp-product-details-review-summery-rating {
  margin-right: 3px;
}
.tp-product-details-review-summery-rating span {
  color: #FFB21D;
}
.tp-product-details-review-summery-rating p {
  margin-left: 4px;
  font-size: 14px;
  margin-bottom: 0;
}
.tp-product-details-review-rating-item > span {
  color: #A0A2A4;
  font-size: 15px;
  margin-right: 10px;
}
.tp-product-details-review-rating-bar {
  width: 260px;
  background-color: #EDEEEE;
  height: 10px;
  position: relative;
  margin-right: 12px;
}
@media only screen and (max-width: 767px) {
  .tp-product-details-review-rating-bar {
    width: 130px;
  }
}
.tp-product-details-review-rating-bar-inner {
  height: 100%;
  background-color: #FFB21D;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.tp-product-details-review-rating-percent span {
  font-size: 14px;
}
.tp-product-details-review-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 22px;
}
@media only screen and (max-width: 767px) {
  .tp-product-details-review-list {
    padding-right: 0;
  }
}
.tp-product-details-review-avater:not(:last-child) {
  margin-bottom: 32px;
}
.tp-product-details-review-avater-thumb img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 20px;
}
.tp-product-details-review-avater-rating {
  line-height: 1;
  margin-bottom: 3px;
}
.tp-product-details-review-avater-rating span {
  font-size: 10px;
  margin-right: 2px;
  color: #FFB21D;
}
.tp-product-details-review-avater-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 9px;
  display: inline-block;
}
.tp-product-details-review-avater-meta {
  font-size: 14px;
  position: relative;
  padding-left: 11px;
  margin-left: 3px;
}
.tp-product-details-review-avater-meta::after {
  position: absolute;
  content: "";
  left: 0;
  top: 8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #A8ACB0;
}
.tp-product-details-review-avater-comment p {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-product-details-review-form {
    margin-top: 50px;
  }
}
.tp-product-details-review-form > p {
  font-size: 16px;
  margin-bottom: 8px;
}
.tp-product-details-review-form-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 4px;
}
.tp-product-details-review-form-rating {
  margin-bottom: 28px;
}
.tp-product-details-review-form-rating p {
  margin-bottom: 0;
  font-size: 14px;
  margin-right: 8px;
}
.tp-product-details-review-form-rating-icon span {
  font-size: 12px;
  color: #FFB21D;
}
.tp-product-details-review-input-wrapper {
  margin-bottom: 11px;
}
.tp-product-details-review-input-box {
  position: relative;
}
.tp-product-details-review-input-box:not(:last-child) {
  margin-bottom: 29px;
}
.tp-product-details-review-input input {
  height: 56px;
  background: #FFFFFF;
  border: 1px solid #E0E2E3;
  font-size: 14px;
  color: var(--tp-common-black);
}
.tp-product-details-review-input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #95999D;
}
.tp-product-details-review-input input::-moz-placeholder {
  /* Firefox 19+ */
  color: #95999D;
}
.tp-product-details-review-input input:-moz-placeholder {
  /* Firefox 4-18 */
  color: #95999D;
}
.tp-product-details-review-input input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: #95999D;
}
.tp-product-details-review-input input::placeholder {
  /* MODERN BROWSER */
  color: #95999D;
}
.tp-product-details-review-input input:focus {
  border: 1px solid var(--tp-theme-8);
}
.tp-product-details-review-input textarea {
  height: 165px;
  resize: none;
}
.tp-product-details-review-input textarea:focus {
  border: 1px solid var(--tp-theme-8);
}
.tp-product-details-review-input-title label {
  font-size: 14px;
  color: var(--tp-common-black);
  position: absolute;
  top: -7px;
  left: 20px;
  padding: 0 5px;
  background-color: var(--tp-common-white);
  line-height: 1;
}
.tp-product-details-review-input-eye {
  position: absolute;
  right: 26px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tp-product-details-review-input-eye .open-eye {
  display: none;
}
.tp-product-details-review-input-eye:hover {
  cursor: pointer;
}
.tp-product-details-review-input-eye:hover span {
  color: var(--tp-common-black);
}
.tp-product-details-review-remeber input {
  display: none;
}
.tp-product-details-review-remeber input:checked ~ label::after {
  background-color: var(--tp-theme-8);
  border-color: var(--tp-theme-8);
}
.tp-product-details-review-remeber input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.tp-product-details-review-remeber label {
  font-size: 15px;
  color: #55585B;
  position: relative;
  padding-left: 26px;
  z-index: 1;
}
.tp-product-details-review-remeber label::after {
  position: absolute;
  content: "";
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border: 1px solid #C3C7C9;
  z-index: -1;
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-product-details-review-remeber label::before {
  position: absolute;
  content: url("../img/live/check.svg");
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-white);
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-product-details-review-remeber label a:hover {
  color: var(--tp-theme-primary);
}
.tp-product-details-review-remeber label:hover {
  cursor: pointer;
}
.tp-product-details-review-btn {
  font-size: 16px;
  font-weight: 500;
  padding: 9px 45px;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-8);
}
.tp-product-details-review-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-6);
}
.tp-product-details-tab-nav .nav-tabs {
  padding-bottom: 12px;
  border-bottom: 1px solid #E0E2E3;
}
@media only screen and (max-width: 767px) {
  .tp-product-details-tab-nav .nav-tabs {
    padding-bottom: 0;
    display: inline-block;
    border-bottom: 1px solid transparent;
  }
}
.tp-product-details-tab-nav .nav-tabs .nav-link {
  font-size: 20px;
  color: #A0A2A4;
  padding-left: 9px;
  padding-right: 7px;
  position: relative;
}
.tp-product-details-tab-nav .nav-tabs .nav-link:not(:first-child) {
  margin-left: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-product-details-tab-nav .nav-tabs .nav-link:not(:first-child) {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-product-details-tab-nav .nav-tabs .nav-link:not(:first-child) {
    margin: 10px 0;
  }
}
.tp-product-details-tab-nav .nav-tabs .nav-link.active, .tp-product-details-tab-nav .nav-tabs .nav-link:hover {
  color: var(--tp-common-black);
}
.tp-product-details-tab-nav .nav-tabs .nav-link.active::after, .tp-product-details-tab-nav .nav-tabs .nav-link:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}
@media only screen and (max-width: 767px) {
  .tp-product-details-tab-nav .nav-tabs .nav-link::after {
    position: absolute;
    content: "";
    left: auto;
    right: 0;
    bottom: -1px;
    width: 0%;
    height: 2px;
    background-color: var(--tp-common-black);
    -webkit-transition: all 0.3s 0s ease-in-out;
    -moz-transition: all 0.3s 0s ease-in-out;
    -ms-transition: all 0.3s 0s ease-in-out;
    -o-transition: all 0.3s 0s ease-in-out;
    transition: all 0.3s 0s ease-in-out;
  }
}
.tp-product-details-tab-line {
  position: absolute;
  bottom: 0;
  height: 1px;
  background-color: var(--tp-common-black);
  display: block;
}
@media only screen and (max-width: 767px) {
  .tp-product-details-tab-line {
    height: 0;
  }
}
.tp-product-details-views {
  margin-bottom: 10px;
}
.tp-product-details-views > span {
  color: var(--tp-common-black);
  font-size: 16px;
  margin-right: 8px;
}
.tp-product-details-views p {
  font-size: 16px;
  margin-bottom: 0;
}
.tp-product-details-views p span {
  color: var(--tp-common-black);
  font-weight: 500;
}
.tp-product-details-stock-bar p {
  font-size: 15px;
  margin-bottom: 5px;
}
.tp-product-details-stock-bar p span {
  font-weight: 500;
  color: var(--tp-common-black);
}
.tp-product-details-stock-bar-line {
  height: 4px;
  position: relative;
}
.tp-product-details-stock-bar-line-inner {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--tp-theme-primary);
  height: 100%;
  display: inline-block;
}
.tp-product-details-wishlist-btn {
  display: inline-block;
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  background-color: var(--tp-common-white);
  box-shadow: 0px 1px 3px rgba(1, 15, 28, 0.1);
}
.tp-product-details-wishlist-btn:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-product-details-countdown {
  padding: 10px 20px;
  border: 1px solid var(--tp-pink-1);
  background-color: rgba(253, 75, 107, 0.05);
}
.tp-product-details-countdown-title {
  font-size: 18px;
  font-weight: 500;
  color: var(--tp-pink-1);
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .tp-product-details-countdown-title {
    margin-bottom: 7px;
  }
}
.tp-product-details-countdown-time ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.tp-product-details-countdown-time ul li {
  list-style: none;
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-pink-1);
  position: relative;
}
.tp-product-details-countdown-time ul li:not(:last-child) {
  margin-right: 24px;
}
.tp-product-details-countdown-time ul li:not(:last-child)::after, .tp-product-details-countdown-time ul li:not(:last-child)::before {
  position: absolute;
  content: "";
  right: -13px;
  top: 7px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--tp-pink-1);
}
.tp-product-details-countdown-time ul li:not(:last-child)::before {
  top: 15px;
}

.tp-product-related-title {
  font-size: 30px;
  font-weight: 600;
  color: var(--tp-heading-2);
}

/*----------------------------------------*/
/*  10.3 My Account css
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile__tab {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
.profile__tab .nav-tabs {
  padding: 6px;
  border: 0;
  margin: 0;
  background-color: var(--tp-common-white);
  box-shadow: 0px 30px 50px rgba(5, 47, 40, 0.12);
}
.profile__tab .nav-tabs .nav-link {
  font-weight: 500;
  font-size: 15px;
  padding: 14px 30px;
  color: var(--tp-text-1);
  background-color: var(--tp-common-white);
  position: relative;
  border-radius: 0;
  text-align: left;
  border: 0;
}
.profile__tab .nav-tabs .nav-link span {
  margin-right: 7px;
}
.profile__tab .nav-tabs .nav-link.active {
  color: var(--tp-theme-8);
  background-color: rgba(0, 107, 97, 0.1);
}
.profile__tab .nav-tabs .nav-link.active:hover {
  background-color: rgba(0, 107, 97, 0.1);
}
.profile__tab .nav-tabs .nav-link:hover {
  color: var(--tp-theme-8);
  background-color: rgba(0, 107, 97, 0.04);
}
.profile__tab .tp-tab-menu {
  position: relative;
}
.profile__tab .tp-tab-line {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  width: 2px;
  height: auto;
  background-color: var(--tp-theme-3);
}
[dir=rtl] .profile__tab .tp-tab-line {
  left: auto;
  right: 0;
}
.profile__tab-content {
  padding: 25px 30px 30px;
  background-color: var(--tp-common-white);
  box-shadow: 0px 30px 50px rgba(5, 47, 40, 0.12);
}
.profile__info-title {
  font-size: 20px;
  margin-bottom: 25px;
}
.profile__input {
  margin-bottom: 25px;
  position: relative;
}
.profile__input-box h4 {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black-solid);
  margin-bottom: 10px;
}
.profile__input-box h4 span {
  color: var(--tp-theme-8);
}
.profile__input-box p {
  font-size: 13px;
  color: var(--tp-common-white);
  opacity: 0.7;
  margin-bottom: 10px;
}
.profile__input > span {
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
[dir=rtl] .profile__input > span {
  left: auto;
  right: 20px;
}
.profile__input > span svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.profile__input input, .profile__input textarea {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 25px;
  padding-left: 50px;
  border: 0;
  outline: 0;
  border: 1px solid #EAEAEF;
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
}
[dir=rtl] .profile__input input, [dir=rtl] .profile__input textarea {
  padding-left: 25px;
  padding-right: 50px;
}
.profile__input input:focus, .profile__input textarea:focus {
  border-color: var(--tp-theme-8);
}
.profile__input textarea {
  padding: 20px;
  resize: none;
  height: 200px;
  resize: none;
  line-height: 1.5;
}
.profile__input .nice-select {
  width: 100%;
  float: none;
  height: 60px;
  border: 1px solid #EAEAEF;
  border-radius: 0;
  line-height: 58px;
  padding-left: 27px;
}
[dir=rtl] .profile__input .nice-select {
  padding-left: 0;
  padding-right: 27px;
}
.profile__input .nice-select .current {
  color: var(--tp-common-black);
}
.profile__input .nice-select::after {
  right: 25px;
  color: var(--tp-common-black);
}
[dir=rtl] .profile__input .nice-select::after {
  left: 25px;
  right: auto;
}
.profile__input .nice-select.open .list {
  -webkit-transform: scale(1) translateY(0px);
  -moz-transform: scale(1) translateY(0px);
  -ms-transform: scale(1) translateY(0px);
  -o-transform: scale(1) translateY(0px);
  transform: scale(1) translateY(0px);
}
.profile__input .nice-select .list {
  width: 100%;
  border-radius: 0;
  margin-top: 0;
  padding: 13px 8px;
  transform-origin: center center;
  -webkit-transform: scale(0.9) translateY(0px);
  -moz-transform: scale(0.9) translateY(0px);
  -ms-transform: scale(0.9) translateY(0px);
  -o-transform: scale(0.9) translateY(0px);
  transform: scale(0.9) translateY(0px);
  width: 100%;
}
.profile__input .nice-select .list .option:hover {
  color: var(--tp-common-black);
}
.profile__password input {
  padding: 0 20px;
}
.profile__password input:focus {
  border-color: var(--tp-theme-8);
}
.profile__ticket {
  border: 1px solid #EAEAEF;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .profile__ticket {
    overflow-x: scroll;
  }
}
.profile__ticket table thead tr {
  background-color: transparent;
}
.profile__ticket table th {
  color: var(--tp-common-black);
  border-color: #EAEAEF;
  box-shadow: none;
}
.profile__ticket table td {
  color: var(--tp-common-black);
}
.profile__ticket table tbody > tr:first-child {
  background-color: transparent;
}
.profile__ticket table tbody > tr:not(:last-child) {
  border-bottom: 1px solid #EAEAEF;
}
.profile__ticket table tbody > tr td, .profile__ticket table tbody > tr th {
  color: var(--tp-common-black);
  vertical-align: middle;
}
.profile__ticket table tbody > tr > th {
  padding-left: 15px;
  padding-right: 15px;
}
.profile__ticket table tbody > tr th[scope=row] {
  color: var(--tp-theme-8);
}
.profile__ticket table tbody > tr td[data-info="status done"] {
  color: #08AF5C;
}
.profile__ticket table tbody > tr td[data-info="status pending"] {
  color: #6364DB;
}
.profile__ticket table tbody > tr td[data-info="status reply"] {
  color: #D93D1E;
}
.profile__ticket table tbody > tr td[data-info="status hold"] {
  color: #FFB422;
}
.profile__ticket table tbody > tr .tp-btn {
  padding: 7px 18px;
  background-color: var(--tp-grey-1);
  color: var(--tp-common-black);
  font-weight: 500;
  min-width: 90px;
}
.profile__ticket table tbody > tr .tp-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-8);
}
.profile__ticket .table {
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .profile__ticket .table {
    width: 700px;
  }
}
.profile__ticket .table > :not(:first-child) {
  border-color: #EAEAEF;
  border-top-width: 1px;
}
.profile__ticket .table > :not(caption) > * > * {
  padding: 12px 1.5rem;
  border: 0;
  box-shadow: none;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .profile__address-item {
    margin-bottom: 40px;
  }
}
.profile__address-title {
  font-size: 22px;
  margin-bottom: 20px;
}
.profile__address-icon span {
  display: inline-block;
  min-width: 45px;
  margin-right: 20px;
}
[dir=rtl] .profile__address-icon span {
  margin-right: 0;
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .profile__address-icon span {
    margin-bottom: 20px;
  }
}
.profile__address-icon span svg {
  width: 45px;
}
.profile__address-icon span svg path {
  fill: var(--tp-theme-8);
}
.profile__address-content p {
  font-size: 14px;
  margin-bottom: 10px;
}
.profile__address-content p span {
  color: var(--tp-common-black);
  font-weight: 500;
  margin-right: 7px;
}
[dir=rtl] .profile__address-content p span {
  margin-right: 0;
  margin-left: 7px;
}
.profile__notification-title {
  font-size: 24px;
  color: var(--tp-common-black);
  margin-bottom: 10px;
}
.profile__notification-item .form-check-input {
  margin-top: 0;
  width: 40px;
  height: 20px;
  box-shadow: none;
}
.profile__notification-item .form-check-label {
  font-size: 16px;
  color: var(--tp-common-black);
  margin-left: 10px;
}
[dir=rtl] .profile__notification-item .form-check-label {
  margin-left: 0;
  margin-right: 10px;
}
.profile__notification-item .form-check-label:hover {
  cursor: pointer;
  color: var(--tp-common-black);
}
.profile__notification-item .form-check-input:checked {
  background-color: var(--tp-theme-8);
  border-color: var(--tp-theme-8);
}
.profile__btn .tp-btn {
  border-radius: 0;
  padding: 6px 35px;
  background-color: var(--tp-theme-8);
  border-color: var(--tp-theme-8);
}
.profile__btn .tp-btn:hover {
  color: var(--tp-common-white);
  border-color: var(--tp-theme-6);
  background-color: var(--tp-theme-6);
}
@media only screen and (max-width: 767px) {
  .profile__main-inner {
    margin-bottom: 20px;
  }
}
.profile__main-thumb {
  position: relative;
}
.profile__main-thumb img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 16px;
}
[dir=rtl] .profile__main-thumb img {
  margin-right: 0;
  margin-left: 16px;
}
@media only screen and (max-width: 767px) {
  .profile__main-thumb img {
    margin-bottom: 20px;
  }
}
.profile__main-thumb-edit input {
  display: none;
}
.profile__main-thumb-edit label {
  position: absolute;
  bottom: 8px;
  right: 8px;
  color: var(--tp-common-white);
  width: 30px;
  height: 30px;
  line-height: 24px;
  border: 2px solid var(--tp-common-white);
  text-align: center;
  background-color: var(--tp-theme-8);
  border-radius: 50%;
}
[dir=rtl] .profile__main-thumb-edit label {
  right: 0;
  bottom: 0;
}
.profile__main-thumb-edit label i {
  margin-left: 2px;
}
.profile__main-thumb-edit label:hover {
  cursor: pointer;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}
.profile__main-title {
  font-size: 24px;
  margin-bottom: 0;
}
.profile__main-content p {
  font-size: 14px;
  margin-bottom: 0;
}
.profile__main-content p span {
  color: var(--tp-theme-8);
  font-weight: 500;
}
.profile__main-info-item {
  border: 1px solid #EAEAEF;
  text-align: center;
  padding: 27px 30px 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .profile__main-info-item {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .profile__main-info-item {
    padding: 22px 0 20px;
  }
}
.profile__main-info-icon {
  position: relative;
  margin-bottom: 15px;
}
.profile__main-info-icon > span {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
}
.profile__main-info-icon > span svg {
  width: 60px;
}
.profile__main-info-icon > span svg path {
  fill: var(--tp-common-black);
}
.profile__main-info-icon .profile-icon-count {
  position: absolute;
  top: 2px;
  right: -8px;
  width: 25px;
  height: 25px;
  line-height: 20px;
  border: 2px solid var(--tp-common-white);
  background-color: var(--tp-theme-8);
  color: var(--tp-common-white);
  border-radius: 50%;
  font-size: 13px;
  font-weight: 500;
}
.profile__main-info-title {
  font-size: 18px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px), 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), only screen and (min-width: 1600px) and (max-width: 1700px) {
  .profile__shape {
    display: none;
  }
}
.profile__shape-1 {
  position: absolute;
  right: -10%;
  bottom: 32%;
  z-index: -1;
}
.profile__shape-2 {
  position: absolute;
  right: -19%;
  bottom: 14%;
  z-index: -1;
}
.profile__shape-3 {
  position: absolute;
  left: -12%;
  top: 12%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .profile__shape-3 {
    left: -4%;
  }
}
.profile__shape-4 {
  position: absolute;
  left: -7%;
  bottom: 10%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .profile__shape-4 {
    left: 0%;
  }
}
.profile__shape-5 {
  position: absolute;
  right: -20%;
  top: 43%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .profile__shape-5 {
    right: 0%;
  }
}
.profile__shape-6 {
  position: absolute;
  right: -4%;
  top: 9%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .profile__shape-6 {
    right: 1%;
  }
}

.tp-logout-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-space);
  padding: 6px 18px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  text-align: center;
}
.tp-logout-btn:hover {
  background-color: var(--tp-theme-8);
  border-color: var(--tp-theme-8);
  color: var(--tp-common-white);
}

.tp-profile-input-wrapper {
  margin-bottom: 8px;
}
.tp-profile-input-box {
  position: relative;
  margin-bottom: 34px;
}
.tp-profile-input input {
  height: 56px;
  background: #FFFFFF;
  border: 1px solid #E0E2E3;
  font-size: 14px;
  color: var(--tp-common-black);
}
.tp-profile-input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #95999D;
}
.tp-profile-input input::-moz-placeholder {
  /* Firefox 19+ */
  color: #95999D;
}
.tp-profile-input input:-moz-placeholder {
  /* Firefox 4-18 */
  color: #95999D;
}
.tp-profile-input input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: #95999D;
}
.tp-profile-input input::placeholder {
  /* MODERN BROWSER */
  color: #95999D;
}
.tp-profile-input input:focus {
  border: 1px solid var(--tp-theme-8);
}
.tp-profile-input textarea {
  height: 165px;
  resize: none;
}
.tp-profile-input-title label {
  font-size: 14px;
  padding: 0 5px;
  line-height: 1;
  margin-bottom: 10px;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
}
.tp-profile-input-eye {
  position: absolute;
  right: 26px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tp-profile-input-eye .open-eye {
  display: none;
}
.tp-profile-input-eye:hover {
  cursor: pointer;
}
.tp-profile-input-eye:hover span {
  color: var(--tp-common-black);
}

.tp-profile-title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 24px;
}
.tp-profile-content p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.tp-profile-wrapper h4 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 30px;
  color: var(--tp-heading-2);
}
.tp-profile-social {
  margin-top: 42px;
}
.tp-profile-social a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  background-color: transparent;
  color: var(--tp-common-white);
  border: 1px solid var(--tp-common-white);
  display: inline-block;
}
.tp-profile-social a:not(:last-child) {
  margin-right: 5px;
}
.tp-profile-social a:hover {
  color: var(--tp-common-black);
  border-color: var(--tp-common-white);
  background-color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  10.4 Cart css
/*----------------------------------------*/
.tp-cart-header-product {
  padding-left: 30px !important;
}
@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), only screen and (max-width: 767px) {
  .tp-cart-list {
    overflow-x: scroll;
  }
}
.tp-cart-list .table > :not(caption) > * > * {
  padding: 20px 0;
  box-shadow: none;
  vertical-align: middle;
}
@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), only screen and (max-width: 767px) {
  .tp-cart-list table {
    width: 840px;
  }
}
.tp-cart-list thead {
  background-color: #F1F3F4;
}
.tp-cart-list thead th {
  font-weight: 500;
  font-size: 14px;
  color: var(--tp-common-black);
  border: 0 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}
.tp-cart-list tr td {
  border-color: #E0E2E3;
}
.tp-cart-list tr td .tp-cart-action-btn {
  font-weight: 400;
  font-size: 14px;
  color: #818487;
}
.tp-cart-list tr td .tp-cart-action-btn:hover {
  color: var(--tp-theme-6);
}
.tp-cart-list tr td.tp-cart-add-to-cart .tp-btn {
  font-size: 14px;
  border-radius: 0;
  padding: 6px 20px;
  color: #ddf49f;
  border-color: var(--tp-theme-8);
  background: var(--tp-theme-8);
  box-shadow: 0 0 1px 0 var(--tp-theme-8), 0 1px 2px 0 rgba(0, 107, 97, 0.2);
}
.tp-cart-list tr td.tp-cart-add-to-cart .tp-btn:hover {
  box-shadow: none;
  color: var(--tp-common-white);
  border-color: var(--tp-theme-6);
  background-color: var(--tp-theme-6);
}
.tp-cart-list tbody tr:first-child td {
  padding-top: 30px !important;
}
.tp-cart-img {
  width: 78px;
  margin-right: 20px;
}
.tp-cart-img img {
  width: 78px;
  height: 100px;
  object-fit: cover;
}
.tp-cart-title a {
  margin-left: 20px;
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-common-black);
}
.tp-cart-title a:hover {
  color: var(--tp-theme-8);
}
.tp-cart-price {
  width: 126px;
}
.tp-cart-price span {
  font-size: 16px;
  color: var(--tp-common-black);
}
.tp-cart-quantity {
  width: 180px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-cart-coupon {
    margin-bottom: 20px;
  }
}
.tp-cart-coupon-input-box label {
  font-size: 14px;
  color: var(--tp-common-black);
  margin-bottom: 7px;
}
.tp-cart-coupon-input input {
  background: #FFFFFF;
  border: 1px solid #D6D9DC;
  height: 46px;
  line-height: 46px;
  margin-right: 4px;
  max-width: 282px;
}
.tp-cart-coupon-input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #818487;
}
.tp-cart-coupon-input input::-moz-placeholder {
  /* Firefox 19+ */
  color: #818487;
}
.tp-cart-coupon-input input:-moz-placeholder {
  /* Firefox 4-18 */
  color: #818487;
}
.tp-cart-coupon-input input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: #818487;
}
.tp-cart-coupon-input input::placeholder {
  /* MODERN BROWSER */
  color: #818487;
}
.tp-cart-coupon-input input:focus {
  border-color: var(--tp-theme-8);
}
.tp-cart-coupon-input button {
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  padding: 10px 30px;
}
.tp-cart-coupon-input button:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-8);
}
.tp-cart-update-btn {
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  padding: 9px 29px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.tp-cart-update-btn:hover {
  background-color: var(--tp-theme-8);
  border-color: var(--tp-theme-8);
  color: var(--tp-common-white);
}
.tp-cart-checkout-wrapper {
  background: var(--tp-common-white);
  box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1);
  padding: 36px 24px 28px;
  margin-left: -24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-cart-checkout-wrapper {
    margin-top: 50px;
    margin-left: 0;
  }
}
.tp-cart-checkout-top {
  padding-bottom: 13px;
  margin-bottom: 19px;
  border-bottom: 1px solid #E0E2E3;
}
.tp-cart-checkout-top span {
  font-size: 20px;
  color: var(--tp-common-black);
  font-weight: 500;
}
.tp-cart-checkout-shipping {
  padding-bottom: 16px;
  border-bottom: 1px solid #E0E2E3;
  margin-bottom: 15px;
}
.tp-cart-checkout-shipping-title {
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 7px;
}
.tp-cart-checkout-shipping-option:not(:last-child) {
  margin-bottom: 4px;
}
.tp-cart-checkout-shipping-option input {
  display: none;
}
.tp-cart-checkout-shipping-option input:checked + label::after {
  border-color: var(--tp-theme-8);
}
.tp-cart-checkout-shipping-option input:checked + label::before {
  opacity: 1;
  visibility: visible;
}
.tp-cart-checkout-shipping-option label {
  font-weight: 400;
  font-size: 14px;
  color: #161C2D;
  position: relative;
  padding-left: 25px;
}
.tp-cart-checkout-shipping-option label:hover {
  cursor: pointer;
}
.tp-cart-checkout-shipping-option label span {
  color: var(--tp-theme-8);
}
.tp-cart-checkout-shipping-option label::after {
  position: absolute;
  content: "";
  left: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #BCBCBC;
}
.tp-cart-checkout-shipping-option label::before {
  position: absolute;
  content: "";
  left: 4px;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--tp-theme-8);
  visibility: hidden;
  opacity: 0;
}
.tp-cart-checkout-total {
  margin-bottom: 25px;
}
.tp-cart-checkout-total span {
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-common-black);
}
.tp-cart-checkout-btn {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  display: inline-block;
  padding: 10px 30px;
  text-align: center;
}
.tp-cart-checkout-btn:hover {
  background-color: var(--tp-theme-8);
  color: var(--tp-common-white);
}

.tp-checkout-verify-item {
  margin-bottom: 40px;
}
.tp-checkout-verify-item:not(:last-child) {
  margin-bottom: 14px;
}
.tp-checkout-verify-reveal {
  font-size: 14px;
  color: var(--tp-common-black);
  margin-bottom: 0;
  display: inline-block;
  border: 1px dashed #AAB0B2;
  padding: 8px 26px;
  width: 100%;
}
.tp-checkout-verify-reveal button {
  color: var(--tp-theme-8);
  position: relative;
}
.tp-checkout-verify-reveal button::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 1px;
  background-color: var(--tp-theme-8);
}
.tp-checkout-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-8);
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  text-align: center;
}
.tp-checkout-btn:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-checkout-input {
  margin-bottom: 20px;
}
.tp-checkout-input label {
  font-weight: 500;
  color: var(--tp-common-black);
}
.tp-checkout-input label span {
  color: red;
}
.tp-checkout-input input, .tp-checkout-input textarea {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #D5D8DB;
  color: var(--tp-common-black);
  height: 50px;
}
.tp-checkout-input input:focus, .tp-checkout-input textarea:focus {
  border-color: var(--tp-theme-8);
}
.tp-checkout-input textarea {
  height: 200px;
  resize: none;
}
.tp-checkout-input .nice-select {
  height: 50px;
  line-height: 48px;
  border-radius: 0;
  border: 1px solid #D5D8DB;
  color: var(--tp-common-black);
  float: none;
  padding: 0 26px;
}
.tp-checkout-input .nice-select::after {
  right: 26px;
}
.tp-checkout-input .nice-select.open .list {
  -webkit-transform: scale(1) translateY(0px);
  -moz-transform: scale(1) translateY(0px);
  -ms-transform: scale(1) translateY(0px);
  -o-transform: scale(1) translateY(0px);
  transform: scale(1) translateY(0px);
}
.tp-checkout-input .nice-select .list {
  margin-top: 0;
  border-radius: 0;
  transform-origin: center center;
  -webkit-transform: scale(0.9) translateY(0px);
  -moz-transform: scale(0.9) translateY(0px);
  -ms-transform: scale(0.9) translateY(0px);
  -o-transform: scale(0.9) translateY(0px);
  transform: scale(0.9) translateY(0px);
  width: 100%;
  padding: 12px 0;
}
.tp-checkout-input .nice-select .list .option {
  line-height: 1.2;
  min-height: inherit;
  padding-top: 5px;
  padding-bottom: 5px;
}
.tp-checkout-input .nice-select .list .option:hover {
  color: var(--tp-theme-8);
}
.tp-checkout-option {
  margin-bottom: 4px;
}
.tp-checkout-option-wrapper {
  margin-top: 10px;
  margin-bottom: 17px;
}
.tp-checkout-option input {
  display: none;
}
.tp-checkout-option input:checked ~ label::after {
  background-color: var(--tp-theme-8);
  border-color: var(--tp-theme-8);
}
.tp-checkout-option input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.tp-checkout-option label {
  font-size: 15px;
  color: #55585B;
  position: relative;
  padding-left: 26px;
  z-index: 1;
}
.tp-checkout-option label::after {
  position: absolute;
  content: "";
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border: 1px solid #C3C7C9;
  z-index: -1;
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-checkout-option label::before {
  position: absolute;
  content: url("../img/shop/check.svg");
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-white);
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-checkout-option label a:hover {
  color: var(--tp-theme-8);
}
.tp-checkout-option label:hover {
  cursor: pointer;
}
.tp-checkout-bill-area {
  padding: 45px 40px 24px;
  background-color: var(--tp-common-white);
}
@media only screen and (max-width: 767px) {
  .tp-checkout-bill-area {
    padding: 45px 25px 24px;
  }
}
.tp-checkout-bill-title {
  font-weight: 600;
  font-size: 26px;
  margin-bottom: 35px;
}
.tp-checkout-place {
  padding: 44px 50px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-checkout-place {
    padding: 35px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-checkout-place {
    margin-top: 50px;
  }
}
.tp-checkout-place-title {
  font-size: 26px;
  font-weight: 600;
  margin-right: 37px;
}
.tp-checkout-payment {
  padding-bottom: 26px;
  margin-bottom: 24px;
  border-bottom: 1px solid #E0E2E3;
}
.tp-checkout-payment-item:not(:last-child) {
  margin-bottom: 10px;
}
.tp-checkout-payment-item.paypal-payment label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.tp-checkout-payment-item input {
  display: none;
}
.tp-checkout-payment-item input:checked ~ label::after {
  border-color: var(--tp-theme-8);
}
.tp-checkout-payment-item input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}
.tp-checkout-payment-item label {
  font-size: 14px;
  position: relative;
  padding-left: 27px;
  font-weight: 500;
  color: var(--tp-common-black);
}
.tp-checkout-payment-item label:hover {
  cursor: pointer;
}
.tp-checkout-payment-item label::after {
  position: absolute;
  content: "";
  left: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #BCBCBC;
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-checkout-payment-item label::before {
  position: absolute;
  content: "";
  left: 3px;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--tp-theme-8);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-checkout-payment-item label img {
  margin-left: 14px;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-checkout-payment-item label a {
  margin-left: 20px;
  position: relative;
}
.tp-checkout-payment-item label a::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 3px;
  width: 100%;
  height: 1px;
  background-color: var(--tp-common-black);
}
.tp-checkout-payment-desc {
  position: relative;
  padding-top: 10px;
  display: none;
}
.tp-checkout-payment-desc::after {
  position: absolute;
  content: "";
  left: 57px;
  top: 0;
  width: 16px;
  height: 16px;
  background-color: #F6F7F9;
  -webkit-transform: translateY(3px) rotate(45deg);
  -moz-transform: translateY(3px) rotate(45deg);
  -ms-transform: translateY(3px) rotate(45deg);
  -o-transform: translateY(3px) rotate(45deg);
  transform: translateY(3px) rotate(45deg);
}
.tp-checkout-payment-desc p {
  background-color: #F6F7F9;
  padding: 19px 30px;
  margin-left: 27px;
  font-size: 14px;
  line-height: 1.57;
  color: #55585B;
  margin-bottom: 0;
}
.tp-checkout-agree {
  margin-bottom: 24px;
}

.tp-return-customer {
  display: none;
  margin-top: 14px;
  padding: 40px 40px;
  background-color: var(--tp-common-white);
}
.tp-return-customer-input {
  margin-bottom: 20px;
}
.tp-return-customer-input label {
  font-weight: 500;
  color: var(--tp-common-black);
}
.tp-return-customer-input label span {
  color: red;
}
.tp-return-customer-input input {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #D5D8DB;
  color: var(--tp-common-black);
  height: 50px;
}
.tp-return-customer-input input:focus {
  border-color: var(--tp-theme-8);
}
.tp-return-customer-remeber input {
  display: none;
}
.tp-return-customer-remeber input:checked ~ label::after {
  background-color: var(--tp-theme-8);
  border-color: var(--tp-theme-8);
}
.tp-return-customer-remeber input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.tp-return-customer-remeber label {
  font-size: 15px;
  color: #55585B;
  position: relative;
  padding-left: 26px;
  z-index: 1;
}
.tp-return-customer-remeber label::after {
  position: absolute;
  content: "";
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border: 1px solid #C3C7C9;
  z-index: -1;
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-return-customer-remeber label::before {
  position: absolute;
  content: url("../img/shop/check.svg");
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-white);
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-return-customer-remeber label a:hover {
  color: var(--tp-theme-8);
}
.tp-return-customer-remeber label:hover {
  cursor: pointer;
}
.tp-return-customer-forgot a {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-theme-8);
  position: relative;
  display: inline-block;
}
.tp-return-customer-forgot a::after {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  bottom: 4px;
  width: 0%;
  height: 1px;
  background-color: var(--tp-theme-8);
}
.tp-return-customer-forgot a:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}

.tp-order-details {
  padding: 70px 100px 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-order-details {
    padding: 70px 70px 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-order-details {
    padding: 70px 30px 55px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-order-details {
    padding: 70px 50px 55px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-order-details {
    padding: 40px 30px 45px;
  }
}
.tp-order-details-icon {
  margin-bottom: 22px;
}
.tp-order-details-icon span {
  display: inline-block;
  width: 120px;
  height: 120px;
  line-height: 118px;
  text-align: center;
  font-size: 55px;
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}
.tp-order-details-title {
  font-size: 30px;
  font-weight: 600;
  color: var(--tp-common-white);
  margin-bottom: 7px;
}
.tp-order-details-content p {
  font-size: 16px;
  color: var(--tp-common-white);
  line-height: 1.38;
}
.tp-order-details-item {
  margin-bottom: 38px;
}
.tp-order-details-item-wrapper .row [class*=col-]:nth-child(2n) .tp-order-details-item {
  padding-left: 40px;
}
@media only screen and (max-width: 767px) {
  .tp-order-details-item-wrapper .row [class*=col-]:nth-child(2n) .tp-order-details-item {
    padding-left: 0;
  }
}
.tp-order-details-item h4 {
  font-size: 18px;
  color: var(--tp-common-white);
  margin-bottom: 0;
  font-weight: 400;
}
.tp-order-details-item p {
  font-weight: 700;
  font-size: 18px;
  color: var(--tp-common-white);
  margin-bottom: 0;
}
.tp-order-info-wrapper {
  padding: 42px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-order-info-wrapper {
    padding: 42px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-order-info-wrapper {
    padding: 42px 30px;
  }
}
.tp-order-info-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 40px;
}
.tp-order-info-list ul li {
  list-style: none;
  padding: 15px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tp-order-info-list ul li:not(:last-child) {
  border-bottom: 1px solid #E0E2E3;
}
.tp-order-info-list ul li span {
  font-size: 15px;
  color: var(--tp-common-black);
}
.tp-order-info-list ul li.tp-order-info-list-header {
  padding-top: 0;
  padding-bottom: 12px;
}
.tp-order-info-list ul li.tp-order-info-list-header h4 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
.tp-order-info-list ul li.tp-order-info-list-desc p {
  font-size: 15px;
  margin-bottom: 0;
}
.tp-order-info-list ul li.tp-order-info-list-desc p span {
  font-size: 15px;
  font-weight: 500;
}
.tp-order-info-list ul li.tp-order-info-list-subtotal span:last-child {
  color: var(--tp-theme-8);
}
.tp-order-info-list ul li.tp-order-info-list-shipping span input {
  display: none;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span input:checked ~ label::after {
  border-color: var(--tp-theme-8);
}
.tp-order-info-list ul li.tp-order-info-list-shipping span input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span label {
  font-size: 14px;
  position: relative;
  padding-right: 27px;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span label span {
  color: var(--tp-theme-8);
}
.tp-order-info-list ul li.tp-order-info-list-shipping span label:hover {
  cursor: pointer;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span label::after {
  position: absolute;
  content: "";
  right: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #BCBCBC;
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span label::before {
  position: absolute;
  content: "";
  right: 4px;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--tp-theme-8);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-order-info-list ul li.tp-order-info-list-total {
  padding: 14px 0;
}
.tp-order-info-list ul li.tp-order-info-list-total span {
  font-size: 16px;
  font-weight: 500;
}
.tp-order-inner {
  background-color: var(--tp-common-white);
  box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1);
}

/*----------------------------------------*/
/*  7.1 Dashboard Common
/*----------------------------------------*/
.tpd-color-sucess {
  color: var(--tp-dashboard-sucess);
}
.tpd-color-danger {
  color: var(--tp-dashboard-danger);
}
.tpd-common-date {
  color: #757C8E;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
}
.tpd-common-text {
  color: var(--tp-text-body);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
}
.tpd-common-shadow {
  box-shadow: 0px 1px 1px 0px rgba(3, 11, 30, 0.14), 0px 1px 2px 1px rgba(3, 11, 30, 0.06);
}

.tpd-btn-border {
  font-size: 15px;
  font-weight: 500;
  border-radius: 8px;
  text-align: center;
  display: inline-block;
  padding: 10px 19px 7px;
  line-height: 1;
  border: 1px solid #E6E8F0;
  color: var(--tp-dashboard-primary);
  background-color: var(--tp-common-white);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tpd-btn-border:hover {
  color: var(--tp-common-white);
  border-color: var(--tp-dashboard-primary);
  background: var(--tp-dashboard-primary);
  box-shadow: 0px 0px 1px 0px #1438B5, 0px 1px 2px 0px rgba(20, 56, 181, 0.25);
}
.tpd-btn-border span {
  display: inline-block;
  margin-right: 4px;
}
.tpd-btn-border span svg {
  transform: translateY(-2px);
}

.tp-btn-enroll {
  border-radius: 6px;
  color: var(--tp-common-white);
  font-size: 15px;
  font-weight: 600;
  background-color: var(--tp-dashboard-primary);
  box-shadow: 0px 0px 1px 0px #1438B5, 0px 1px 2px 0px rgba(20, 56, 181, 0.25);
  line-height: 1;
  display: inline-block;
  border: 2px solid var(--tp-dashboard-primary);
  padding: 10.5px 22px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-btn-enroll:hover {
  background-color: var(--tp-common-white);
  color: var(--tp-dashboard-primary);
}
.tp-btn-add-course {
  color: #303651;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  background-color: var(--tp-common-white);
  padding: 11.5px 21px;
  border-radius: 40px;
  border: 2px solid var(--tp-common-white);
  display: inline-block;
}
.tp-btn-add-course i {
  color: #697089;
  display: inline-block;
  margin-right: 8px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-btn-add-course:hover {
  color: var(--tp-common-white);
  background-color: transparent;
}
.tp-btn-add-course:hover i {
  color: var(--tp-common-white);
}
.tp-btn-add-course.profile {
  font-size: 15px;
  font-weight: 600;
  border: none;
  color: var(--tp-common-white);
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.35);
}
.tp-btn-add-course.profile span {
  display: inline-block;
  transform: translateY(-3px);
  margin-right: 5px;
}
.tp-btn-course {
  border-radius: 6px;
  background: var(--tp-dashboard-3);
  border: 2px solid var(--tp-dashboard-3);
  line-height: 1;
  font-size: 12px;
  font-weight: 600;
  color: var(--tp-common-white);
  padding: 4px 12px 5px 12px;
  display: inline-block;
  box-shadow: 0px 0px 1px 0px #5B7D55, 0px 1px 2px 0px rgba(91, 125, 85, 0.25);
}
.tp-btn-course:hover {
  background-color: var(--tp-common-white);
  color: var(--tp-dashboard-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-btn-course {
    padding: 4px 8px 5px 8px;
  }
}

.tpd-btn-cancel {
  color: #4F5158;
  font-size: 15px;
  font-weight: 500;
  border-radius: 6px;
  border: 1px solid rgba(117, 124, 142, 0.2);
  line-height: 1;
  padding: 9px 20px;
  display: inline-block;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tpd-btn-cancel:hover {
  background-color: #ED1B2E;
  border-color: #ED1B2E;
  color: var(--tp-common-white);
}
.tpd-btn-delete {
  color: #4F5158;
  font-size: 15px;
  font-weight: 500;
  border-radius: 4px;
  border: 1px solid #F4F5FA;
  background: #F0F1F6;
  line-height: 1;
  padding: 9px 20px;
  display: inline-block;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tpd-btn-delete:hover {
  background-color: #ED1B2E;
  border-color: #ED1B2E;
  color: var(--tp-common-white);
}
.tpd-btn-edit {
  color: var(--tp-common-white);
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  padding: 9px 20px;
  border-radius: 6px;
  background: var(--tp-dashboard-primary);
  display: inline-block;
  box-shadow: 0px 0px 1px 0px #1438B5, 0px 1px 2px 0px rgba(20, 56, 181, 0.25);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tpd-btn-edit:hover {
  box-shadow: none;
}
.tpd-btn-details {
  color: #3C66F9;
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  border-radius: 8px;
  border: 1px solid rgba(60, 102, 249, 0.2);
  line-height: 1;
  padding: 8.5px 16px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tpd-btn-details:hover {
  background: var(--tp-dashboard-primary);
  border-radius: 6px;
  box-shadow: 0px 0px 1px 0px #1438B5, 0px 1px 2px 0px rgba(20, 56, 181, 0.25);
  color: var(--tp-common-white);
}

.tp-instructor-wrap {
  padding: 0 36px 0 48px;
  transform: translateY(46px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-instructor-wrap {
    flex-wrap: wrap;
    padding: 0 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-instructor-wrap {
    transform: translateY(-50px);
  }
}
@media only screen and (max-width: 767px) {
  .tp-instructor-info {
    flex-wrap: wrap;
  }
}
.tp-instructor-avatar {
  flex: 0 0 auto;
  margin-right: 40px;
}
.tp-instructor-avatar img {
  height: 166px;
  width: 166px;
  border-radius: 50%;
  object-fit: cover;
  padding: 8px;
  background-color: var(--tp-common-white);
}
.tp-instructor-avatar.profile img {
  height: 130px;
  width: 130px;
}
.tp-instructor-avatar.profile span {
  position: absolute;
  bottom: 0;
  right: 0;
}
.tp-instructor-content {
  margin-top: 32px;
}
.tp-instructor-title {
  color: var(--tp-common-white);
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 2px;
  display: inline-block;
}
.tp-instructor-rate span {
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-common-white);
}
.tp-instructor-rate .profile {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-common-white);
}
.tp-instructor-rate .profile:not(:last-child) {
  margin-right: 20px;
}
.tp-instructor-rate .profile:not(:last-child)::after {
  position: absolute;
  content: "";
  display: inline-block;
  right: -12px;
  top: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--tp-common-white);
}
.tp-instructor-rating {
  margin-right: 10px;
}
.tp-instructor-rating i {
  color: #FFAD32;
  margin: 0 -1px;
}
.tp-instructor-course-btn {
  margin-top: 42px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-instructor-course-btn {
    margin-top: 30px;
  }
}
.tp-instructor-course-btn.profile {
  margin-top: 12px;
}

.tp-fact-wrapper {
  margin-bottom: 25px;
}
.tp-fact-item {
  box-shadow: 0px 6px 6px rgba(8, 19, 34, 0.02);
  background-color: var(--tp-common-white);
  padding: 25px 30px;
  border-radius: 14px;
  position: relative;
  z-index: 1;
  margin-bottom: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-fact-item {
    margin-bottom: 30px;
  }
}
.tp-fact-item::before {
  position: absolute;
  content: "";
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  z-index: -1;
  width: calc(100% - 40px);
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 14px;
}
.tp-fact-count {
  color: #1E1E2F;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1.1;
}
.tp-fact-content span {
  color: #6C7275;
  font-size: 15px;
  font-weight: 400;
}
.tp-fact-icon span {
  height: 60px;
  width: 60px;
  background-color: #F0EEFD;
  border-radius: 50%;
  line-height: 58px;
  text-align: center;
  display: inline-block;
}

span.common-pale-yellow {
  background-color: #FFF0ED;
}
span.common-pale-pacific {
  background-color: #E7F6F8;
}
span.common-pale-blue {
  background-color: #E5F4FF;
}
span.common-pale-green {
  background-color: #E6F5EA;
}
span.common-pale-purple {
  background-color: #EFE7FC;
}

.tp-progress-wrapper {
  margin-bottom: 70px;
}
.tp-progress-item {
  background-color: var(--tp-common-white);
  padding: 20px 20px;
  box-shadow: 0px 1px 1px rgba(3, 11, 30, 0.14);
  border-radius: 14px;
}
.tp-progress-item:not(:last-of-type) {
  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 (max-width: 767px) {
  .tp-progress-item {
    flex-wrap: wrap;
  }
}
.tp-progress-thumb {
  flex: 0 0 auto;
  position: relative;
  height: 100%;
  margin-right: 28px;
}
.tp-progress-thumb img {
  height: 100%;
  width: 330px;
  object-fit: cover;
  border-radius: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-progress-thumb img {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-progress-thumb {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-progress-thumb {
    width: 100%;
  }
}
.tp-progress-title {
  color: #031F42;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}
.tp-progress-title a:hover {
  color: var(--tp-dashboard-secondary);
}
.tp-progress-content p {
  color: #94928E;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 34px;
}
.tp-progress-content p span {
  color: #4F5158;
}
.tp-progress-rate {
  margin-bottom: 6px;
}
.tp-progress-rate span {
  color: #8F9195;
  font-size: 15px;
}
.tp-progress-rate span:not(:last-of-type) {
  margin-right: 5px;
}
.tp-progress-rating {
  display: inline-block;
  margin-right: 7px;
}
.tp-progress-rating i {
  color: #FF9747;
  margin: 0 -1px;
}
@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 (max-width: 767px) {
  .tp-progress-bar {
    flex-wrap: wrap;
  }
}
.tp-progress-bar .progress {
  height: 5px;
  border-radius: 4px;
  background: #EEF1F8;
  width: 360px;
  margin-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (max-width: 767px) {
  .tp-progress-bar .progress {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-progress-bar .progress {
    width: 300px;
  }
}
.tp-progress-bar .progress-bar {
  border-radius: 4px;
  background: var(--tp-dashboard-primary);
  width: 50%;
}
.tp-progress-bar .progress-bar.seven {
  width: 70%;
}
.tp-progress-bar > span {
  flex: 0 0 auto;
  color: #8F9195;
  font-size: 14px;
}

.tp-dashboard-course-wrapper {
  padding-bottom: 70px;
}
.tp-dashboard-course-list {
  background-color: var(--tp-common-white);
  box-shadow: 0px 1px 1px rgba(3, 11, 30, 0.14);
  padding: 40px 34px 26px 34px;
  border-radius: 16px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .tp-dashboard-course-list > ul {
    overflow-x: scroll;
  }
}
.tp-dashboard-course-list ul li {
  list-style: none;
  padding: 15.5px 0;
}
.tp-dashboard-course-list ul li:not(:last-of-type) {
  border-bottom: 1px solid #E6E8F0;
}
.tp-dashboard-course-list ul li:first-child {
  border-bottom: none;
  padding: 8.5px 0;
}
@media only screen and (max-width: 767px) {
  .tp-dashboard-course-list ul li {
    width: 600px;
  }
}
.tp-dashboard-course-list ul li.active {
  background-color: #F4F5FA;
  border-radius: 8px;
}
.tp-dashboard-course-list ul li.active .tp-dashboard-course-name-title {
  color: #4A4E68;
  font-size: 15px;
  font-weight: 500;
}
.tp-dashboard-course-list ul li.active .tp-dashboard-course-enroll span, .tp-dashboard-course-list ul li.active .tp-dashboard-course-rating span {
  color: #4A4E68;
  font-size: 15px;
  font-weight: 500;
}
.tp-dashboard-course-item {
  display: flex;
  align-items: center;
}
.tp-dashboard-course-name {
  width: 512px;
}
.tp-dashboard-course-name-title {
  margin-bottom: 0;
  margin-left: 20px;
  color: #57595F;
  font-size: 16px;
  font-weight: 400;
}
.tp-dashboard-course-enroll {
  margin-left: 15px;
  width: 185px;
}
.tp-dashboard-course-enroll span {
  color: #57595F;
  font-size: 16px;
  font-weight: 400;
}
.tp-dashboard-course-rating {
  margin-left: 15px;
  width: 185px;
}
.tp-dashboard-course-rating i {
  font-size: 13px;
  color: #FF9E4E;
  margin: 0 -1px;
}
.tp-dashboard-course-details a {
  color: #57595F;
  font-size: 15px;
  font-weight: 500;
}
.tp-dashboard-course-details a i {
  margin-left: 4px;
  transform: translateY(1px);
}
.tp-dashboard-course-details a:hover {
  color: var(--tp-dashboard-primary);
}

.tp-profile-box {
  background-color: var(--tp-common-white);
  padding: 46px 34px;
  border-radius: 16px;
  box-shadow: 0px 1px 1px rgba(3, 11, 30, 0.14), 0px 1px 2px rgba(3, 11, 30, 0.06);
}
@media only screen and (max-width: 767px) {
  .tp-profile-box {
    padding: 30px;
  }
}
.tp-profile-box.my-profile {
  padding: 46px 36px 46px 48px;
  z-index: 1;
}
.tp-profile-wrap {
  border-radius: 8px;
  border: 1px solid #E6E8F0;
  background-color: #F9F9F9;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .tp-profile-wrap ul {
    overflow-x: scroll;
  }
}
.tp-profile-wrap ul li {
  list-style: none;
}
.tp-profile-wrap ul li:not(:last-of-type) {
  border-bottom: 1px solid #E6E8F0;
}
@media only screen and (max-width: 767px) {
  .tp-profile-wrap ul li {
    width: 700px;
  }
}
.tp-profile-info-tag {
  width: 220px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-profile-info-tag {
    width: 200px;
  }
}
.tp-profile-info-tag span {
  padding: 13px 30px;
  color: #57595F;
  font-size: 16px;
  font-weight: 300;
  display: inline-block;
}
.tp-profile-info-details {
  background-color: #fff;
  width: 100%;
}
.tp-profile-info-details span {
  padding: 13px 30px;
  color: #4F5158;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
}
.tp-profile-info-details span.details-zone {
  padding: 13px 30px 31px 30px;
}

.tpd-table {
  border-radius: 16px;
  padding: 40px 34px 24px 34px;
  background-color: var(--tp-common-white);
  box-shadow: 0px 1px 1px rgba(3, 11, 30, 0.14), 0px 1px 2px rgba(3, 11, 30, 0.06);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), 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), only screen and (max-width: 767px) {
  .tpd-table {
    overflow-x: scroll;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tpd-table {
    padding: 40px 20px 24px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tpd-table {
    padding: 20px;
  }
}
.tpd-table-row {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.tpd-table-title {
  color: #4A4E68;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tpd-table > ul {
    width: 900px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpd-table > ul {
    width: 850px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tpd-table > ul {
    width: 820px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpd-table > ul {
    width: 850px;
    padding-right: 30px;
  }
}
.tpd-table ul li {
  list-style: none;
  padding: 25px 0;
}
.tpd-table ul li:not(:last-of-type) {
  border-bottom: 1px solid #E6E8F0;
}
.tpd-table ul li:first-child {
  border-bottom: none;
  padding: 14px 0;
}
.tpd-table ul li:hover {
  background-color: #F9F9F9;
}
.tpd-table ul li.tpd-table-head {
  border-radius: 8px;
  background: #F4F5FA;
}
.tpd-action-btn button, .tpd-action-btn a {
  position: relative;
  display: inline-block;
  color: #808187;
  font-size: 15px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 30px;
  border: 1px solid #EEEFF4;
}
.tpd-action-btn button:hover, .tpd-action-btn a:hover {
  color: var(--tp-common-white);
  border-color: var(--tp-dashboard-primary);
  background-color: var(--tp-dashboard-primary);
  box-shadow: 0px 0px 1px 0px #1438B5, 0px 1px 2px 0px rgba(20, 56, 181, 0.25);
}
.tpd-action-btn button:hover .tpd-action-tooltip, .tpd-action-btn a:hover .tpd-action-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-12px);
}
.tpd-action-btn button.nohover:hover, .tpd-action-btn a.nohover:hover {
  border-color: inherit;
  background-color: inherit;
  box-shadow: inherit;
}
.tpd-action-tooltip {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-6px);
  width: max-content;
  background-color: #031233;
  color: var(--tp-common-white);
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  padding: 6px 12px 7px;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}
.tpd-action-tooltip::before {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid #031233;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.tpd-action-inexact-btn {
  display: inline-block;
  position: relative;
}
.tpd-action-inexact-btn:not(:last-child) {
  margin-right: 5px;
}
.tpd-action-inexact-btn > button, .tpd-action-inexact-btn > a {
  display: inline-block;
  font-size: 15px;
  height: 30px;
  width: 30px;
  line-height: 24px;
  text-align: center;
  border-radius: 30px;
  color: #697089;
  border: 1px solid transparent;
}
.tpd-action-inexact-btn > button svg, .tpd-action-inexact-btn > a svg {
  transform: translateX(-1px);
}
.tpd-action-inexact-btn > button:hover, .tpd-action-inexact-btn > a:hover {
  color: var(--tp-dashboard-primary);
  border-radius: 30px;
  border: 1px solid rgba(85, 109, 245, 0.2);
  background: rgba(85, 109, 245, 0.1);
}
.tpd-action-inexact-btn > button.click, .tpd-action-inexact-btn > a.click {
  position: relative;
}
.tpd-action-inexact-btn > button.border-bg, .tpd-action-inexact-btn > a.border-bg {
  line-height: 14px;
}
.tpd-action-inexact-btn > button.border-bg svg, .tpd-action-inexact-btn > a.border-bg svg {
  transform: translateX(0px);
}
.tpd-action-inexact-btn.active .tpd-action-click-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.tpd-action-click-tooltip {
  background-color: #24272E;
  padding: 8px 8px;
  display: inline-block;
  box-shadow: 0px 4px 12px rgba(3, 18, 51, 0.3);
  border-radius: 6px;
  position: absolute;
  right: -18px;
  bottom: calc(100% + 10px);
  transform: translateY(5px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
}
.tpd-action-click-tooltip::before {
  position: absolute;
  content: "";
  bottom: -6px;
  right: 27px;
  width: 0;
  height: 0;
  border-top: 6px solid #303651;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.tpd-action-click-tooltip button {
  display: block;
  border-radius: 4px;
  width: 100%;
  color: rgba(255, 255, 255, 0.8);
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  line-height: 1;
  padding: 10px 13px;
  width: 156px;
}
.tpd-action-click-tooltip button span {
  display: inline-block;
  width: 20px;
}
.tpd-action-click-tooltip button:hover {
  background: rgba(255, 255, 255, 0.1);
  color: white;
}
.tpd-action-click-tooltip.bundle button {
  width: 120px;
}
.tpd-action-approv button {
  display: inline-block;
  color: var(--tp-dashboard-sucess);
  font-size: 15px;
  height: 26px;
  width: 26px;
  line-height: 20px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #EEEFF4;
  border-radius: 4px;
  border: 1px solid rgba(36, 161, 72, 0.12);
  background: #E8F9ED;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tpd-action-approv button.reject {
  color: #BEBFC1;
  border-color: #E5E6EB;
  background-color: transparent;
}
.tpd-action-approv button.reject:hover {
  color: var(--tp-dashboard-danger);
  border: 1px solid rgba(255, 77, 79, 0.12);
  background: rgba(255, 77, 79, 0.08);
}
.tpd-action-approv button.style-bg-2 {
  background-color: #00B890;
  color: var(--tp-common-white);
}
.tpd-status button {
  display: inline-block;
  font-size: 15px;
  height: 26px;
  width: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 30px;
  position: relative;
  display: inline-block;
  color: #697089;
  border: 1px solid #EEEFF4;
}
.tpd-status-complete button {
  display: inline-block;
  font-size: 15px;
  height: 26px;
  width: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 30px;
  position: relative;
  display: inline-block;
  color: var(--tp-common-white);
  border: 1px solid #00B890;
  background-color: #00B890;
}
.tpd-badge {
  display: inline-block;
  border-radius: 23px;
  line-height: 1;
  font-weight: 500;
  font-size: 13px;
  padding: 2px 11px 5px 11px;
}
.tpd-badge.sucess {
  color: var(--tp-dashboard-sucess);
  background: rgba(15, 159, 85, 0.1);
  border: 1px solid rgba(36, 161, 72, 0.12);
}
.tpd-badge.danger {
  color: var(--tp-dashboard-danger);
  border: 1px solid rgba(255, 77, 79, 0.12);
  background: rgba(255, 77, 79, 0.08);
}
.tpd-badge.warning {
  color: var(--tp-dashboard-warning);
  border: 1px solid rgba(245, 155, 18, 0.12);
  background: rgba(245, 155, 18, 0.08);
}
.tpd-badge.info {
  color: var(--tp-dashboard-info);
  border: 1px solid rgba(84, 111, 255, 0.12);
  background: rgba(84, 111, 255, 0.08);
}
.tpd-border-btn {
  color: #3C66F9;
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  border-radius: 8px;
  line-height: 1;
  padding: 8px 16px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  border: 1px solid rgba(60, 102, 249, 0.2);
}
.tpd-border-btn:hover {
  background: var(--tp-dashboard-primary);
  border-radius: 6px;
  box-shadow: 0px 0px 1px 0px #1438B5, 0px 1px 2px 0px rgba(20, 56, 181, 0.25);
  color: var(--tp-common-white);
}
.tpd-border-btn.active {
  background-color: var(--tp-dashboard-primary);
  color: var(--tp-common-white);
  box-shadow: 0px 0px 1px 0px #1438B5, 0px 1px 2px 0px rgba(20, 56, 181, 0.25);
}
.tpd-border-btn.active:hover {
  background-color: transparent;
  box-shadow: none;
  color: var(--tp-dashboard-primary);
  border-color: var(--tp-dashboard-primary);
}
.tpd-border-btn a {
  color: #3C66F9;
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  border-radius: 8px;
  border: 1px solid rgba(60, 102, 249, 0.2);
  line-height: 1;
  padding: 8.5px 16px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tpd-border-btn a:hover {
  background: var(--tp-dashboard-primary);
  border-radius: 6px;
  box-shadow: 0px 0px 1px 0px #1438B5, 0px 1px 2px 0px rgba(20, 56, 181, 0.25);
  color: var(--tp-common-white);
}
.tpd-border-btn a.active {
  background-color: var(--tp-dashboard-primary);
  color: var(--tp-common-white);
  box-shadow: 0px 0px 1px 0px #1438B5, 0px 1px 2px 0px rgba(20, 56, 181, 0.25);
}
.tpd-border-btn a.active:hover {
  background-color: transparent;
  box-shadow: none;
  color: var(--tp-dashboard-primary);
  border-color: var(--tp-dashboard-primary);
}
.tpd-input .font {
  font-size: 16px;
}
.tpd-input label {
  color: #303651;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 7px;
}
.tpd-input input, .tpd-input textarea {
  resize: none;
  border-radius: 6px;
  border: 1px solid #E6E8F0;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 1px 0px rgba(48, 54, 81, 0.06);
  transition: all 0.3s 0s ease-out;
}
.tpd-input input:focus, .tpd-input textarea:focus {
  border-color: var(--tp-theme-7);
  box-shadow: 0px 1px 2px 0px rgba(65, 95, 251, 0.06), 0px 4px 10px 0px rgba(65, 95, 251, 0.06), 0px 0px 0px 3px rgba(65, 95, 251, 0.2);
}
.tpd-input input::placeholder, .tpd-input textarea::placeholder {
  color: #8F9195;
  font-size: 16px;
  font-weight: 400;
}
.tpd-input textarea {
  height: 162px;
}
.tpd-input .tpd-redio-style.tmy-tab .nav.nav-tabs .nav-item .nav-link {
  border: 1px solid #E6E8F0;
}
.tpd-box-shadow {
  box-shadow: 0px 1px 1px 0px rgba(3, 11, 30, 0.14), 0px 1px 2px 1px rgba(3, 11, 30, 0.06);
}
.tpd-input-white label {
  color: #8F9195;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 7px;
}
.tpd-input-white input {
  border-radius: 10px;
  background: var(--tp-common-white);
  height: 50px;
  box-shadow: 0px 1px 1px 0px rgba(3, 11, 30, 0.14), 0px 1px 2px 1px rgba(3, 11, 30, 0.06);
}
.tpd-input-white input:focus {
  border-color: var(--tp-dashboard-primary);
}
.tpd-input-white input::placeholder {
  color: #757C8E;
  font-size: 17px;
  font-weight: 400;
}
.tpd-input-white textarea {
  height: 160px;
  border-radius: 10px;
  resize: none;
  padding: 14px 24px;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 1px 0px rgba(3, 11, 30, 0.14), 0px 1px 2px 1px rgba(3, 11, 30, 0.06);
}
.tpd-input-white textarea:focus {
  box-shadow: none;
}
.tpd-input-white textarea::placeholder {
  color: #757C8E;
  font-size: 17px;
  font-weight: 400;
}

.tpd-table.li-hover-none ul li:hover {
  background-color: transparent;
}
.tpd-table.li-hover-none ul li.tpd-table-head:hover {
  background-color: #F4F5FA;
}

.tpd-certificate-img img {
  max-width: 90px;
  height: 64px;
  object-fit: cover;
  box-shadow: 2px 2px 2px rgba(16, 16, 16, 0.3);
}
.tpd-certificate-badge {
  width: 138px;
  display: flex;
  align-items: center;
  border-radius: 30px;
  background: #EFF2FA;
  padding: 3px 16px;
  border: 1px solid #E7EAF2;
  justify-content: space-between;
}
.tpd-certificate-badge:hover {
  background: rgba(85, 109, 245, 0.14);
}
.tpd-certificate-badge:hover .tpd-certificate-badge-text {
  color: var(--tp-dashboard-primary);
}
.tpd-certificate-badge:hover .tpd-certificate-badge-publish svg {
  color: var(--tp-dashboard-primary);
}
.tpd-certificate-badge-text {
  color: #57595F;
  font-size: 14px;
  font-weight: 400;
}
.tpd-certificate-badge-file {
  flex: 0 0 auto;
  margin-right: 2px;
  display: inline-block;
}
.tpd-certificate-badge-file svg {
  transform: translateY(-2px);
  display: inline-block;
}
.tpd-certificate-badge-publish svg {
  transform: translateY(-2px);
  display: inline-block;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tpd-certificate-badge.active {
  border: 1px solid rgba(36, 161, 72, 0.12);
  background: #E8F9ED;
}
.tpd-certificate-badge.active .tpd-certificate-badge-text {
  color: #24A148;
}
.tpd-certificate-table .tpd-table-row {
  margin-left: 0;
  display: inherit;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tpd-certificate-table ul {
    overflow: hidden;
    overflow-x: scroll;
  }
}
.tpd-certificate-table ul li {
  list-style: none;
  background-color: var(--tp-common-white);
  box-shadow: 0px 1px 1px rgba(3, 11, 30, 0.14), 0px 1px 2px rgba(3, 11, 30, 0.06);
  padding: 23px 18px 23px 25px;
  border-radius: 10px;
}
.tpd-certificate-table ul li:not(:last-of-type) {
  margin-bottom: 6px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tpd-certificate-table ul li {
    width: 600px;
  }
}
.tpd-certificate-info {
  width: 600px;
}
.tpd-certificate-badges {
  flex: 0 0 auto;
  width: 140px;
}
.tpd-certificate-edit {
  margin-left: 10px;
  flex: 0 0 auto;
}
.tpd-certificate-delete {
  flex: 0 0 auto;
  margin-left: 10px;
}
.tpd-certificate-title {
  color: #57595F;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
}

/*----------------------------------------*/
/*  7.2 Dashboard Menu
/*----------------------------------------*/
.tp-dashboard-body-bg {
  background-color: #EFF2FA;
}
.tp-dashboard-banner-wrap {
  position: relative;
  z-index: 1;
  padding-bottom: 80px;
}
.tp-dashboard-banner-bg {
  padding-top: 154px;
  border-radius: 14px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.tp-dashboard-banner-bg.profile {
  padding-top: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-dashboard-banner-bg.profile {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-dashboard-banner-bg.profile {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-dashboard-banner-bg.profile .tp-instructor-wrap {
    transform: translateY(46px);
  }
}
@media only screen and (max-width: 767px) {
  .tp-dashboard-banner-bg.profile .tp-instructor-wrap {
    transform: translateY(-20px);
  }
}
.tp-dashboard-banner-shape {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.tp-dashboard-banner-shape img {
  width: 100%;
}
.tp-dashboard-title {
  color: #0A1C3A;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 33px;
}

.tp-dashboard-tab {
  border-radius: 10px;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 1px 0px rgba(3, 11, 30, 0.14), 0px 1px 2px 1px rgba(3, 11, 30, 0.06);
}
.tp-dashboard-tab-title {
  color: #303651;
  font-size: 26px;
  font-weight: 600;
  padding: 19px 30px 18px 30px;
  border-bottom: 1px solid #E6E8F0;
}
.tp-dashboard-tab-list {
  padding: 0 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), only screen and (max-width: 767px) {
  .tp-dashboard-tab-list {
    padding: 0;
  }
}
.tp-dashboard-tab-list ul li {
  list-style: none;
  display: inline-block;
}
.tp-dashboard-tab-list ul li a {
  color: #697089;
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
  padding: 11px 24px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-dashboard-tab-list ul li a {
    padding: 10px 15px;
  }
}
.tp-dashboard-tab-list ul li a.active {
  color: var(--tp-dashboard-secondary);
  position: relative;
}
.tp-dashboard-tab-list ul li a.active::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: var(--tp-dashboard-primary);
  box-shadow: 0px 1px 2px 0px rgba(20, 56, 181, 0.25);
}
.tp-dashboard-course {
  border-radius: 10px;
  padding: 10px 10px 10px;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 1px 0px rgba(3, 11, 30, 0.14), 0px 1px 2px 1px rgba(3, 11, 30, 0.06);
}
.tp-dashboard-course:hover .tp-dashboard-course-thumb img {
  transform: scale(1.08);
}
.tp-dashboard-course.courde-edit .tp-dashboard-course-content {
  padding: 20px 10px 0;
}
.tp-dashboard-course.courde-edit .tp-dashboard-course-meta {
  padding-bottom: 12px;
  border-bottom: 1px solid #E9EBF1;
}
.tp-dashboard-course-content {
  padding: 18px 14px 19px 14px;
}
.tp-dashboard-course-thumb {
  overflow: hidden;
  border-radius: 8px;
}
.tp-dashboard-course-thumb img {
  width: 100%;
  border-radius: 8px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-dashboard-course-title {
  color: #031F42;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
}
.tp-dashboard-course-title a:hover {
  color: var(--tp-dashboard-primary);
}
.tp-dashboard-course-meta {
  margin-bottom: 10px;
}
.tp-dashboard-course-meta span {
  color: #8F9195;
  font-size: 14px;
  display: inline-block;
  margin-right: 1px;
}
.tp-dashboard-course-meta span:not(:last-of-type) {
  margin-right: 16px;
}
.tp-dashboard-course-meta span span {
  display: inline-block;
  transform: translateY(-2px);
}
.tp-dashboard-course-btn .tp-btn-border {
  display: block;
}
.tp-dashboard-course-free span {
  font-size: 18px;
  font-weight: 600;
  color: var(--tp-dashboard-secondary);
}
.tp-dashboard-btn .tp-dashboard-course-free {
  margin-left: 10px;
}
.tp-dashboard-btn .tp-course-pricing {
  text-align: end;
  flex: 0 0 auto;
  margin-left: 8px;
}
.tp-dashboard-rating {
  margin-bottom: 4px;
}
.tp-dashboard-rating i {
  color: #FFB21D;
}
.tp-dashboard-rating span {
  color: #8F9195;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
  margin-left: 3px;
}
.tp-dashboard-progress {
  margin-bottom: 25px;
}
.tp-dashboard-progress-info span {
  color: #8F9195;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 5px;
}
.tp-dashboard-progress .progress {
  border-radius: 2px;
  background: #EFF1F7;
  height: 4px;
}
.tp-dashboard-progress .progress-bar {
  border-radius: 2px;
  background: #15AC6A;
}
.tp-dashboard-course-2 .tp-dashboard-course-meta {
  margin-bottom: 19px;
  padding-bottom: 22px;
  border-bottom: 1px solid #E9EBF1;
}
.tp-dashboard-course-2 .tp-dashboard-course-content {
  padding: 18px 14px 11px 14px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-dashboard-course-2 .tp-dashboard-course-content {
    padding: 0;
  }
}

.tpd-dashboard-wrap-bg {
  background-repeat: no-repeat;
}
.tpd-dashboard-footer .tp-footer-widget-title {
  color: var(--tp-common-white);
}
.tpd-dashboard-footer .tp-footer-widget ul li a {
  color: rgba(255, 255, 255, 0.7);
}
.tpd-dashboard-footer .tp-footer-widget ul li a:hover {
  color: var(--tp-common-white);
}
.tpd-dashboard-footer .tp-footer-widget-content p {
  color: rgba(255, 255, 255, 0.7);
}
.tpd-dashboard-footer .tp-footer-newsletter-wrap p {
  color: rgba(255, 255, 255, 0.7);
}
.tpd-dashboard-footer .tp-footer-newsletter-input input {
  border-radius: 50px;
  font-size: 16px;
  color: var(--tp-common-white);
  border: 2px solid rgba(255, 255, 255, 0.1);
}
.tpd-dashboard-footer .tp-footer-newsletter-input input::placeholder {
  font-size: 16px;
  color: var(--tp-common-white);
}
.tpd-dashboard-footer .tp-footer-newsletter-input input:focus {
  border-color: var(--tp-dashboard-primary);
}
.tpd-dashboard-footer .tp-footer-newsletter-submit .tp-btn {
  border-radius: 50px;
  border-color: var(--tp-dashboard-primary);
  background: var(--tp-dashboard-primary);
  box-shadow: 0 0 1px 0 #1438b5, 0 1px 2px 0 rgba(20, 56, 181, 0.25);
}
.tpd-dashboard-footer .tp-footer-newsletter-social a {
  background: rgba(255, 255, 255, 0.06);
  border: none;
  color: var(--tp-common-white);
  height: 44px;
  width: 44px;
  line-height: 44px;
}
.tpd-dashboard-footer .tp-footer-contact span {
  color: rgba(255, 255, 255, 0.7);
}
.tpd-dashboard-footer .tp-footer-contact a {
  color: var(--tp-common-white);
}
.tpd-dashboard-footer .tp-footer-contact-mail a {
  color: var(--tp-common-white);
}
.tpd-dashboard-footer .tp-footer-contact-mail a span {
  color: var(--tp-common-white);
}
.tpd-dashboard-footer-bottom {
  background: #142542;
}
.tpd-dashboard-footer-bottom .tp-footer-copyright span {
  color: var(--tp-common-white);
}
.tpd-dashboard-right .main-menu {
  margin-right: 50px;
}
@media only screen and (max-width: 767px) {
  .tpd-dashboard-filter {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .tpd-dashboard-search {
    margin-bottom: 20px;
  }
}
.tpd-dashboard-search .tp-header-2-search {
  width: 360px;
  margin-left: 0;
}
.tpd-dashboard-search .tp-header-2-search input {
  color: var(--tp-heading-primary);
  font-size: 15px;
  font-weight: 400;
  width: 100%;
  padding: 0 30px 0 50px;
  border-radius: 100px;
  border: 1px solid #F3F4F9;
  background-color: var(--tp-common-white);
}
.tpd-dashboard-search .tp-header-2-search input::placeholder {
  font-size: 15px;
  font-weight: 400;
}
.tpd-dashboard-search .tp-header-2-search input:focus {
  border-color: var(--tp-theme-secondary);
  background-color: var(--tp-common-white);
}
.tpd-dashboard-search .tp-header-2-search-btn {
  position: absolute;
  right: auto;
  left: 22px;
}
.tpd-dashboard-search .tp-header-2-search-btn span {
  display: inline-block;
  transform: translateY(-1px);
}
.tpd-dashboard-select .tp-course-filter-select .nice-select {
  width: 140px;
  height: 40px;
  line-height: 40px;
  font-weight: 500;
  box-shadow: none;
  border-color: var(--tp-common-white);
  background: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tpd-dashboard-select-course {
    margin-bottom: 20px;
  }
}
.tpd-dashboard-select-course .tp-course-filter-select .nice-select {
  float: none;
  width: 300px;
  height: 40px;
  border: inherit;
  box-shadow: none;
  line-height: 40px;
  padding-right: 45px;
  display: inline-table;
  background: var(--tp-common-white);
}
@media only screen and (max-width: 767px) {
  .tpd-dashboard-select-calender {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .tpd-dashboard-select-calender .tpd-order-short-list {
    margin-bottom: 20px;
  }
}
.tpd-dashboard-progress-box {
  border-radius: 10px;
  background-color: var(--tp-common-white);
  box-shadow: 0 1px 1px 0 rgba(3, 11, 30, 0.14), 0 1px 2px 1px rgba(3, 11, 30, 0.06);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tpd-dashboard-progress-box {
    margin-top: 30px;
  }
}
.tpd-dashboard-progress-heading {
  padding-bottom: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tpd-dashboard-progress-heading {
    flex-wrap: wrap;
  }
}
.tpd-dashboard-progress-item {
  border-bottom: 1px solid #E6E8EC;
  padding: 24px 107px 24px 29px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpd-dashboard-progress-item {
    padding: 24px 90px 24px 29px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpd-dashboard-progress-item {
    padding: 24px 57px 24px 28px;
  }
}
.tpd-dashboard-progress-item:not(:last-of-type) {
  border-right: 1px solid #E6E8EC;
}
.tpd-dashboard-progress-item span {
  font-weight: 400;
  font-size: 14px;
  color: #757c8e;
}
.tpd-dashboard-progress-item p {
  font-weight: 600;
  font-size: 20px;
  color: #57595f;
  margin: 0;
}
.tpd-dashboard-progress-body {
  padding: 0 30px 40px;
}
.tpd-dashboard-progress-body h4 {
  color: #333;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}
.tpd-dashboard-progress-graph {
  width: 770px;
  height: 254px;
  margin-left: 30px;
  border-radius: 4px;
  border: 1px solid #E6E8EC;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpd-dashboard-progress-graph {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tpd-dashboard-progress-graph {
    width: 100%;
    margin-left: 0;
  }
}
.tpd-dashboard-qa-tab {
  display: inline-block;
}
.tpd-dashboard-qa-tab-bg {
  position: relative;
  border-radius: 50px;
  background: var(--tp-common-white);
}
.tpd-dashboard-qa-tab-bg .nav-link.active {
  border-color: transparent;
  color: var(--tp-common-white);
  background-color: transparent;
}
.tpd-dashboard-qa-tab-bg .nav-link.active:focus {
  border: none;
}
.tpd-dashboard-qa-tab-bg .nav-link:hover {
  border: none;
}
.tpd-dashboard-qa-tab-bg button {
  position: relative;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  color: #57595F;
  z-index: 999;
  padding: 15px 25px;
  transition: 0.3s;
  border: none !important;
}
.tpd-dashboard-qa-tab-bg button.active {
  color: var(--tp-common-white);
}
.tpd-dashboard-qa-tab-bg button.monthly.active ~ .test {
  transform: translateX(0px);
}
.tpd-dashboard-qa-tab-bg .test {
  position: absolute;
  transition: transform 0.2s ease-in-out;
  will-change: transform;
  width: 100px;
  height: calc(100% - 8px);
  position: absolute;
  left: 5px;
  top: 4px;
  display: block;
  content: "";
  border-radius: 30px;
  transform: translateX(104px);
  background: var(--tp-dashboard-primary);
  box-shadow: 0 0 1px 0 #1438b5, 0 1px 2px 0 rgba(20, 56, 181, 0.25);
}
.tpd-dashboard-qa-select {
  display: flex;
  justify-content: end;
}
@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), only screen and (max-width: 767px) {
  .tpd-dashboard-qa-select {
    justify-content: start;
  }
}
.tpd-dashboard-qa-select .tp-course-filter-select .nice-select {
  border: none;
  box-shadow: none;
  background: var(--tp-common-white);
}
.tpd-dashboard-calender-box .fc .fc-button-primary {
  line-height: 1;
  text-transform: capitalize;
  color: var(--tp-dashboard-primary);
  border-color: rgba(85, 109, 245, 0.14);
  background-color: rgba(85, 109, 245, 0.14);
}
.tpd-dashboard-calender-box .fc .fc-button-primary:active, .tpd-dashboard-calender-box .fc .fc-button-primary:focus {
  box-shadow: none !important;
  color: var(--tp-common-white);
  border-color: var(--tp-dashboard-primary);
  background-color: var(--tp-dashboard-primary);
}
.tpd-dashboard-calender-box .fc .fc-button-primary.fc-button-active {
  height: 35px;
  color: var(--tp-common-white);
  border-color: var(--tp-dashboard-primary);
  background-color: var(--tp-dashboard-primary);
}
.tpd-dashboard-calender-box .fc .fc-daygrid-day.fc-day-today {
  background-color: #f5f6ff;
}
.tpd-dashboard-calender-box .fc table {
  font-size: 16px;
}
.tpd-dashboard-calender-box .fc .fc-highlight {
  background-color: rgba(81, 105, 241, 0.06);
}
.tpd-dashboard-calender-box .fc .fc-timegrid-col.fc-day-today {
  background-color: #d9dffa;
}
.tpd-dashboard-calender-box .fc .fc-cell-shaded, .tpd-dashboard-calender-box .fc .fc .fc-day-disabled {
  background: #ccd1ff;
}
.tpd-dashboard-course-edit-box {
  margin-left: -36px;
}
.tpd-dashboard-course-edit .tp-course-filter-select .nice-select {
  float: none;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-left: 24px;
  border: inherit;
  box-shadow: none;
  background: var(--tp-common-white);
}
.tpd-dashboard-course-edit .tp-course-filter-select .nice-select::after {
  right: 24px;
}

/*----------------------------------------*/
/*  7.3 Sidebar
/*----------------------------------------*/
.tp-user-wrap {
  display: block;
  border-radius: 10px;
  padding: 28px 22px 12px 18px;
  background-color: var(--tp-common-white);
  box-shadow: 0 1px 1px 0 rgba(3, 11, 30, 0.14), 0 1px 2px 1px rgba(3, 11, 30, 0.06);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-user-wrap {
    padding: 22px 10px;
  }
}
.tp-user-banner {
  border: 1px solid #E6E8F0;
  border-radius: 8px;
  padding: 25px 0 27px 16px;
  position: relative;
  margin-top: 20px;
  z-index: 1;
}
.tp-user-banner-title {
  color: #303651;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 14px;
}
.tp-user-banner-text {
  width: 50%;
}
.tp-user-banner-shape {
  position: absolute;
  bottom: 8px;
  right: 0;
  z-index: -1;
}
.tp-user-menu {
  padding: 0px 0px 12px 0px;
}
.tp-user-menu-title {
  padding: 6px 16px 4px 16px;
  color: #8F9195;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.24px;
  text-transform: uppercase;
}
.tp-user-menu-title.space-gap {
  margin-top: 10px;
  padding-bottom: 0;
}
.tp-user-menu ul li {
  list-style: none;
}
.tp-user-menu ul li:not(:last-of-type) {
  margin-bottom: 5px;
}
.tp-user-menu ul li a {
  display: flex;
  font-size: 15px;
  font-weight: 500;
  border-radius: 8px;
  color: #4F5158;
  padding: 6px 16px 8px 16px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-user-menu ul li a span {
  display: inline-block;
  width: 30px;
  transform: translateY(-1px);
}
.tp-user-menu ul li a.active {
  border-radius: 8px;
  background: #556DF5;
  color: var(--tp-common-white);
  box-shadow: 0px 0px 1px 0px #1438B5, 0px 1px 2px 0px rgba(20, 56, 181, 0.25);
}
.tp-user-menu ul li a.active:hover {
  box-shadow: none;
  color: var(--tp-common-white);
  background: var(--tp-dashboard-primary);
}
.tp-user-menu ul li a:hover {
  color: var(--tp-dashboard-primary);
  background: rgba(85, 109, 245, 0.14);
}

.tpd-menu {
  padding: 0 85px;
  box-shadow: 0px 1px 1px 0px rgba(3, 11, 30, 0.14), 0px 1px 2px 1px rgba(3, 11, 30, 0.06);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tpd-menu {
    padding: 0 60px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tpd-menu {
    padding: 0 30px;
  }
}
.tpd-menu .tp-header-2-search {
  width: 320px;
}
.tpd-menu .tp-header-2-search input {
  color: var(--tp-heading-primary);
  font-size: 15px;
  font-weight: 400;
  width: 100%;
  padding: 0 30px 0 50px;
  border-radius: 1000px;
  background-color: #F3F4F9;
  border: 2px solid #F3F4F9;
}
.tpd-menu .tp-header-2-search input:focus {
  border-color: var(--tp-theme-secondary);
  background-color: var(--tp-common-white);
}
.tpd-menu .tp-header-2-search-btn {
  position: absolute;
  right: auto;
  left: 22px;
}
.tpd-menu .tp-header-2-search-btn span {
  display: inline-block;
  transform: translateY(-1px);
}
.tpd-menu .tp-header-2-btn {
  margin-left: 30px;
}
.tpd-menu .tp-header-2-cart {
  position: relative;
}
.tpd-menu .tp-header-2-cart::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: -24px;
  height: 34px;
  width: 1px;
  background: rgba(0, 31, 63, 0.12);
}
.tpd-profile-avatar img {
  height: 40px;
  width: 40px;
  object-fit: cover;
}
.tpd-main {
  position: relative;
  z-index: 1;
}
.tpd-user-sidebar {
  margin-right: 22px;
}
@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), only screen and (max-width: 767px) {
  .tpd-user-sidebar {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tpd-user-sidebar {
    margin-bottom: 30px;
  }
}

/*----------------------------------------*/
/*  7.4 Dashboard Reviews
/*----------------------------------------*/
.tpd-reviews-student {
  width: 258px;
  flex: 0 0 auto;
}
.tpd-reviews-date {
  margin-left: 12px;
  width: 225px;
  flex: 0 0 auto;
}
.tpd-reviews-date span {
  color: #57595F;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 8px;
  display: inline-block;
}
.tpd-reviews-date p {
  color: #8A8B90;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1;
}
.tpd-reviews-feedback {
  margin-left: 15px;
  width: calc(100% - 535px);
}
.tpd-reviews-feedback .span {
  font-size: 18px;
  font-weight: 400;
  color: #4F5158;
}
.tpd-reviews-thumb {
  flex: 0 0 auto;
  margin-right: 12px;
}
.tpd-reviews-thumb img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: cover;
}
.tpd-reviews-thumb-title {
  color: #4F5158;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
}
.tpd-reviews-course-info p {
  color: #757C8E;
  margin-bottom: 0;
  font-size: 15px;
}
.tpd-reviews-course-info p span {
  color: #4F5158;
  font-size: 15px;
}
.tpd-reviews-comment {
  color: #4F5158;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
}
.tpd-course-wrap a {
  display: block;
  font-weight: 400;
  font-size: 15px;
  color: #6b7194;
  margin-bottom: 25px;
}
.tpd-course-wrap a span {
  margin-right: 6px;
  display: inline-block;
  transform: translateY(-2px);
}
.tpd-course-wrap a:hover {
  color: var(--tp-dashboard-primary);
}
.tpd-course-name {
  color: #4F5158;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
}
.tpd-course-title {
  color: #8A8B90;
  font-size: 15px;
}
.tpd-reviews-course {
  width: 430px;
  flex: 0 0 auto;
}
.tpd-reviews-feedback-2 {
  margin-left: 15px;
  width: 235px;
  flex: 0 0 auto;
}
.tpd-reviews-edit {
  width: calc(100% - 725px);
  margin-left: 15px;
  flex: 0 0 auto;
}

/*----------------------------------------*/
/*  7.5 Dashboard Quiz
/*----------------------------------------*/
.tpd-quiz-info {
  width: 270px;
  flex: 0 0 auto;
}
.tpd-quiz-info-sub {
  width: 340px;
  flex: 0 0 auto;
}
.tpd-quiz-ques {
  margin-left: 15px;
  width: 68px;
  flex: 0 0 auto;
}
.tpd-quiz-tm {
  margin-left: 15px;
  width: 63px;
  flex: 0 0 auto;
}
.tpd-quiz-no {
  width: 65px;
  flex: 0 0 auto;
}
.tpd-quiz-no-2 {
  width: 84px;
  flex: 0 0 auto;
}
.tpd-quiz-result {
  margin-left: 15px;
  width: 95px;
  flex: 0 0 auto;
}
.tpd-quiz-result-2 {
  width: 95px;
  flex: 0 0 auto;
}
.tpd-quiz-result-sub {
  margin-left: 15px;
  width: 90px;
  flex: 0 0 auto;
}
.tpd-quiz-details {
  margin-left: 15px;
  flex: 0 0 auto;
}
.tpd-quiz-title {
  color: #1E1E2F;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 8px;
  line-height: 1;
}
.tpd-quiz-title-2 {
  font-size: 16px;
  font-weight: 400;
  color: #57595F;
  margin-bottom: 0;
}
.tpd-quiz-title-2-color {
  font-size: 16px;
  font-weight: 400;
  color: #6B7194;
}
.tpd-quiz-attempts {
  margin-bottom: 30px;
}
.tpd-quiz-attempts .tp-dashboard-title {
  margin-bottom: 12px;
}
.tpd-quiz-time ul li {
  list-style: none;
  display: inline-block;
}
.tpd-quiz-time ul li:not(:first-of-type) {
  margin-left: 18px;
}
.tpd-quiz-time ul li p {
  color: #333;
  font-size: 15px;
  margin-bottom: 0;
}
.tpd-quiz-time ul li p span {
  color: #7C7F8C;
  font-size: 15px;
}
.tpd-quiz-date {
  width: 180px;
  flex: 0 0 auto;
}
@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 (max-width: 767px) {
  .tpd-quiz-date {
    width: 190px;
  }
}
.tpd-quiz-date-2 {
  width: 148px;
  flex: 0 0 auto;
}
.tpd-quiz-date-3 {
  width: 165px;
  flex: 0 0 auto;
}
.tpd-quiz-ques-2 {
  width: 100px;
  flex: 0 0 auto;
  margin-left: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tpd-quiz-ques-2 {
    width: 70px;
  }
}
.tpd-quiz-ques-3 {
  width: 100px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tpd-quiz-ques-3 {
    width: 70px;
  }
}
.tpd-quiz-tm-2 {
  width: 90px;
  flex: 0 0 auto;
}
.tpd-quiz-tm-3 {
  width: 145px;
  flex: 0 0 auto;
}
.tpd-quiz-tm-4 {
  width: 160px;
  flex: 0 0 auto;
}
.tpd-quiz-pm {
  width: 90px;
  flex: 0 0 auto;
  margin-left: 15px;
}
.tpd-quiz-pm-2 {
  width: 160px;
  flex: 0 0 auto;
}
.tpd-quiz-ca {
  width: 90px;
  flex: 0 0 auto;
  margin-left: 15px;
}
.tpd-quiz-ca-sub {
  width: 65px;
  flex: 0 0 auto;
  margin-left: 15px;
}
.tpd-quiz-em {
  width: 90px;
  margin-left: 15px;
  flex: 0 0 auto;
}
.tpd-quiz-em-box .tpd-action-approv {
  margin-right: 8px;
}
.tpd-quiz-type {
  width: 80px;
  flex: 0 0 auto;
}
.tpd-quiz-type-2 {
  width: 110px;
  flex: 0 0 auto;
}
.tpd-student-info p {
  color: #757C8E;
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  line-height: 1;
}
.tpd-student-info p span {
  color: #4F5158;
  font-size: 15px;
  font-weight: 400;
}

.tpd-select.w-120 .nice-select {
  height: 40px;
  padding-right: 65px;
  border-radius: 30px;
  color: #757C8E;
  font-size: 15px;
  font-weight: 400;
  border: none;
}
.tpd-select.w-120 .nice-select:focus {
  border: none;
}
.tpd-select.w-120 .nice-select::after {
  right: 18px;
  color: #57595F;
}
.tpd-select.w-120 .nice-select .list {
  width: 100%;
}
.tpd-select.w-120.w-300 .nice-select {
  width: 300px;
}

.tpd-select2-wrap .select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  width: 300px;
}
.tpd-select2-wrap .select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: 370px !important;
  display: inline-block;
}
.tpd-select2-wrap .select2-results {
  display: block;
  width: 370px;
}

.tpd-assign-info {
  width: 340px;
  flex: 0 0 auto;
}
.tpd-assign-info.analytic {
  width: 320px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpd-assign-info.analytic {
    width: 285px;
  }
}
.tpd-assign-info.analytic p {
  display: inline-block;
}
.tpd-assign-info.analytic p:not(:last-of-type) {
  margin-right: 10px;
}
.tpd-assign-info.analytic .tpd-assign-title {
  color: #57595F;
  font-size: 18px;
}
.tpd-assign-mark {
  margin-left: 15px;
  width: 165px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tpd-assign-mark {
    width: 135px;
  }
}
.tpd-assign-mark.analytic {
  width: 130px;
}
.tpd-assign-mark.analytic .tpd-common-text {
  color: #57595F;
}
.tpd-assign-submit {
  margin-left: 15px;
  width: 155px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpd-assign-submit {
    width: 130px;
  }
}
.tpd-assign-details {
  margin-left: 15px;
}
.tpd-assign-details.analytic button {
  display: inline-block;
  margin-left: 15px;
}
.tpd-assign-details.analytic button:hover {
  color: #3C66F9;
}
.tpd-assign-title {
  color: #1E1E2F;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 4px;
  line-height: 1;
}

/*----------------------------------------*/
/*  7.6 Dashboard Order
/*----------------------------------------*/
.tpd-order-filter a {
  color: #4A4E68;
  font-size: 15px;
  font-weight: 400;
  display: inline-flex;
  background-color: var(--tp-common-white);
  margin-right: 8px;
  border-radius: 50px;
  padding: 7px 21.5px;
}
@media only screen and (max-width: 767px) {
  .tpd-order-filter a {
    margin-bottom: 20px;
  }
}
.tpd-order-filter a.active span {
  box-shadow: 0px 0px 1px 0px #1438B5;
  border: 6px solid #556DF5;
  border-color: #556DF5;
}
.tpd-order-filter a span {
  display: inline-block;
  height: 20px;
  width: 20px;
  text-align: center;
  border: 1px solid #B8BABC;
  border-radius: 50%;
  margin-right: 8px;
  transform: translateY(3px);
}
.tpd-order-id {
  width: 85px;
  flex: 0 0 auto;
}
.tpd-order-name {
  margin-left: 15px;
  width: 240px;
  flex: 0 0 auto;
}
.tpd-order-date {
  margin-left: 15px;
  width: 160px;
  flex: 0 0 auto;
}
.tpd-order-price {
  margin-left: 15px;
  width: 85px;
  flex: 0 0 auto;
}
.tpd-order-status {
  margin-left: 15px;
  width: 103px;
  flex: 0 0 auto;
}
.tpd-order-action {
  margin-left: 15px;
}
.tpd-order-date-input {
  display: flex;
  justify-content: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tpd-order-date-input {
    justify-content: start;
    margin-bottom: 20px;
  }
}
.tpd-order-date-input form {
  width: 270px;
  position: relative;
}
.tpd-order-date-input form input {
  width: 270px;
  height: 40px;
  background-color: var(--tp-common-white);
  border-radius: 50px;
  border: 1px solid transparent;
}
.tpd-order-date-input form input:focus {
  border-color: #556DF5;
  box-shadow: 0 1px 2px 0 rgba(85, 109, 245, 0.08), 0 2px 6px 0 rgba(85, 109, 245, 0.04), 0 3px 6px 0 rgba(85, 109, 245, 0.08), 0 0 0 4px rgba(85, 109, 245, 0.1);
}
.tpd-order-date-input form input::placeholder {
  color: #757C8E;
  font-size: 15px;
  line-height: 1.2;
}
.tpd-order-date-input form span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.tpd-order-short-list .tp-course-filter-select .nice-select {
  width: 120px;
  height: 40px;
  line-height: 40px;
  border: inherit;
  box-shadow: none;
  background: var(--tp-common-white);
}

/*----------------------------------------*/
/*  7.7 Dashboard Q & A
/*----------------------------------------*/
.tpd-instructor-qa-student {
  width: 246px;
  flex: 0 0 auto;
}
.tpd-instructor-qa-question {
  margin-left: 15px;
  width: 216px;
  flex: 0 0 auto;
}
.tpd-instructor-qa-reply {
  margin-left: 15px;
  width: 68px;
  flex: 0 0 auto;
  text-align: center;
}
.tpd-instructor-qa-status {
  margin-left: 15px;
  width: 68px;
  flex: 0 0 auto;
  text-align: center;
}
.tpd-instructor-qa-btn {
  width: 80px;
  flex: 0 0 auto;
  margin-left: 15px;
}
.tpd-instructor-qa-action {
  margin-left: 15px;
}
.tpd-student-qa-student {
  width: 475px;
  flex: 0 0 auto;
}
.tpd-student-qa-reply {
  margin-left: 15px;
  flex: 0 0 auto;
  width: 150px;
}
.tpd-student-qa-btn {
  margin-left: 15px;
  flex: 0 0 auto;
  width: 80px;
}
.tpd-student-qa-action {
  margin-left: 15px;
  flex: 0 0 auto;
}

.tpd-announcement {
  background-color: var(--tp-common-white);
  padding: 20px 24px;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .tpd-announcement {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .tpd-announcement-info {
    margin-bottom: 10px;
  }
}
.tpd-announcement-icon {
  flex: 0 0 auto;
  margin-right: 16px;
}
.tpd-announcement-icon span {
  display: inline-block;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  background-color: #EFF3FE;
}
.tpd-announcement-notification span {
  color: #757C8E;
  font-size: 16px;
  font-weight: 400;
}
.tpd-announcement-notification-title {
  color: #333;
  font-size: 20px;
  font-weight: 400;
}
.tpd-announcement-table.tpd-table ul li {
  list-style: none;
  padding: 17.5px 0;
}
.tpd-announcement-date {
  flex: 0 0 auto;
  width: 206px;
}
.tpd-announcement-announcement {
  margin-left: 15px;
  width: 420px;
  flex: 0 0 auto;
}
.tpd-announcement-announcement .tpd-course-name {
  color: #757C8E;
  font-size: 15px;
}
.tpd-announcement-btn {
  margin-left: 15px;
  flex: 0 0 auto;
  width: 80px;
}
.tpd-announcement-action {
  margin-left: 15px;
  flex: 0 0 auto;
}
.tpd-announcement-time {
  color: #8A8B90;
  font-size: 14px;
  font-weight: 400;
}

.tpd-withdraw-notification p {
  color: #757C8E;
  font-size: 15px;
  font-weight: 400;
}
.tpd-withdraw-notification p span {
  display: inline-block;
  margin-right: 5px;
}
.tpd-withdraw-notification p span svg {
  transform: translateY(-2px);
}
.tpd-withdraw-notification p a {
  color: #3C66F9;
  font-size: 15px;
  font-weight: 500;
}
.tpd-withdraw-title {
  color: #4F5158;
  font-size: 20px;
  font-weight: 400;
}
.tpd-withdraw-title span {
  font-weight: 700;
  display: inline-block;
  color: #4F5158;
}
.tpd-withdraw-bg img {
  width: 100%;
  margin-bottom: 22px;
  display: inline-block;
}
.tpd-withdraw-bg p {
  color: #4F5158;
  font-size: 17px;
  font-weight: 400;
}

/*----------------------------------------*/
/*  7.8 Dashboard Accordion
/*----------------------------------------*/
.tpd-accordion {
  padding-right: 70px;
}
@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), only screen and (max-width: 767px) {
  .tpd-accordion {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tpd-accordion {
    padding-bottom: 40px;
  }
}
.tpd-accordion .accordion-item {
  margin-bottom: 6px;
  border-radius: 10px !important;
}
.tpd-accordion .accordion-button {
  border-radius: 10px !important;
  background: var(--tp-common-white);
  color: var(--tp-grey-6);
  font-size: 20px;
  font-weight: 500;
  box-shadow: none;
  padding: 23px 24px;
}
.tpd-accordion .accordion-button:focus {
  outline: 0;
  box-shadow: none;
}
.tpd-accordion .accordion-button.collapsed {
  box-shadow: 0px 1px 1px 0px rgba(3, 11, 30, 0.14), 0px 1px 2px 1px rgba(3, 11, 30, 0.06);
}
.tpd-accordion .accordion-body {
  padding: 0 60px 20px 24px;
}
.tpd-accordion .accordion-body.course-edit {
  padding: 0 30px 20px 30px;
}
.tpd-accordion .accordion-body.course-edit .tpd-new-course-box-1 {
  padding: 0;
}

.tpd-course-enroll-list {
  border-radius: 10px;
  padding: 45px 40px 45px 40px;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 1px 0px rgba(3, 11, 30, 0.14), 0px 1px 2px 1px rgba(3, 11, 30, 0.06);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tpd-course-enroll-list {
    padding: 30px;
  }
}
.tpd-course-enroll-list .tp-dashboard-title {
  margin-bottom: 19px;
}
.tpd-course-enroll-list ul li {
  list-style: none;
  color: #57595F;
  font-size: 16px;
  line-height: 21px;
  display: flex;
}
.tpd-course-enroll-list ul li:not(:last-of-type) {
  margin-bottom: 20px;
}
.tpd-course-enroll-list ul li span {
  flex: 0 0 auto;
  margin-right: 5px;
}
.tpd-course-enroll-list.course-edit ul li {
  color: #6B7194;
}
.tpd-course-enroll-list.course-edit ul li span {
  margin-right: 12px;
  display: inline-block;
  transform: translateY(-2px);
}

.tpd-modal .modal-dialog {
  max-width: 620px;
}
.tpd-modal .modal-header {
  display: block;
  border-radius: 8px;
  background: #EBEEFF;
  margin: 12px;
  padding: 42px 20px 30px 48px;
  position: relative;
}
.tpd-modal .modal-header p {
  color: #75767C;
  font-size: 16px;
  font-weight: 400;
}
.tpd-modal-icon span {
  display: block;
  height: 80px;
  width: 80px;
  line-height: 80px;
  text-align: center;
  background-color: var(--tp-common-white);
  border-radius: 50%;
  margin-bottom: 26px;
}
.tpd-modal-title {
  color: #333;
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 3px;
}
.tpd-modal-btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.tpd-modal-content {
  padding: 12px 48px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tpd-modal-course span {
  color: #757C8E;
  font-size: 14px;
  font-weight: 400;
}
.tpd-modal-course-title {
  color: var(--tp-grey-6);
  font-size: 18px;
  font-weight: 500;
}
.tpd-modal-info {
  margin-left: 15px;
}
.tpd-modal-info span {
  color: #757C8E;
  font-size: 14px;
  font-weight: 400;
}
.tpd-modal-date, .tpd-modal-time {
  color: #4F5158;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 2px;
}
.tpd-modal .modal-footer {
  justify-content: space-between;
  border: none;
  padding: 16px 50px 50px 50px;
}

.tpd-modal-announcement .modal-dialog {
  border-radius: 16px;
  max-width: 620px;
}
.tpd-modal-announcement .modal-header {
  padding: 26px 50px 14px 60px;
  border: none;
}
@media only screen and (max-width: 767px) {
  .tpd-modal-announcement .modal-header {
    padding: 25px 45px 15px 20px;
  }
}
.tpd-modal-announcement .modal-body {
  border-radius: 10px;
  background: #EFF2FA;
  margin: 0 12px;
  padding: 30px 36px 48px 36px;
}
@media only screen and (max-width: 767px) {
  .tpd-modal-announcement .modal-body {
    padding: 20px;
  }
}
.tpd-modal-announcement .modal-footer {
  justify-content: space-between;
  border: none;
  padding: 17px 45px 17px 46px;
}

/*----------------------------------------*/
/*  7.9 Dashboard Setting
/*----------------------------------------*/
.tpd-setting-box {
  padding: 50px 50px;
  border-radius: 10px;
  background: var(--tp-common-white);
  box-shadow: 0 1px 1px 0 rgba(3, 11, 30, 0.14), 0 1px 2px 1px rgba(3, 11, 30, 0.06);
}
@media only screen and (max-width: 767px) {
  .tpd-setting-box {
    padding: 50px 20px;
  }
}
.tpd-setting-box.profile {
  padding: 12px;
}
.tpd-setting-from {
  padding: 0 40px;
}
.tpd-setting-from .tpd-input {
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tpd-setting-from {
    padding: 0 20px;
  }
}
.tpd-setting-btn {
  margin-top: 30px;
}
.tpd-setting-btn button {
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  padding: 12px 45px;
  border-radius: 4px;
  background: var(--tp-dashboard-primary);
  color: var(--tp-common-white);
  box-shadow: 0 0 1px 0 #1438b5, 0 1px 2px 0 rgba(20, 56, 181, 0.25);
}
.tpd-setting-btn button:hover {
  box-shadow: none;
  background: #425EFF;
}
.tpd-setting-cartificate {
  padding: 24px 40px 48px;
}
@media only screen and (max-width: 767px) {
  .tpd-setting-cartificate {
    padding: 15px 20px 30px;
  }
}
.tpd-setting-cartificate-upload {
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .tpd-setting-cartificate-upload {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
.tpd-setting-cartificate-title {
  font-weight: 600;
  font-size: 16px;
  color: #303651;
  margin-bottom: 20px;
}
.tpd-setting-cartificate-content p {
  font-weight: 400;
  font-size: 14px;
  color: #686a6d;
  margin-bottom: 15px;
}
.tpd-setting-cartificate-content .upload-btn {
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-dashboard-primary);
  cursor: pointer;
  border-radius: 4px;
  background: #e9ecff;
  padding: 8px 16px 9px 16px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tpd-setting-cartificate-content .upload-btn:hover {
  color: var(--tp-common-white);
}
.tpd-setting-cartificate-content .upload-btn span {
  display: inline-block;
  transform: translateY(-2px);
  margin-right: 4px;
}
.tpd-setting-cartificate-content .upload-btn label {
  cursor: pointer;
}
.tpd-setting-cartificate-content .upload-btn input {
  display: none;
}
.tpd-setting-cartificate-thumb {
  margin-right: 25px;
}
.tpd-setting-cartificate-btn button {
  font-weight: 600;
  font-size: 16px;
  padding: 12px 60px;
  border-radius: 4px;
  display: inline-block;
  background: var(--tp-dashboard-primary);
  color: var(--tp-common-white);
  box-shadow: 0 0 1px 0 #1438b5, 0 1px 2px 0 rgba(20, 56, 181, 0.25);
}
.tpd-setting-cartificate-btn button:hover {
  box-shadow: none;
  background: #425EFF;
}
.tpd-setting-password-content .tpd-input {
  margin-bottom: 20px;
}

.tpd-setting-social-title {
  font-size: 17px;
  font-weight: 600;
  color: #303651;
  margin-bottom: 40px;
}
.tpd-setting-social-icon {
  width: 120px;
  margin-right: 115px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpd-setting-social-icon {
    margin-right: 85px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpd-setting-social-icon {
    margin-right: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpd-setting-social-icon {
    margin-right: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpd-setting-social-icon {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tpd-setting-social-icon {
    margin-bottom: 10px;
  }
}
.tpd-setting-social-icon img {
  margin-right: 10px;
}
.tpd-setting-social-icon h4 {
  font-size: 15px;
  font-weight: 500;
  color: #303651;
  margin: 0;
}
.tpd-setting-social-icon h4 span {
  display: inline-block;
  transform: translateY(-2px);
  margin-left: 5px;
}
.tpd-setting-social-input .tpd-input input {
  height: 50px;
  width: 510px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpd-setting-social-input .tpd-input input {
    width: 440px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tpd-setting-social-input .tpd-input input {
    width: 350px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tpd-setting-social-input .tpd-input input {
    width: 300px;
  }
}
.tpd-setting-social-wrap {
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .tpd-setting-social-wrap {
    flex-wrap: wrap;
  }
}

.tpd-setting-withdraw-content .tpd-setting-from {
  padding: 0;
  padding-top: 40px;
}
.tpd-setting-withdraw-content-box-title {
  font-weight: 500;
  font-size: 16px;
  color: #303651;
  margin: 0;
  text-align: start;
  display: block;
}
.tpd-setting-withdraw-content-box-sub {
  font-weight: 400;
  font-size: 14px;
  color: #8f9195;
  display: block;
}
.tpd-setting-withdraw-title {
  font-size: 17px;
  font-weight: 600;
  color: #303651;
  margin-bottom: 25px;
}

.tpd-new-course-heading-title {
  font-size: 20px;
  font-weight: 600;
  color: #303651;
}
.tpd-new-course-box {
  margin-right: 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 (max-width: 767px) {
  .tpd-new-course-box {
    margin-right: 0;
  }
}
.tpd-new-course-box .accordion-item {
  border: none;
  margin-bottom: 15px;
  border-radius: 10px;
}
.tpd-new-course-box .accordion-item .accordion-button {
  padding: 22px 34px;
  border-radius: 10px;
  border-bottom: 1px solid #e6e8f0;
}
.tpd-new-course-box .accordion-item .accordion-button:not(.collapsed) {
  border-radius: 0;
  box-shadow: none;
  padding: 22px 34px;
  background-color: transparent;
}
.tpd-new-course-box .accordion-item .accordion-button:focus {
  border-color: transparent;
  box-shadow: none;
}
.tpd-new-course-box .accordion-item .accordion-button .collapsed {
  border-radius: 10px !important;
}
.tpd-new-course-box-1 {
  padding: 5px 15px;
}
@media only screen and (max-width: 767px) {
  .tpd-new-course-box-1 {
    padding: 5px 0px;
  }
}
.tpd-new-course-box-1 .tpd-input {
  margin-bottom: 20px;
}
.tpd-new-course-box-1 .tpd-input input {
  height: 46px;
}
.tpd-new-course-box-1 .tpd-input textarea {
  height: 90px;
  resize: block;
}
.tpd-new-course-box-1 .tpd-input.height-auto textarea {
  height: 120px;
}
.tpd-new-course-box-1 .tpd-input.about-height textarea {
  height: 160px;
}
.tpd-new-course-box-1 p {
  font-size: 15px;
  font-weight: 400;
  color: #8f9195;
  margin-bottom: 30px;
}
.tpd-new-course-box-1 p a {
  color: var(--tp-dashboard-primary);
}
.tpd-new-course-box-1 .tpd-setting-cartificate-upload {
  margin: 0;
}
.tpd-new-course-box-2 {
  padding: 30px;
  margin: 0 15px;
  border-radius: 6px;
  border: 1px solid #e6e8f0;
  background: var(--tp-common-white);
  box-shadow: inset 0 1px 4px 0 rgba(48, 54, 81, 0.06), 0 1px 1px 0 rgba(48, 54, 81, 0.06);
}
@media only screen and (max-width: 767px) {
  .tpd-new-course-box-2 {
    margin: 0;
    padding: 15px;
  }
}
.tpd-new-course-box-2 .tp-dashboard-tab-list {
  margin-bottom: 30px;
  padding: 0;
}
.tpd-new-course-box-2 .tp-dashboard-tab-list ul {
  border-bottom: 1px solid #e6e8f0;
}
.tpd-new-course-box-2 .tp-dashboard-tab-list ul li span {
  display: inline-block;
  margin-right: 5px;
  transform: translateY(-2px);
}
.tpd-new-course-box-2 .tpd-input label {
  display: block;
}
.tpd-new-course-box-2 .tpd-input input {
  width: 370px;
  height: 46px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .tpd-new-course-box-2 .tpd-input input {
    width: 100%;
  }
}
.tpd-new-course-box-2 p {
  font-size: 14px;
  font-weight: 400;
  color: #85878b;
  margin-bottom: 25px;
}
.tpd-new-course-box-2 p span {
  display: inline-block;
  margin-right: 5px;
  transform: translateY(-2px);
}
@media only screen and (max-width: 767px) {
  .tpd-new-course-box-duration {
    flex-wrap: wrap;
  }
}
.tpd-new-course-box-duration .tpd-input input {
  display: block;
  width: 240px;
  margin-bottom: 10px;
  padding-right: 16px;
  padding-left: 20px;
}
.tpd-new-course-box-duration .tpd-input p {
  line-height: 1;
  margin: 0;
}
.tpd-new-course-setting-title {
  font-size: 18px;
  font-weight: 500;
  color: #303651;
}
.tpd-new-course-categories {
  padding: 30px 15px;
}
@media only screen and (max-width: 767px) {
  .tpd-new-course-categories {
    padding: 30px 0;
  }
}
.tpd-new-course-categories .tpd-select .nice-select {
  width: 100%;
  height: 46px;
  line-height: 40px;
  font-size: 16px;
  color: #8f9195;
  font-weight: 400;
  float: inherit;
  border: 1px solid #e6e8f0;
  box-shadow: inset 0 1px 4px 0 rgba(48, 54, 81, 0.06), 0 1px 1px 0 rgba(48, 54, 81, 0.06);
}
.tpd-new-course-categories .tpd-select .nice-select::after {
  right: 20px;
  color: #65676a;
}
.tpd-new-course-categories .tpd-select .nice-select .list {
  width: 100%;
  padding: 10px 0px;
}
@media only screen and (max-width: 767px) {
  .tpd-new-course-categories .tpd-input-box {
    flex-wrap: wrap;
  }
}
.tpd-new-course-categories .tpd-input-box .tpd-input {
  margin-right: 20px;
}
.tpd-new-course-categories .tpd-input-box .tpd-input input {
  width: 240px;
}
.tpd-new-course-categories .tpd-input-box .tpd-input label {
  display: block;
}
.tpd-new-course-categories .tpd-input {
  margin-bottom: 30px;
}
.tpd-new-course-categories .tpd-input.course-file {
  margin-bottom: 10px;
}
.tpd-new-course-categories .tpd-input input {
  height: 46px;
}
.tpd-new-course-categories .tpd-order-filter a {
  padding: 4px 21.5px;
  border-radius: 100px;
  background-color: #fff;
  border: 1px solid #e6e8f0;
  box-shadow: inset 0 1px 4px 0 rgba(48, 54, 81, 0.06);
}
.tpd-new-course-categories #tpd-new-course-file-input {
  display: none;
}
.tpd-new-course-select2 .select2-container--default .select2-selection--single {
  display: none;
  height: 0;
}
.tpd-new-course-select2 .tpd-input {
  margin: 0;
}
.tpd-new-course-file-content {
  border-radius: 6px;
  padding: 48px 10px;
  border: 1.5px dashed #cfd5e5;
  background-size: cover;
  background-repeat: no-repeat;
}
.tpd-new-course-file-content label {
  display: inline-block !important;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  padding: 7px 20px;
  cursor: pointer;
  width: 255px;
  border-radius: 6px;
  background-color: #76b559;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  margin-bottom: 15px;
  color: var(--tp-common-white);
  box-shadow: 0 10px 20px 0 rgba(20, 55, 3, 0.2);
}
.tpd-new-course-file-content label:hover {
  background-color: var(--tp-dashboard-primary);
}
.tpd-new-course-file-content p {
  font-size: 14px;
  font-weight: 600;
  color: #656872;
  margin: 0;
}
.tpd-new-course-wrapper .tpd-new-course-categories {
  padding: 6px 15px 25px;
}
.tpd-new-course-wrapper .tpd-new-course-categories .tpd-input {
  margin: 0;
}
.tpd-new-course-modal-btn {
  padding: 16px 15px 25px;
}
.tpd-new-course-modal-btn .btn-primary {
  background-color: var(--tp-dashboard-primary);
  box-shadow: 0 0 1px 0 #1438b5, 0 1px 2px 0 rgba(20, 56, 181, 0.25);
}
.tpd-new-course-modal-btn .btn-primary span {
  display: inline-block;
  margin-right: 5px;
  transform: translateY(-2px);
}
.tpd-new-course-modal-btn .btn-primary:hover {
  box-shadow: none;
}
.tpd-new-course-instructor {
  padding: 16px 15px 25px;
}
.tpd-new-course-instructor-user {
  width: 280px;
  padding: 13px 20px;
  border-radius: 6px;
  margin-bottom: 20px;
  border: 1px solid #e6e8f0;
  background: var(--tp-common-white);
  box-shadow: inset 0 1px 4px 0 rgba(48, 54, 81, 0.06), 0 1px 1px 0 rgba(48, 54, 81, 0.06);
}
.tpd-new-course-instructor-user span {
  font-size: 18px;
  font-weight: 400;
  color: #697089;
}
.tpd-new-course-instructor-user img {
  width: 42px;
  margin-right: 14px;
}
.tpd-new-course-instructor .btn-primary {
  color: var(--tp-dashboard-primary);
  padding: 7px 21px;
  background: #e9ecff;
  border-color: #e9ecff;
}
.tpd-new-course-instructor .btn-primary span {
  display: inline-block;
  margin-right: 5px;
  transform: translateY(-2px);
}
.tpd-new-course-instructor .upload-btn {
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-dashboard-primary);
  padding: 10px 19px;
  border-radius: 6px;
  background: #e9ecff;
}
.tpd-new-course-instructor .upload-btn label {
  cursor: pointer;
}
.tpd-new-course-instructor .upload-btn span {
  display: inline-block;
  margin-right: 5px;
  transform: translateY(-2px);
}
.tpd-new-course-instructor .upload-btn input {
  display: none;
}
@media only screen and (max-width: 767px) {
  .tpd-new-course-cartificate {
    margin-bottom: 30px;
  }
}
.tpd-new-course-cartificate img {
  width: 100%;
}

.tpd-input .switcher label * {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #5F6168;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpd-input .switcher label * {
    font-size: 13px;
  }
}
.tpd-input .switcher label * svg {
  position: absolute;
  top: 0;
  left: 0;
}
.tpd-input .switcher label input {
  display: none;
}
.tpd-input .switcher label input + span {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 26px;
  background: #c2cae7;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  flex: 0 0 auto;
}
.tpd-input .switcher label input + span small {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  left: 4px;
  top: 3px;
  background: linear-gradient(180deg, #fff 0%, #d6dcef 100%);
  box-shadow: -1px 2px 3px 0 rgba(18, 20, 32, 0.3);
}
.tpd-input .switcher label input:checked + span {
  background: var(--tp-dashboard-primary);
}
.tpd-input .switcher label input:checked + span small {
  left: 56%;
}

.tpd-redio-style-span {
  top: 50%;
  width: 20px;
  right: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  display: inline-block;
  border: 1px solid #b8babc;
  transform: translateY(-50%);
  box-shadow: 0 0 1px 0 #1438b5;
}
.tpd-redio-style-span::after {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  content: "";
  top: 0;
  left: 0;
  background-color: var(--tp-dashboard-primary);
  display: inline-block;
  opacity: 0;
  transition: all 0.1s;
}
.tpd-redio-style-span::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: white;
  border-radius: 50%;
  transition: all 0.2s;
  margin: auto;
  padding: 0;
  outline: 0;
  overflow: hidden;
  box-sizing: border-box;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scale(0);
}
.tpd-redio-style .nav.nav-tabs {
  border: none;
}
.tpd-redio-style .nav.nav-tabs .nav-item {
  position: relative;
}
.tpd-redio-style .nav.nav-tabs .nav-item:not(:last-of-type) {
  margin-right: 20px;
}
.tpd-redio-style .nav.nav-tabs .nav-item .nav-link {
  border-radius: 6px;
  padding: 13px 84px 13px 21px;
  border: 1px solid #e6e8f0;
  background: var(--tp-common-white);
  box-shadow: inset 0 1px 4px 0 rgba(48, 54, 81, 0.06), 0 1px 1px 0 rgba(48, 54, 81, 0.06);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpd-redio-style .nav.nav-tabs .nav-item .nav-link {
    padding: 13px 65px 13px 21px;
  }
}
.tpd-redio-style .nav.nav-tabs .nav-item .nav-link.active .tpd-redio-style-span {
  border: none;
}
.tpd-redio-style .nav.nav-tabs .nav-item .nav-link.active .tpd-redio-style-span::after {
  opacity: 1;
}
.tpd-redio-style .nav.nav-tabs .nav-item .nav-link.active .tpd-redio-style-span::before {
  transform: scale(1);
  transition: all 0.4s;
}
.tpd-redio-style.tmy-tab .nav.nav-tabs .nav-item .nav-link {
  color: #4A4E68;
  font-size: 15px;
  font-weight: 400;
  box-shadow: none;
  border-radius: 50px;
  padding: 6px 30px 6px 40px;
  border-color: transparent;
}
.tpd-redio-style.tmy-tab .nav.nav-tabs .nav-item:not(:last-of-type) {
  margin-right: 8px;
}
.tpd-redio-style.tmy-tab .tpd-redio-style-span {
  left: 11px;
}
@media only screen and (max-width: 767px) {
  .tpd-redio-style.tmy-tab .tpd-redio-style-span {
    top: 11px;
    transform: translateY(0);
  }
}

/*----------------------------------------*/
/*  8.0 Dashboard Learning
/*----------------------------------------*/
.tpd-continue-learning-wrapper {
  position: relative;
  display: flex;
  width: 100%;
}
@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), only screen and (max-width: 767px) {
  .tpd-continue-learning-wrapper {
    flex-wrap: wrap-reverse;
  }
}
.tpd-continue-learning-sidebar {
  width: 400px;
  flex: 0 0 400px;
  background-color: var(--tp-common-white);
  box-shadow: 0 1px 1px 0 rgba(3, 11, 30, 0.14), 0 1px 2px 1px rgba(3, 11, 30, 0.06);
}
@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), only screen and (max-width: 767px) {
  .tpd-continue-learning-sidebar {
    width: 100%;
    flex: 0 0 100%;
  }
}
.tpd-continue-learning-main {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px), 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), only screen and (max-width: 767px) {
  .tpd-continue-learning-main {
    min-height: inherit;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpd-continue-learning-main {
    width: 65%;
  }
}
.tpd-continue-learning-accordion {
  padding: 20px 24px;
}
.tpd-continue-learning-accordion .accordion-item {
  border: none;
  margin-bottom: 15px;
  border-radius: 10px;
  border: 1px solid #e6e8f0;
}
.tpd-continue-learning-accordion .accordion-item .accordion-button {
  padding: 15px 20px;
  border-radius: 10px;
  color: #697089;
  border-bottom: 1px solid #e6e8f0;
  box-shadow: inset 0 1px 4px 0 rgba(48, 54, 81, 0.06), 0 1px 1px 0 rgba(48, 54, 81, 0.06);
}
.tpd-continue-learning-accordion .accordion-item .accordion-button:not(.collapsed) {
  border-radius: 0;
  box-shadow: none;
  padding: 15px 20px;
  color: var(--tp-dashboard-primary);
  background-color: transparent;
}
.tpd-continue-learning-accordion .accordion-item .accordion-button:not(.collapsed)::before {
  color: var(--tp-dashboard-primary);
  transform: rotate(-90deg);
}
.tpd-continue-learning-accordion .accordion-item .accordion-button:focus {
  border-color: transparent;
  box-shadow: none;
}
.tpd-continue-learning-accordion .accordion-item .accordion-button .collapsed {
  border-radius: 10px !important;
}
.tpd-continue-learning-accordion .accordion-item .accordion-button::after {
  content: none;
}
.tpd-continue-learning-accordion .accordion-item .accordion-button::before {
  position: absolute;
  right: 20px;
  top: 15px;
  color: #57595f;
  content: "\f105";
  transform: rotate(0deg);
  font-family: fontawesome;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tpd-continue-learning-accordion .accordion-item .accordion-button span {
  margin-right: 25px;
  margin-left: auto;
  color: #8f9195;
}
.tpd-continue-learning-body {
  padding: 10px 0;
}
.tpd-continue-learning-body-item a {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  width: 100%;
  padding: 14px 18px;
}
.tpd-continue-learning-body-item a.active {
  background: #eff2fa;
}
.tpd-continue-learning-body-item a.active p {
  color: var(--tp-dashboard-primary);
}
.tpd-continue-learning-body-item a:hover {
  background: #eff2fa;
}
.tpd-continue-learning-body-item a:hover p {
  color: var(--tp-dashboard-primary);
}
.tpd-continue-learning-body-item a p {
  margin: 0;
  line-height: 1;
  font-weight: 400;
  font-size: 15px;
  color: #57595f;
}
.tpd-continue-learning-body-item a p span {
  display: inline-block;
  margin-right: 8px;
  transform: translateY(-2px);
}
.tpd-continue-learning-body-item a i {
  font-size: 18px;
  color: var(--tp-dashboard-primary);
  border-radius: 50%;
  box-shadow: 0 1px 1px 0 rgba(20, 56, 181, 0.25);
}
.tpd-continue-learning-body-item a .time p {
  font-weight: 400;
  font-size: 14px;
  margin-right: 5px;
  color: #697089;
  display: inline-block;
}
.tpd-continue-learning-popup {
  padding: 14px 25px;
  background: var(--tp-dashboard-primary);
}
@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), only screen and (max-width: 767px) {
  .tpd-continue-learning-popup {
    display: none !important;
  }
}
.tpd-continue-learning-popup-main span {
  display: inline-block;
  height: 32px;
  width: 32px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  background-color: #3a52d7;
  color: var(--tp-common-white);
}
.tpd-continue-learning-popup-main span.crose {
  color: var(--tp-dashboard-primary);
  background-color: rgba(255, 255, 255, 0.9);
}
.tpd-continue-learning-popup-main span svg {
  transform: translate(-2px, -1px);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tpd-continue-learning-popup-main span .svg-2 {
  transform: translate(0px, 0px);
}
.tpd-continue-learning-popup-main span.active .svg-1 {
  transform: scaleX(-1);
}
.tpd-continue-learning-popup-main p {
  font-size: 18px;
  font-weight: 500;
  color: var(--tp-common-white);
  margin: 0 15px;
}
.tpd-continue-learning-about-bg {
  background-color: var(--tp-common-white);
}
.tpd-continue-learning-about-thumb img {
  width: 100%;
}
.tpd-continue-learning-about-wrapper {
  padding-left: 265px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpd-continue-learning-about-wrapper {
    padding-left: 150px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tpd-continue-learning-about-wrapper {
    padding-left: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tpd-continue-learning-about-wrapper {
    padding-left: 20px;
  }
}
.tpd-continue-learning-about-wrapper h4 {
  font-size: 20px;
  font-weight: 500;
  color: #333;
}
.tpd-continue-learning-about-wrapper p {
  font-weight: 400;
  font-size: 15px;
  color: #6b7194;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tpd-continue-learning-about-wrapper p br {
    display: none;
  }
}
.tpd-continue-learning-about-btn {
  padding: 18px 0;
  background: #eff2fa;
}
.tpd-continue-learning-about-btn .next {
  display: inline-block;
  margin-left: 8px;
}
.tpd-continue-learning-about-btn a {
  display: inline-block;
  border-radius: 6px;
  padding: 3px 13px;
  font-size: 15px;
  font-weight: 400;
  color: #000;
  border: 1px solid rgba(60, 102, 249, 0.2);
}
.tpd-continue-learning-about-btn a span {
  display: inline-block;
  margin: 0 5px;
  transform: translateY(-1px);
}
.tpd-continue-learning-about-btn a:hover {
  color: var(--tp-common-white);
  background: var(--tp-dashboard-primary);
  box-shadow: 0 0 1px 0 #1438b5, 0 1px 1px 0 rgba(20, 56, 181, 0.25);
}
@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) {
  .tpd-continue-learning-quiz {
    padding-top: 100px;
  }
}
.tpd-continue-learning-content span {
  font-weight: 400;
  font-size: 15px;
  color: #6b7194;
  display: inline-block;
}
.tpd-continue-learning-content h4 {
  font-weight: 600;
  font-size: 20px;
  color: #333;
  margin-bottom: 45px;
}
.tpd-continue-learning-q {
  padding: 16px 0;
  margin-bottom: 30px;
  border-top: 1px solid #dcdee6;
  border-bottom: 1px solid #dcdee6;
}
@media only screen and (max-width: 767px) {
  .tpd-continue-learning-q {
    flex-wrap: wrap;
  }
}
.tpd-continue-learning-q-item:not(:last-of-type) {
  margin-right: 150px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpd-continue-learning-q-item:not(:last-of-type) {
    margin-right: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpd-continue-learning-q-item:not(:last-of-type) {
    margin-right: 50px;
  }
}
.tpd-continue-learning-q-item p {
  font-weight: 400;
  font-size: 16px;
  color: #6b7194;
  margin: 0;
}
.tpd-continue-learning-q-item p span {
  color: #4a4e68;
}
@media only screen and (max-width: 767px) {
  .tpd-continue-learning-q-item p {
    margin-bottom: 20px;
  }
}

/*---------------------------------
    1.2 hero Classes
---------------------------------*/
.tp-hero-yoga-ptb {
  padding-top: 160px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-hero-yoga-ptb {
    padding-top: 120px;
  }
}
.tp-hero-yoga-title {
  font-family: var(--tp-ff-rufina);
  font-weight: 400;
  font-size: 150px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-yoga-title {
    font-size: 140px;
  }
}
@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), only screen and (max-width: 767px) {
  .tp-hero-yoga-title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-yoga-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-hero-yoga-title {
    font-size: 45px;
  }
}
.tp-hero-yoga-title span {
  display: inline-block;
}
@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), only screen and (max-width: 767px) {
  .tp-hero-yoga-title span {
    margin: 0;
  }
}
.tp-hero-yoga-btm-title {
  margin-left: 153px;
  margin-right: 225px;
}
@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), only screen and (max-width: 767px) {
  .tp-hero-yoga-btm-title {
    margin-left: 0;
    margin-right: 0;
  }
}
.tp-hero-yoga-about {
  box-shadow: 0 10px 10px 0 rgba(39, 13, 5, 0.16);
  background: var(--tp-red-4);
  border: 1px solid #fff;
  border-radius: 16px;
  width: 320px;
}
@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), only screen and (max-width: 767px) {
  .tp-hero-yoga-about {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-hero-yoga-about {
    margin-bottom: 30px;
  }
}
.tp-hero-yoga-shape {
  bottom: 13px;
  left: 47px;
  z-index: -1;
}
.tp-hero-yoga-thumb {
  margin-left: -70px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-yoga-thumb {
    margin-left: -50px;
  }
}
@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), only screen and (max-width: 767px) {
  .tp-hero-yoga-thumb {
    margin-left: 0;
  }
  .tp-hero-yoga-thumb img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-hero-yoga-thumb {
    margin-bottom: 30px;
  }
}
.tp-hero-yoga-bottom {
  margin-top: -315px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-yoga-bottom {
    margin-top: -170px;
  }
}
@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), only screen and (max-width: 767px) {
  .tp-hero-yoga-bottom {
    margin-top: 30px;
  }
}
.tp-hero-yoga-bottom-content {
  padding: 20px 20px 0px 0px;
}
.tp-hero-yoga-bottom-content .tp-video-icon p {
  font-weight: 400;
  font-size: 16px;
  margin-right: 10px;
}
.tp-hero-yoga-bottom-content .tp-video-icon a {
  margin-bottom: 0;
}
.tp-hero-yoga-bottom-content .tp-video-icon a span {
  color: var(--tp-common-black);
  height: 40px;
  width: 40px;
  line-height: 41px;
  box-shadow: none;
  font-size: 14px;
  padding-left: 3px;
}
.tp-hero-yoga-bottom-content .titles {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-yoga-bottom-content .titles {
    font-size: 12px;
  }
}
.tp-hero-yoga-bottom-thumb {
  margin-top: -30px;
  margin-left: -20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-yoga-right-content {
    margin-left: -15px;
  }
}
.tp-hero-yoga-right-content p {
  font-size: 20px;
  line-height: 28px;
  color: var(--tp-common-white);
}
@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), only screen and (max-width: 767px) {
  .tp-hero-yoga-right-content p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), 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), only screen and (max-width: 767px) {
  .tp-hero-yoga-content {
    text-align: center;
  }
}
.tp-hero-chef-thumb {
  margin-left: -22px;
  height: 100%;
}
@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), only screen and (max-width: 767px) {
  .tp-hero-chef-thumb {
    margin-left: 0;
  }
}
.tp-hero-chef-thumb .thumb {
  object-fit: cover;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-chef-thumb .thumb {
    height: 600px;
  }
}
.tp-hero-chef-video {
  border: 1.5px solid var(--tp-theme-10);
  border-radius: 56px;
  width: 60px;
  height: 60px;
  display: inline-block;
  box-shadow: 2px 2px 0 0 var(--tp-theme-10);
  color: var(--tp-theme-10);
  background: var(--tp-common-white);
  text-align: center;
  line-height: 60px;
}
.tp-hero-chef-video:hover {
  box-shadow: none;
  color: var(--tp-theme-10);
}
.tp-hero-chef-video-wrap .text {
  font-family: var(--tp-ff-tropiline);
  font-weight: 700;
  font-size: 17px;
  color: var(--tp-heading-5);
  line-height: 22px;
}
.tp-hero-chef-content {
  padding-left: 225px;
  padding-top: 220px;
  padding-bottom: 90px;
  padding-right: 180px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-hero-chef-content {
    padding-left: 170px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-chef-content {
    padding-left: 130px;
  }
}
@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), only screen and (max-width: 767px) {
  .tp-hero-chef-content {
    padding-left: 100px;
    padding-top: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-hero-chef-content {
    padding-top: 150px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-hero-chef-content {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-hero-chef-content .tp-chef-btn-lg {
    margin-bottom: 20px;
  }
}
.tp-hero-chef-title {
  font-family: var(--tp-ff-tropiline-bold);
  font-weight: 700;
  font-size: 76px;
  color: var(--tp-heading-5);
  line-height: 105%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-chef-title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-chef-title {
    font-size: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-hero-chef-title {
    font-size: 38px;
  }
}
.tp-hero-chef-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
}
.tp-hero-chef-text {
  animation: tp-rotate-video-text 12s linear infinite;
}
.tp-hero-chef-clients h3 {
  font-family: var(--tp-ff-tropiline-bold);
  font-weight: 700;
  font-size: 40px;
  line-height: 1;
  color: var(--tp-heading-5);
}
.tp-hero-chef-clients span {
  font-family: var(--tp-ff-tropiline);
  font-weight: 600;
  font-size: 17px;
  color: rgba(45, 42, 41, 0.8);
  line-height: 26px;
}
.tp-hero-chef-clients-wrap .tp-borders {
  background: rgba(33, 33, 32, 0.1);
  width: 280px;
  height: 1px;
  display: inline-block;
  margin-top: 54px;
  margin-left: -54px;
  margin-right: 22px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-chef-clients-wrap .tp-borders {
    width: 170px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-hero-chef-clients-wrap .tp-borders {
    width: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-hero-chef-clients-wrap .tp-borders {
    width: 60px;
  }
}
.tp-hero-chef-clients-wrap .rounded-text {
  border: 1px solid rgba(33, 33, 32, 0.1);
  border-radius: 100px;
  width: 110px;
  height: 110px;
  display: inline-block;
  text-align: center;
  line-height: 104px;
}
.tp-hero-chef-card {
  position: absolute;
  bottom: 70px;
  left: -170px;
}
@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), only screen and (max-width: 767px) {
  .tp-hero-chef-card {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.tp-hero-chef-shape {
  top: 200px;
  right: 80px;
  animation: tpupdown 1s infinite alternate;
}
.tp-hero-chef-shape-2 {
  left: 30px;
  bottom: 60px;
  animation: hero-dot-2 4s linear 0s infinite alternate;
}
.tp-hero-chef-social {
  position: absolute;
  top: 46%;
  transform: translateY(-50%);
  left: 50px;
  z-index: 2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), 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), only screen and (max-width: 767px) {
  .tp-hero-chef-social {
    left: 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), only screen and (max-width: 767px) {
  .tp-hero-chef-social {
    top: 30%;
  }
}
.tp-hero-chef-social span {
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--tp-heading-5);
  writing-mode: sideways-rl;
  position: relative;
  display: inline-block;
  padding-bottom: 80px;
  line-height: 1.4;
  margin-bottom: 10px;
}
.tp-hero-chef-social span::before {
  background: rgba(45, 42, 41, 0.1);
  width: 2px;
  height: 60px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  content: "";
}
.tp-hero-chef-social ul {
  display: flex;
  flex-direction: column;
}
.tp-hero-chef-social ul li {
  list-style: none;
  margin-bottom: 7px;
}
.tp-hero-chef-social ul li a {
  color: var(--tp-heading-5);
  font-size: 18px;
}
.tp-hero-chef-social ul li a:hover {
  color: var(--tp-theme-10);
}
.tp-hero-quran-content {
  padding-top: 250px;
  padding-bottom: 175px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-hero-quran-content {
    padding-top: 180px;
    padding-bottom: 100px;
  }
}
.tp-hero-quran-subtitle {
  font-weight: 400;
  font-size: 20px;
  color: var(--tp-common-yellow);
}
.tp-hero-quran-title {
  font-weight: 600;
  font-size: 70px;
  letter-spacing: -0.02em;
  line-height: 109%;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-quran-title {
    font-size: 65px;
  }
}
@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) {
  .tp-hero-quran-title {
    font-size: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-hero-quran-title {
    font-size: 35px;
  }
}
.tp-hero-quran-title span {
  color: var(--tp-common-yellow);
}
.tp-hero-quran-text {
  font-weight: 300;
  font-size: 20px;
  line-height: 28px;
  color: var(--tp-common-white);
}
@media only screen and (max-width: 767px) {
  .tp-hero-quran-text br {
    display: none;
  }
}
.tp-hero-quran-shape {
  position: absolute;
  right: -18px;
  top: 213px;
  animation: hero-dot-1 5s linear 0s infinite alternate;
}
.tp-hero-quran-shape-2 {
  left: 37px;
  bottom: 105px;
  z-index: -1;
}
.tp-hero-quran-shape-3 {
  position: absolute;
  top: 100px;
  left: 0;
  z-index: -1;
}
.tp-hero-quran-shape-4 {
  position: absolute;
  top: 219px;
  left: 240px;
  z-index: -1;
  animation: hero-dot-1 5s linear 0s infinite alternate;
}
.tp-hero-quran-thumb {
  margin-bottom: -105px;
}
@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), only screen and (max-width: 767px) {
  .tp-hero-quran-thumb {
    margin-bottom: 0;
    margin-left: 0;
  }
}
.tp-hero-quran-social {
  top: 57%;
  left: 90px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), 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), only screen and (max-width: 767px) {
  .tp-hero-quran-social {
    left: 10px;
  }
}
.tp-hero-quran-social span {
  color: var(--tp-common-white);
}
.tp-hero-quran-social span::before {
  background: rgba(255, 255, 255, 0.1);
}
.tp-hero-quran-social ul li a {
  color: var(--tp-common-white);
}
.tp-hero-quran-social ul li a:hover {
  color: var(--tp-common-yellow);
}

.tp-cta-3-wrap {
  z-index: 1;
}

/*---------------------------------
    1.2 Common Classes
---------------------------------*/
.tp-yoga-btn {
  padding: 12px 25px;
  background: var(--tp-red-5);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.02em;
  color: var(--tp-common-white);
  border-radius: 200px;
  display: inline-block;
  transition: all 0.3s ease;
}
.tp-yoga-btn:hover {
  background: var(--tp-heading-5);
  color: var(--tp-common-white);
}
.tp-yoga-btn-yelow {
  background: var(--tp-red-5);
  color: var(--tp-common-white);
  padding: 12px 40px;
}
.tp-yoga-btn-yelow:hover {
  color: var(--tp-common-white);
  background: var(--tp-red-4);
}
.tp-yoga-btn-border {
  border: 1px solid rgba(45, 42, 41, 0.1);
  background: transparent;
  padding: 11px 40px;
  color: var(--tp-common-black);
}
.tp-yoga-btn-border:hover {
  background: var(--tp-red-5);
  color: var(--tp-common-white);
}
.tp-yoga-subtitle {
  font-family: var(--tp-ff-rufina);
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--tp-red-4);
}
.tp-yoga-title {
  font-family: var(--tp-ff-rufina);
  font-weight: 400;
  font-size: 60px;
  letter-spacing: -0.02em;
  color: var(--tp-heading-5);
  line-height: 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) {
  .tp-yoga-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-yoga-title {
    font-size: 42px;
  }
}
.tp-yoga-text {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
  color: var(--tp-grey-8);
}

.tp-chef-btn {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  text-align: right;
  color: var(--tp-theme-10);
  border: 1.5px solid var(--tp-theme-10);
  border-radius: 46px;
  padding: 11px 26px;
  box-shadow: 2px 2px 0 0 var(--tp-theme-10);
  background: var(--tp-common-white);
  display: inline-block;
}
.tp-chef-btn:hover {
  box-shadow: none;
  color: var(--tp-theme-10);
}
.tp-chef-btn-squre {
  border-radius: 16px;
}
.tp-chef-btn-lg {
  padding: 13px 35px;
}
.tp-chef-btn-shadow-4 {
  box-shadow: 4px 4px 0 0 var(--tp-theme-10);
}
.tp-chef-section-subtitle {
  font-family: var(--tp-ff-tropiline);
  font-weight: 600;
  font-size: 17px;
  color: var(--tp-theme-10);
  letter-spacing: 1px;
}
.tp-chef-section-title {
  font-family: var(--tp-ff-tropiline-bold);
  font-weight: 700;
  font-size: 50px;
  color: var(--tp-heading-5);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-chef-section-title {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-chef-section-title {
    font-size: 30px;
  }
}

.tp-quran-btn {
  font-weight: 500;
  font-size: 17px;
  color: #223d32;
  padding: 9px 24px;
  background: var(--tp-common-yellow);
  border-radius: 50px;
  display: inline-block;
  border: 1px solid transparent;
}
.tp-quran-btn:hover {
  background: var(--tp-common-white);
  color: var(--tp-heading-5);
  border-color: var(--tp-common-yellow);
}
.tp-quran-btn-lg {
  padding: 14px 31px;
}
.tp-quran-btn-green {
  background: var(--tp-theme-11);
  color: var(--tp-common-white);
}
.tp-quran-btn-green:hover {
  background: var(--tp-common-yellow);
  color: var(--tp-heading-5);
}
.tp-quran-section-subtitle {
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -0.01em;
  color: var(--tp-theme-11);
}
.tp-quran-section-title {
  font-weight: 600;
  font-size: 50px;
  line-height: 116%;
  letter-spacing: -0.02em;
  color: var(--tp-heading-primary);
}
@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), only screen and (max-width: 767px) {
  .tp-quran-section-title {
    font-size: 40px;
  }
}
@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), only screen and (max-width: 767px) {
  .tp-quran-section-title br {
    display: none;
  }
}
.tp-quran-section-text {
  font-size: 17px;
  letter-spacing: 0.1px;
}
.tp-quran-grey-bg {
  background: #f8f8f8;
}

@media (min-width: 1400px) {
  .custom-container-1823 {
    max-width: 1823px;
  }
}
@media (min-width: 1400px) {
  .custom-container-1590 {
    max-width: 1590px;
  }
}
@media (min-width: 1400px) {
  .custom-container-1750 {
    max-width: 1750px;
  }
}
@media (min-width: 1400px) {
  .custom-container-1490 {
    max-width: 1490px;
  }
}
@media (min-width: 1400px) {
  .custom-container-1330 {
    max-width: 1330px;
  }
}
.gx-10 {
  --bs-gutter-x: 10px;
}

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

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

.chef-bg-2 {
  background: #f7f6f4;
}

@-webkit-keyframes tpshake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
@-moz-keyframes tpshake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
@-ms-keyframes tpshake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes tpshake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
.bg-position {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.tp-megamenu-up-speacing {
  padding: 50px 50px 10px 50px;
}

@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), only screen and (max-width: 767px) {
  .offcanvas__update .tp-main-menu-content {
    margin-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), only screen and (max-width: 767px) {
  .offcanvas__update .tp-megamenu-up-speacing {
    padding: 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), only screen and (max-width: 767px) {
  .tp-megamenu-up-speacing {
    padding: 0;
  }
}

/*---------------------------------
    1.2 header Classes
---------------------------------*/
.tp-header-yoga .main-menu > nav > ul > li.has-dropdown > a::after {
  display: none;
}
.tp-header-yoga .main-menu > nav > ul > li {
  margin: 0px 15px;
}
@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), only screen and (max-width: 767px) {
  .tp-header-yoga .main-menu > nav > ul > li {
    margin: 0px 10px;
  }
}
.tp-header-yoga .main-menu > nav > ul > li > a {
  padding: 34px 0;
  font-weight: 400;
}
.tp-header-yoga .main-menu > nav > ul > li.tp-header-yoga-logo {
  margin: 0px 42px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-yoga .main-menu > nav > ul > li.tp-header-yoga-logo {
    margin: 0px 22px;
  }
}
.tp-header-yoga .main-menu > nav > ul > li.tp-header-yoga-logo a {
  padding: 0;
}
.tp-header-yoga .tp-header-5-cart button i {
  height: 22px;
  width: 22px;
  line-height: 22px;
  color: var(--tp-red-4);
  border: none;
  background-color: var(--tp-common-white);
  box-shadow: 0 0 1px 0 #5b7d55;
}
.tp-header-yoga-sidebar .offcanvas-open-btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  padding-left: 14px;
  padding-top: 6px;
}
.tp-header-yoga-sidebar .offcanvas-open-btn:hover {
  background: none;
}
.tp-header-yoga-sidebar .offcanvas-open-btn:hover span {
  width: 20px;
}
.tp-header-yoga-sidebar .offcanvas-open-btn span {
  height: 2px;
  width: 12px;
  display: block;
  border-radius: 10px;
  background: var(--tp-common-white);
}
.tp-header-yoga-sidebar .offcanvas-open-btn span:nth-child(2) {
  width: 20px;
}
.tp-header-yoga-sidebar .offcanvas-open-btn span:not(:last-child) {
  margin-bottom: 3px;
}
.tp-header-yoga-social ul {
  display: flex;
}
.tp-header-yoga-social ul li {
  list-style: none;
  margin-right: 24px;
}
.tp-header-yoga-social ul li a {
  color: var(--tp-common-white);
}
.tp-header-yoga .tp-header-sticky .main-menu > nav > ul > li > a {
  color: var(--tp-common-black);
  padding: 27px 0;
}
.tp-header-yoga .tp-header-sticky .main-menu > nav > ul > li.tp-header-yoga-logo a {
  padding: 0;
}
.tp-header-yoga .tp-header-sticky .main-menu > nav > ul > li.tp-header-yoga-logo .logo-white {
  display: none;
}
.tp-header-yoga .tp-header-sticky .main-menu > nav > ul > li.tp-header-yoga-logo .logo-red {
  display: inline-block !important;
}
.tp-header-yoga .tp-header-sticky .tp-header-yoga-social ul li a {
  color: var(--tp-common-black);
}
.tp-header-yoga .tp-header-sticky .tp-header-5-cart button span {
  color: var(--tp-common-black);
}
.tp-header-yoga .tp-header-sticky .tp-header-5-cart button i {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-header-yoga .tp-header-sticky .tp-header-yoga-sidebar .offcanvas-open-btn span {
  background: var(--tp-common-black);
}
.tp-header-yoga .tp-header-sticky .tp-header-yoga-sidebar .offcanvas-open-btn {
  border: 1px solid rgba(22, 21, 21, 0.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), only screen and (max-width: 767px) {
  .tp-header-yoga-lg-spacing {
    padding: 20px 0px;
  }
  .tp-header-yoga-lg-spacing .tp-header-sticky {
    padding: 10px 0px;
  }
}
.tp-header-yoga .tp-megamenu-home-item:hover .tp-megamenu-home-title .yellow {
  color: var(--tp-red-5);
}
.tp-header-yoga .tp-megamenu-courses-list a:hover {
  color: var(--tp-red-5);
}
.tp-header-yoga .tp-megamenu-courses-list a::before {
  background-color: var(--tp-red-5);
}
.tp-header-yoga .tp-megamenu-fullwidth-list ul li a:hover.yellow {
  color: var(--tp-red-5);
}
.tp-header-yoga .tp-megamenu-fullwidth-list ul li a::before {
  background-color: var(--tp-red-5) !important;
}
.tp-header-yoga .tp-megamenu-academics-list a:hover {
  color: var(--tp-red-5);
}
.tp-header-yoga .tp-megamenu-academics-list a::before {
  background-color: var(--tp-red-5) !important;
}
.tp-header-yoga .main-menu > nav > ul > li > .tp-submenu li:hover > a, .tp-header-yoga .main-menu > nav > ul > li > .tp-submenu li.active > a {
  color: var(--tp-red-5);
}
.tp-header-chef .main-menu > nav > ul > li {
  margin: 0px 45px;
  margin-left: 0;
}
.tp-header-chef .main-menu > nav > ul > li > a {
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
  color: var(--tp-heading-5);
}
.tp-header-chef .tp-header-yoga-sidebar .offcanvas-open-btn {
  border: 1.5px solid var(--tp-theme-10);
  box-shadow: 2px 2px 0 0 var(--tp-theme-10);
  background: var(--tp-common-white);
  transition: all 0.4s ease;
}
.tp-header-chef .tp-header-yoga-sidebar .offcanvas-open-btn:hover {
  box-shadow: none;
}
.tp-header-chef .tp-header-yoga-sidebar .offcanvas-open-btn span {
  background: var(--tp-theme-10);
}
.tp-header-chef .tp-header-5-cart button i {
  color: var(--tp-theme-10);
}
.tp-header-chef .tp-header-sticky .tp-header-yoga-sidebar .offcanvas-open-btn span {
  background: var(--tp-theme-10);
}
.tp-header-chef .tp-header-sticky .tp-header-5-cart button span {
  color: var(--tp-theme-10);
}
.tp-header-chef .tp-header-sticky .tp-header-5-cart button i {
  background: var(--tp-theme-10);
  color: var(--tp-common-white);
}
.tp-header-chef .tp-megamenu-container {
  width: 100%;
}
.tp-header-chef .tp-megamenu-home-item:hover .tp-megamenu-home-title .yellow {
  color: var(--tp-theme-10);
}
.tp-header-chef .tp-megamenu-fullwidth-list ul li a:hover.yellow {
  color: var(--tp-theme-10);
}
.tp-header-chef .tp-megamenu-fullwidth-list ul li a:hover.yellow::before {
  background: var(--tp-theme-10);
}
.tp-header-chef .tp-megamenu-courses-list a:hover {
  color: var(--tp-theme-10);
}
.tp-header-chef .tp-megamenu-courses-list a::before {
  background: var(--tp-theme-10);
}
.tp-header-quran {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.tp-header-quran-border {
  width: 1px;
  height: 30px;
  background: rgba(255, 255, 255, 0.2);
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .tp-header-quran-border {
    display: none;
  }
}
.tp-header-quran .tp-header-5-cart button i {
  color: var(--tp-red-4);
  border: 3px solid #1E5541;
  background-color: var(--tp-common-yellow);
  line-height: 17px;
}
.tp-header-quran .main-menu > nav > ul > li > a {
  padding: 27px 0;
  font-weight: 500;
  font-size: 17px;
}
.tp-header-quran .tp-header-yoga .main-menu > nav > ul > li {
  margin: 0px 18px;
}
@media only screen and (max-width: 767px) {
  .tp-header-quran .tp-header-yoga-sidebar {
    margin-left: 20px;
  }
}
.tp-header-quran .tp-header-sticky .tp-header-5-login button span {
  color: var(--tp-common-black);
}
.tp-header-quran .tp-header-sticky .logo-white {
  display: none;
}
.tp-header-quran .tp-header-sticky .logo-black {
  display: block !important;
}
.tp-header-quran .tp-header-sticky .tp-header-quran-border {
  background: rgba(16, 16, 16, 0.21);
}
.tp-header-quran .tp-megamenu-home-item:hover .tp-megamenu-home-title .yellow {
  color: var(--tp-theme-11);
}
.tp-header-quran .tp-megamenu-fullwidth-list ul li a:hover.yellow {
  color: var(--tp-theme-11);
}
.tp-header-quran .tp-megamenu-fullwidth-list ul li a::before {
  background-color: var(--tp-theme-11) !important;
}
.tp-header-quran .tp-megamenu-courses-list a:hover {
  color: var(--tp-theme-11);
}
.tp-header-quran .tp-megamenu-courses-list a::before {
  background-color: var(--tp-theme-11);
}
.tp-header-quran .tp-megamenu-small-content .tp-megamenu-list a:hover {
  color: var(--tp-theme-11);
}
.tp-header-quran .tp-megamenu-small-content .tp-megamenu-list a::before {
  background-color: var(--tp-theme-11);
}
.tp-header-quran .main-menu > nav > ul > li > .tp-submenu li > a::before {
  background-color: var(--tp-theme-11);
}
.tp-header-quran .main-menu > nav > ul > li > .tp-submenu li:hover > a {
  color: var(--tp-theme-11);
}

.tp-megamenu-home-title .new {
  font-size: 12px;
  font-weight: 600;
  border-radius: 100px;
  padding: 2px 8px 2px;
  margin-left: 3px;
  color: var(--tp-common-white);
  background: #E70C46;
  box-shadow: 0px 4px 8px 0px rgba(150, 5, 40, 0.25);
  display: inline-block;
  transform: translateY(-1px);
}

.tp-megamenu-home-item.comeing-soon .tp-megamenu-home-thumb {
  position: relative;
}
.tp-megamenu-home-item.comeing-soon .tp-megamenu-home-thumb::before {
  position: absolute;
  z-index: 22;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  backdrop-filter: blur(6px);
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}

/*---------------------------------
    1.2 about Classes
---------------------------------*/
.tp-about-yoga-content p {
  font-weight: 300;
  font-size: 18px;
  line-height: 156%;
  color: var(--tp-grey-8);
}
.tp-about-yoga-content .about-btn {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.02em;
  color: var(--tp-red-4);
  border-bottom: 1px solid var(--tp-red-4);
}
.tp-about-yoga-content .about-btn:hover {
  color: var(--tp-red-5);
  border-color: var(--tp-red-5);
}
.tp-about-yoga-title {
  font-family: var(--tp-ff-rufina);
  font-weight: 400;
  font-size: 60px;
  line-height: 1;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--tp-red-4);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-about-yoga-title {
    font-size: 40px;
  }
}
.tp-about-yoga-shape {
  top: 187px;
  left: 0;
}
.tp-about-yoga-shape-2 {
  top: 187px;
  right: 0;
}
.tp-about-quran-thumb {
  margin-right: 270px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-quran-thumb {
    margin-right: 200px;
  }
}
@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), only screen and (max-width: 767px) {
  .tp-about-quran-thumb {
    margin-right: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-about-quran-thumb {
    margin-right: 0;
  }
}
.tp-about-quran-thumb-2 {
  margin-right: 14px;
  margin-left: 233px;
  margin-top: -330px;
}
@media only screen and (max-width: 767px) {
  .tp-about-quran-thumb-2 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
.tp-about-quran-thumb-2 img {
  border: 10px solid var(--tp-common-white);
}
.tp-about-quran-shape {
  position: absolute;
  bottom: 50px;
  left: -54px;
  z-index: -1;
  animation: hero-dot-2 4s linear 0s infinite alternate;
}
.tp-about-quran-shape-2 {
  position: absolute;
  left: -50px;
  top: 60px;
  animation: hero-dot-1 5s linear 0s infinite alternate;
}
@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), only screen and (max-width: 767px) {
  .tp-about-quran-shape-2 {
    left: 0;
  }
}
.tp-about-quran-counter {
  backdrop-filter: blur(20px);
  background: var(--tp-theme-11);
  width: 210px;
  padding-left: 24px;
  position: absolute;
  top: 45px;
  right: 24px;
}
.tp-about-quran-counter h2 {
  font-weight: 700;
  font-size: 70px;
  letter-spacing: -0.03em;
  color: var(--tp-common-white);
  margin-bottom: 0;
}
.tp-about-quran-counter span {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: var(--tp-common-white);
}
.tp-about-quran-wrapper {
  margin-left: 80px;
}
@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), only screen and (max-width: 767px) {
  .tp-about-quran-wrapper {
    margin-left: 0;
  }
}
.tp-about-quran-wrapper .tp-section p {
  margin-left: 0;
  color: #57595f;
}
.tp-about-quran-wrapper .tp-section p::before {
  background-color: var(--tp-theme-11);
}
.tp-about-quran-wrapper .tp-about-list {
  margin-left: 26px;
}
.tp-about-quran-wrapper .tp-about-list-title {
  margin-bottom: 7px;
}

/*---------------------------------
    1.2 about Classes
---------------------------------*/
.tp-benefits-yoga-title {
  font-weight: 400;
  font-size: 20px;
  color: #2d2a29;
}
.tp-benefits-yoga-wrap p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--tp-grey-9);
}
.tp-benefits-yoga-border {
  border-left: 1px solid rgba(147, 49, 21, 0.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), only screen and (max-width: 767px) {
  .tp-benefits-yoga-border {
    padding-left: 0;
    margin-left: 0;
    border: none;
  }
}

/*---------------------------------
    1.2  Classes
---------------------------------*/
.tp-classes-yoga-bg {
  background: rgba(147, 49, 21, 0.06);
}
.tp-classes-yoga-tag {
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--tp-red-4);
  margin-bottom: 2px;
  display: inline-block;
}
.tp-classes-yoga-title {
  font-family: var(--tp-ff-marcellus);
  font-weight: 400;
  font-size: 30px;
  letter-spacing: -0.01em;
  color: var(--tp-heading-4);
}
@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), only screen and (max-width: 767px) {
  .tp-classes-yoga-title {
    font-size: 22px;
  }
}
.tp-classes-yoga-thumb img {
  transition: all 0.4s ease;
}
.tp-classes-yoga-wrap {
  background: #f9f4f1;
  box-shadow: 0 0 30px 0 rgba(45, 42, 41, 0.08);
}
.tp-classes-yoga-wrap:hover .tp-classes-yoga-thumb img {
  transform: scale(1.1);
}
.tp-classes-yoga-wrap:hover .tp-classes-yoga-link {
  opacity: 1;
  margin-top: 0;
}
.tp-classes-yoga-meta {
  display: flex;
  align-items: center;
}
.tp-classes-yoga-meta span {
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-grey-8);
  display: flex;
  align-items: center;
}
.tp-classes-yoga-meta span:not(:last-child) {
  margin-right: 17px;
  padding-right: 17px;
  border-right: 1px solid rgba(147, 49, 21, 0.1);
}
.tp-classes-yoga-content {
  padding: 25px 30px 33px 35px;
}
.tp-classes-yoga-price {
  font-weight: 600;
  font-size: 24px;
  text-transform: uppercase;
  color: var(--tp-common-white);
  border-radius: 60px;
  width: 70px;
  height: 70px;
  background: var(--tp-red-5);
  display: inline-block;
  text-align: center;
  line-height: 70px;
  position: absolute;
  top: -35px;
  right: 35px;
}
.tp-classes-yoga-3-wrap {
  background: none;
  box-shadow: none;
  border: 1px solid rgba(45, 42, 41, 0.08);
}
.tp-classes-yoga-3-wrap .tp-classes-yoga-title {
  font-family: var(--tp-ff-rufina);
  color: var(--tp-heading-5);
  font-size: 22px;
}
.tp-classes-yoga-3-wrap .tp-classes-yoga-title a:hover {
  color: var(--tp-red-4);
}
.tp-classes-yoga-3-wrap .tp-classes-yoga-tag {
  font-weight: 300;
  font-size: 18px;
  color: var(--tp-grey-8);
  text-transform: unset;
  margin-bottom: 0;
}
.tp-classes-yoga-3-wrap .tp-classes-yoga-content {
  padding: 28px 10px 28px 10px;
}
.tp-classes-yoga-link {
  width: 120px;
  height: 120px;
  padding: 15px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 30px;
  transition: 350ms cubic-bezier(0.37, 0, 0.63, 1);
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  background: var(--tp-common-white);
  font-family: var(--tp-ff-rufina);
  color: var(--tp-heading-5);
  font-size: 22px;
  font-weight: 400;
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  margin-top: 15px;
}
.tp-classes-yoga-link:hover {
  color: var(--tp-red-4);
}

/*---------------------------------
    1.2 chose
---------------------------------*/
@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), only screen and (max-width: 767px) {
  .tp-chose-yoga-content {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .tp-chose-yoga-thumb .thumb {
    margin-right: 70px;
  }
}
.tp-chose-yoga-thumb .thumb-2 {
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
@media only screen and (max-width: 767px) {
  .tp-chose-yoga-thumb .thumb-2 {
    width: 140px;
  }
}
.tp-chose-yoga-shape {
  top: 60px;
  right: 0;
  z-index: -1;
}
.tp-chose-yoga-text {
  font-family: var(--tp-ff-rufina);
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--tp-red-4);
  position: absolute;
  writing-mode: sideways-lr;
  top: -63px;
  left: -35px;
  height: 100%;
}
@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), only screen and (max-width: 767px) {
  .tp-chose-yoga-text {
    display: none;
  }
}
.tp-chose-yoga-icon {
  border: 1px solid rgba(147, 49, 21, 0.1);
  border-radius: 40px;
  width: 78px;
  height: 78px;
  text-align: center;
  line-height: 78px;
  display: inline-block;
  flex: 0 0 auto;
  margin-right: 23px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-chose-yoga-spacing {
    padding-bottom: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-chose-yoga-feature {
    margin-left: 0;
  }
}
.tp-chose-yoga-feature-tittel {
  font-family: var(--tp-ff-rufina);
  font-weight: 700;
  font-size: 22px;
  color: var(--tp-heading-5);
}
.tp-chose-yoga-feature-content p {
  font-weight: 300;
  font-size: 17px;
  line-height: 24px;
  color: var(--tp-grey-8);
}

/*---------------------------------
    1.2 testimonial
---------------------------------*/
.tp-testimonial-yoga-border {
  border-top: 1px solid rgba(147, 49, 21, 0.1);
}
.tp-testimonial-yoga-shape {
  margin-top: -100px;
  padding: 0 50px;
  background: var(--tp-grey-7);
  display: inline-block;
}
.tp-testimonial-yoga-shape .shape-img {
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tp-testimonial-yoga-shape .shape-text img {
  animation: tp-rotate-video-text 12s linear infinite;
}
.tp-testimonial-yoga-shape-3 {
  bottom: 46px;
  right: 0;
}
.tp-testimonial-yoga-content p {
  font-family: var(--tp-ff-rufina);
  font-weight: 400;
  font-size: 28px;
  letter-spacing: -0.01em;
  color: var(--tp-heading-5);
  line-height: 40px;
}
@media only screen and (max-width: 767px) {
  .tp-testimonial-yoga-content p {
    font-size: 20px;
    line-height: 33px;
  }
}
.tp-testimonial-yoga-content h5 {
  font-family: var(--tp-ff-rufina);
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.01em;
  color: var(--tp-heading-5);
}
.tp-testimonial-yoga-content span {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--tp-grey-8);
}
.tp-testimonial-yoga-wrap {
  padding: 0 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-yoga-wrap {
    padding: 0 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-testimonial-yoga-wrap {
    padding: 0;
  }
}
.tp-testimonial-yoga-arrow span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -138px;
  border-right: 1px solid #d9d9d9;
  height: 120px;
  line-height: 120px;
  padding-right: 30px;
  color: var(--tp-heading-5);
  transition: all 0.4s ease;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-testimonial-yoga-arrow span {
    left: 0;
    top: 80%;
    border: none;
    z-index: 99;
  }
}
.tp-testimonial-yoga-arrow span:hover {
  color: var(--tp-red-4);
}
.tp-testimonial-yoga-arrow span.tp-testimonial-yoga-next {
  left: auto;
  right: -138px;
  border-right: 0;
  border-left: 1px solid #d9d9d9;
  height: 120px;
  padding-right: 0;
  padding-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-testimonial-yoga-arrow span.tp-testimonial-yoga-next {
    right: 0;
    border: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-testimonial-chef-thumb {
    margin-bottom: 30px;
    margin-top: 0;
  }
}
.tp-testimonial-chef-thumb img {
  border-radius: 20px;
}
.tp-testimonial-chef-ratings span {
  color: var(--tp-theme-10);
  font-size: 17px;
}
.tp-testimonial-chef-slide-wrap {
  box-shadow: 6px 6px 0 0 #ff5224;
  background: var(--tp-common-yellow);
  border: 1.5px solid #ff5224;
  border-radius: 20px;
  padding: 60px 49px 40px 49px;
  margin-top: -131px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-testimonial-chef-slide-wrap {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-testimonial-chef-slide-wrap {
    padding: 60px 29px 40px 29px;
  }
}
.tp-testimonial-chef-comment {
  font-family: var(--tp-ff-tropiline);
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: var(--tp-common-black);
}
@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), only screen and (max-width: 767px) {
  .tp-testimonial-chef-comment {
    font-size: 22px;
  }
}
.tp-testimonial-chef-qoute {
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  text-align: center;
}
.tp-testimonial-chef-name {
  font-family: var(--tp-ff-tropiline);
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  color: var(--tp-common-black);
}
.tp-testimonial-chef-dot {
  text-align: center;
}
.tp-testimonial-chef-dot span {
  border-radius: 20px;
  width: 30px;
  height: 6px;
  background: #e0dfdd;
  opacity: 1;
}
.tp-testimonial-chef-dot span.swiper-pagination-bullet-active {
  background: var(--tp-theme-10);
}
.tp-testimonial-chef-bg::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 75%;
  bottom: 0;
  left: 0;
  background: #f7f6f4;
  z-index: -1;
}
.tp-testimonial-chef-shape {
  left: 0;
  bottom: 266px;
}
.tp-testimonial-chef-shape-2 {
  right: 0;
  bottom: 125px;
  width: 11%;
}
.tp-testimonial-chef-shape-2 img {
  width: 100%;
}
.tp-testimonial-quran-wrap .tp-testimonial-6-item-title {
  font-size: 20px;
  font-weight: 400;
  color: var(--tp-theme-11);
  font-family: var(--tp-ff-body);
}

/*---------------------------------
    1.2 practice
---------------------------------*/
.tp-practice-yoga-content {
  background: #f3e9e4;
  padding: 85px 100px 90px 80px;
}
@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) {
  .tp-practice-yoga-content {
    padding: 25px 30px 30px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-practice-yoga-content {
    padding: 55px 30px 60px 30px;
  }
}
.tp-practice-yoga-list ul li {
  font-family: var(--tp-ff-rufina);
  font-weight: 400;
  font-size: 20px;
  color: var(--tp-heading-5);
  list-style: none;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(45, 42, 41, 0.1);
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.tp-practice-yoga-title {
  font-family: var(--tp-ff-rufina);
  font-weight: 400;
  font-size: 40px;
  color: var(--tp-heading-5);
}
@media only screen and (max-width: 767px) {
  .tp-practice-yoga-title {
    font-size: 30px;
  }
}
.tp-practice-yoga-video {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
}
.tp-practice-yoga-video .popup-video {
  font-size: 16px;
  color: var(--tp-common-white);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  line-height: 80px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: inline-block;
}
.tp-practice-yoga-video .popup-video::after {
  width: 104%;
  height: 104%;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/*---------------------------------
    1.2 team
---------------------------------*/
.tp-team-yoga-pos {
  font-weight: 400;
  font-size: 15px;
  color: #525356;
}
.tp-team-yoga-title {
  font-family: var(--tp-ff-rufina);
  font-weight: 400;
  font-size: 24px;
  letter-spacing: -0.02em;
  color: #141820;
}
.tp-team-yoga-title:hover {
  color: var(--tp-red-4);
}
.tp-team-yoga-thumb::before {
  position: absolute;
  content: "";
  background: linear-gradient(180deg, rgba(147, 49, 21, 0) 38.02%, #933115 100%);
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.tp-team-yoga-wrap:hover .tp-team-yoga-social a {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.tp-team-yoga-wrap:hover .tp-team-yoga-link a {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.tp-team-yoga-wrap:hover .tp-team-yoga-thumb::before {
  visibility: visible;
  opacity: 1;
}
.tp-team-yoga-social {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-yoga-social {
    bottom: 10px;
    left: 10px;
  }
}
.tp-team-yoga-social a {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  text-align: center;
  line-height: 37px;
  display: inline-block;
  background: var(--tp-common-white);
  opacity: 0;
  -webkit-transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(25px);
  transform: translateY(25px);
  margin-right: 3px;
  color: var(--tp-common-black);
}
.tp-team-yoga-social a:hover {
  color: var(--tp-red-4);
}
.tp-team-yoga-social a:nth-child(1) {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tp-team-yoga-social a:nth-child(2) {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.tp-team-yoga-link {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-yoga-link {
    bottom: 10px;
    right: 10px;
  }
}
.tp-team-yoga-link a {
  font-family: var(--tp-ff-manrope);
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--tp-common-white);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
  display: inline-block;
  -webkit-transform: translateY(25px);
  transform: translateY(25px);
}
.tp-team-yoga-link a span {
  border: 2px solid rgba(255, 255, 255, 0.2);
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 36px;
  display: inline-block;
  border-radius: 50%;
  margin-left: 4px;
  color: var(--tp-common-white);
  transition: all 0.4s ease;
}
.tp-team-yoga-link a span:hover {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.tp-team-quran-wrap .tp-team-yoga-thumb::before {
  background: linear-gradient(180deg, rgba(29, 146, 103, 0) 38.02%, #1d9267 100%);
}
.tp-team-quran-wrap .tp-team-yoga-title {
  font-family: var(--tp-ff-body);
  font-weight: 500;
  font-size: 22px;
  color: #161613;
}
.tp-team-quran-wrap .tp-team-yoga-title a:hover {
  color: var(--tp-theme-11);
}

/*---------------------------------
    1.2 counter
---------------------------------*/
.tp-counter-yoga-number {
  font-weight: 600;
  font-size: 60px;
  letter-spacing: -0.03em;
  color: var(--tp-common-white);
}
.tp-counter-yoga-subtitle {
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
}
.tp-counter-yoga-wrap.tp-border {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-counter-yoga-wrap.tp-border {
    border-right: 0;
  }
}
.tp-counter-chef-wrap .tp-counter-yoga-number {
  font-family: var(--tp-ff-inter);
  color: var(--tp-common-black);
}
.tp-counter-chef-wrap .tp-counter-yoga-subtitle {
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--tp-text-body);
}
.tp-counter-chef-wrap .tp-border {
  border-right: 1px solid rgba(33, 33, 32, 0.08);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-counter-chef-wrap .tp-border {
    border: none;
  }
}
.tp-counter-quran-subtitle {
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  color: var(--tp-heading-primary);
}
@media only screen and (max-width: 767px) {
  .tp-counter-quran-subtitle {
    font-size: 14px;
  }
}
.tp-counter-quran-wrap {
  border-top: 1px solid #f7f6f4;
}
@media only screen and (max-width: 767px) {
  .tp-counter-quran-wrap {
    border-top: none;
  }
}
.tp-counter-quran-wrap .tp-counter-yoga-number {
  color: var(--tp-theme-11);
}
.tp-counter-quran-wrap .tp-counter-yoga-subtitle {
  font-weight: 400;
  text-transform: uppercase;
  color: #7a7d84;
}
.tp-counter-quran-wrap .tp-counter-yoga-wrap {
  padding-top: 66px;
  padding-bottom: 60px;
  border-right: 1px solid #f7f6f4;
  border-left: 1px solid #f7f6f4;
  margin-left: -1px;
}
@media only screen and (max-width: 767px) {
  .tp-counter-quran-wrap .tp-counter-yoga-wrap {
    border-right: 0;
    border-left: 0;
    padding-top: 16px;
    padding-bottom: 20px;
  }
}

/*---------------------------------
    1.2  faq
---------------------------------*/
.tp-faq-yoga-shape {
  bottom: 220px;
  left: 0;
}
.tp-faq-yoga-wrap {
  margin-top: -24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-faq-yoga-wrap {
    margin-top: 0;
    margin-left: 0;
  }
}
.tp-faq-yoga-wrap .tpd-accordion {
  padding-right: 0;
}
.tp-faq-yoga-wrap .tpd-accordion .accordion-button.collapsed {
  background: none;
  box-shadow: none;
  border: none;
  padding: 0;
  padding-right: 50px;
}
.tp-faq-yoga-wrap .accordion-item {
  padding: 23px 0px;
  background: none;
}
.tp-faq-yoga-wrap .tpd-accordion .accordion-button:not(.collapsed) {
  background-color: inherit;
  border: none;
  padding: 0;
  color: var(--tp-red-4);
}
.tp-faq-yoga-wrap .tpd-accordion .accordion-button:not(.collapsed) .accordion-btn {
  background: none;
  border: none;
}
.tp-faq-yoga-wrap .tpd-accordion .accordion-button:not(.collapsed) .accordion-btn::before {
  background: var(--tp-red-4);
}
.tp-faq-yoga-wrap .tpd-accordion .accordion-button:not(.collapsed) .accordion-btn::after {
  background: var(--tp-red-4);
}
.tp-faq-yoga-wrap .tpd-accordion .accordion-item.expand {
  box-shadow: inherit;
  border-radius: 1px !important;
}
.tp-faq-yoga-wrap .tpd-accordion .accordion-body {
  border: none;
  padding: 0;
  font-size: 18px;
  line-height: 26px;
  color: var(--tp-grey-8);
  padding-top: 17px;
  padding-right: 30px;
  font-weight: 400;
}
.tp-faq-yoga-wrap .tpd-accordion .accordion-item {
  border-bottom: 1px solid rgba(45, 42, 41, 0.1);
  border-radius: 1px !important;
  margin-bottom: 0;
}
.tp-faq-yoga-wrap .tpd-accordion .accordion-button .accordion-btn {
  background: none;
  border: none;
  right: 0;
}
.tp-faq-yoga-wrap .tpd-accordion .accordion-button .accordion-btn::before {
  width: 14px;
  background: var(--tp-heading-5);
}
.tp-faq-yoga-wrap .tpd-accordion .accordion-button .accordion-btn::after {
  width: 14px;
  background: var(--tp-heading-5);
}
.tp-faq-yoga-wrap .tpd-accordion .accordion-button {
  font-family: var(--tp-ff-rufina);
  font-weight: 400;
  font-size: 24px;
  letter-spacing: -0.02em;
  color: var(--tp-heading-5);
}
@media only screen and (max-width: 767px) {
  .tp-faq-quran-thumb img {
    width: 100%;
  }
}
.tp-faq-quran-thumb-2 {
  right: 0;
  bottom: -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), only screen and (max-width: 767px) {
  .tp-faq-quran-thumb-2 {
    margin-right: 0;
  }
}
.tp-faq-quran-box .tpd-accordion {
  padding-right: 0;
}
.tp-faq-quran-box .tpd-accordion .accordion-button {
  border-radius: 0 !important;
}
.tp-faq-quran-box .tpd-accordion .accordion-body {
  border-radius: 0;
}
.tp-faq-quran-box .tpd-accordion .accordion-item.expand {
  border-radius: 0 !important;
}
.tp-faq-quran-box .tpd-accordion .accordion-button:not(.collapsed) {
  border-radius: 0 !important;
  border: none;
  color: var(--tp-theme-11);
}
.tp-faq-quran-box .tpd-accordion .accordion-item.expand {
  box-shadow: 0 6px 10px 0 rgba(22, 18, 3, 0.1);
  border: none !important;
}
.tp-faq-quran-box .tpd-accordion .accordion-item {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(20, 24, 32, 0.1);
}
.tp-faq-quran-box .tpd-accordion .accordion-button.collapsed {
  border: none !important;
}
.tp-faq-quran-box .tpd-accordion .accordion-body {
  border: none !important;
}
.tp-faq-quran-box .tpd-accordion .accordion-button:not(.collapsed) .accordion-btn::after {
  background-color: var(--tp-theme-11);
}

/*---------------------------------
    1.2  instagram
---------------------------------*/
.tp-instagram-yoga-wrap .tp-instagram-item::before {
  border-radius: 0px;
}
.tp-instagram-yoga-wrap .tp-instagram-item {
  border-radius: 0px;
}
.tp-instagram-yoga-wrap .tp-instagram-item img {
  border-radius: 0px;
}
.tp-instagram-yoga-wrap .tp-instagram-shape {
  width: 30px;
}
.tp-instagram-chef-thumb {
  border-radius: 10px;
}
.tp-instagram-chef-thumb a {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
}
.tp-instagram-chef-thumb a:hover::before {
  opacity: 1;
}
.tp-instagram-chef-thumb a:hover img {
  transform: scale(1.1) rotate(8deg);
}
.tp-instagram-chef-thumb a:hover svg {
  opacity: 1;
  top: 50%;
}
.tp-instagram-chef-thumb a::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 1;
}
.tp-instagram-chef-thumb a svg {
  position: absolute;
  color: var(--tp-common-white);
  font-size: 16px;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 65%;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 2;
}
.tp-instagram-chef-thumb img {
  border-radius: 10px;
  transition: all 0.4s ease;
}

/*---------------------------------
    1.2  cta
---------------------------------*/
.tp-cta-yoga-title {
  font-family: var(--tp-ff-rufina);
  font-weight: 400;
  font-size: 24px;
  letter-spacing: -0.02em;
  color: var(--tp-heading-5);
}
.tp-cta-yoga-icon {
  position: absolute;
  left: 21px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
}
.tp-cta-yoga-form .inputs {
  height: 56px;
  background: #f3e9e4;
  font-weight: 300;
  font-size: 16px;
  color: #86888d;
  padding: 10px 190px 10px 50px;
  border: none;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .tp-cta-yoga-form .inputs {
    padding: 10px 120px 10px 50px;
  }
}
.tp-cta-yoga-form .inputs::placeholder {
  font-weight: 300;
  font-size: 16px;
  color: #86888d;
}
.tp-cta-yoga-btn {
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  color: var(--tp-common-white);
  padding: 10px 48px;
  height: 100%;
  background: var(--tp-red-5);
  top: 0;
  right: 0;
  position: absolute;
}
@media only screen and (max-width: 767px) {
  .tp-cta-yoga-btn {
    padding: 10px 15px;
  }
}
.tp-cta-yoga-btn:hover {
  background: var(--tp-red-4);
}
.tp-cta-chef-bg {
  background: var(--tp-common-yellow);
  padding: 42px 50px 20px 50px;
  box-shadow: 6px 6px 0 0 #ff5224;
  border: 1.5px solid #ff5224;
  border-radius: 20px;
}
@media only screen and (max-width: 767px) {
  .tp-cta-chef-bg {
    padding: 42px 20px 20px 20px;
  }
}
.tp-cta-chef-shape {
  position: absolute;
  right: 77px;
  top: -5px;
  z-index: -1;
}
.tp-cta-chef-shape-2 {
  position: absolute;
  left: -35px;
  top: -36px;
}
.tp-cta-chef-subtitle {
  font-family: var(--tp-ff-tropiline);
  font-weight: 600;
  font-size: 18px;
  color: var(--tp-theme-10);
}
.tp-cta-chef-title {
  font-family: var(--tp-ff-tropiline-bold);
  font-weight: 700;
  font-size: 36px;
  line-height: 117%;
  color: var(--tp-common-black);
}
@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), only screen and (max-width: 767px) {
  .tp-cta-chef-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-cta-chef-title {
    font-size: 26px;
  }
}
.tp-cta-chef-form .inputs {
  border: 1.5px solid var(--tp-theme-10);
  border-radius: 70px;
  background: var(--tp-common-white);
  height: 54px;
  padding-right: 150px;
  padding-left: 54px;
  color: var(--tp-common-black);
}
.tp-cta-chef-form .inputs:focus {
  border: 1.5px solid var(--tp-theme-10);
}
.tp-cta-chef-form .inputs::placeholder {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 16px;
  line-height: 187%;
  color: var(--tp-grey-8);
}
.tp-cta-chef-form .icon {
  position: absolute;
  left: 26px;
  top: 50%;
  transform: translateY(-50%);
}
.tp-cta-chef-form .button {
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  color: var(--tp-theme-10);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0px 24px;
  line-height: 1;
  border-left: 1.5px solid rgba(94, 90, 89, 0.2);
}
@media only screen and (max-width: 767px) {
  .tp-cta-chef-content {
    flex-direction: column;
  }
}
.tp-cta-quran-wrap .tp-cta-3-wrap {
  padding: 74px 40px;
  border-radius: 0;
  background: #f8f8f8;
  border: 20px solid var(--tp-common-white);
}
@media only screen and (max-width: 767px) {
  .tp-cta-quran-wrap .tp-cta-3-wrap {
    padding: 24px 20px;
    border: none;
  }
}
.tp-cta-quran-wrap .tp-cta-3-form-input input {
  border-radius: 50px;
  box-shadow: 0 1px 2px 0 rgba(17, 22, 29, 0.12);
  background: var(--tp-common-white);
  border: 1px solid transparent;
}
.tp-cta-quran-wrap .tp-cta-3-form-input input:focus {
  border-color: var(--tp-theme-11);
}
.tp-cta-quran-wrap .tp-cta-3-form-input textarea {
  border-radius: 20px;
  box-shadow: 0 1px 2px 0 rgba(17, 22, 29, 0.12);
  background: var(--tp-common-white);
  border: 1px solid transparent;
}
.tp-cta-quran-wrap .tp-cta-3-form-input textarea:focus {
  border-color: var(--tp-theme-11);
}
.tp-cta-quran-wrap .tp-cta-3-btn button {
  box-shadow: 0 1px 3px 0 rgba(17, 22, 29, 0.12);
  background: #11161d;
  border-radius: 50px;
}
.tp-cta-quran-wrap .tp-cta-3-btn button:hover {
  background: var(--tp-theme-11);
}

/*---------------------------------
    1.2  footer
---------------------------------*/
.tp-footer-yoga-location .titles {
  font-family: var(--tp-ff-rufina);
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: var(--tp-heading-5);
}
.tp-footer-yoga-location .titles .location {
  font-size: 16px;
}
.tp-footer-yoga-location .titles .location:hover {
  color: var(--tp-red-5);
}
.tp-footer-yoga-social a {
  border: 1px solid #e4e2dc;
  width: 38px;
  height: 38px;
  line-height: 38px;
  background: none;
  color: var(--tp-heading-5);
}
.tp-footer-yoga-social a:hover {
  background: var(--tp-red-5);
  color: var(--tp-common-white);
  border-color: var(--tp-red-5);
}
.tp-footer-yoga-call .titles {
  font-weight: 400;
  font-size: 20px;
  color: var(--tp-heading-5);
}
.tp-footer-yoga-call .titles a:hover {
  color: var(--tp-red-5);
}
.tp-footer-yoga-call .emails {
  font-weight: 300;
  font-size: 16px;
  color: var(--tp-heading-5);
}
.tp-footer-yoga-call .emails:hover {
  color: var(--tp-red-5);
}
.tp-footer-yoga-bottom {
  background: #f3e9e4;
  padding: 27px 0 17px 0px;
}
.tp-footer-yoga-bottom .tp-footer-copyright span {
  font-weight: 400;
  font-size: 16px;
  color: #86888d;
}
.tp-footer-yoga-bottom .tp-footer-copyright span a {
  color: var(--tp-heading-5);
}
@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), only screen and (max-width: 767px) {
  .tp-footer-chef-widget {
    margin-left: 0;
  }
}
.tp-footer-chef-widget ul li {
  list-style: none;
}
.tp-footer-chef-widget ul li:not(:last-child) {
  margin-bottom: 4px;
}
.tp-footer-chef-widget ul li a {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-text-body);
}
.tp-footer-chef-widget ul li a:hover {
  color: var(--tp-theme-10);
}
.tp-footer-chef-widget .tp-footer-yoga-social a:hover {
  background: var(--tp-theme-10);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-10);
}
.tp-footer-chef-widget-2 {
  margin-left: -25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-footer-chef-widget-2 {
    margin-left: 0;
  }
}
.tp-footer-chef-widget-content a {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--tp-text-body);
  margin-bottom: 20px;
  display: inline-block;
}
.tp-footer-chef-widget-content a:hover {
  color: var(--tp-theme-10);
}
.tp-footer-chef-text {
  font-family: var(--tp-ff-tropiline);
  font-weight: 500;
  font-size: 20px;
  color: var(--tp-common-black);
  line-height: 28px;
  letter-spacing: 1px;
}
@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), only screen and (max-width: 767px) {
  .tp-footer-chef-text br {
    display: none;
  }
}
.tp-footer-chef-contact span {
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-text-body);
}
.tp-footer-chef-contact a {
  font-weight: 600;
  font-size: 22px;
  color: var(--tp-common-black);
  display: block;
}
.tp-footer-chef-contact a:hover {
  color: var(--tp-theme-10);
}
.tp-footer-chef-contact-mail a {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-text-body);
}
.tp-footer-chef-contact-mail a:hover {
  color: var(--tp-theme-10);
}
.tp-footer-chef-title {
  font-family: var(--tp-ff-tropiline-bold);
  font-weight: 700;
  font-size: 20px;
  color: var(--tp-common-black);
}
.tp-footer-chef-bottom {
  border-top: 1px solid rgba(33, 33, 32, 0.1);
  padding: 28px 0px;
}
.tp-footer-chef-spacing {
  padding-top: 175px;
  margin-top: -84px;
}
.tp-footer-chef-copyright span {
  font-weight: 300;
  font-size: 16px;
  color: var(--tp-text-body);
}
.tp-footer-chef-copyright span a {
  color: var(--tp-theme-10);
}
.tp-footer-quran-wrap .tp-footer-newsletter-input input {
  border-radius: 40px;
}
.tp-footer-quran-wrap .tp-footer-newsletter-submit .tp-btn {
  border-radius: 40px;
  background-color: #fdf275;
  color: var(--tp-common-black);
}
.tp-footer-quran-wrap .tp-footer-newsletter-submit .tp-btn:hover {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-footer-quran-wrap .tp-footer-newsletter-social a {
  border-radius: 30px;
}

/*----------------------------------------*/
/*  2.6 cursor
/*----------------------------------------*/
.tp-cursor-point-area {
  cursor: none;
}

.mouseCursor {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: 50%;
  transform: translateZ(0);
  visibility: hidden;
  text-align: center;
}
.mouseCursor.cursor-big {
  width: 90px;
  height: 90px;
}
.mouseCursor.cursor-big.cursor-outer {
  display: none;
}

.cursor-inner {
  margin-left: -3px;
  margin-top: -3px;
  width: 0px;
  height: 0px;
  z-index: 10000001;
  background-color: #07203230;
  backdrop-filter: blur(10px);
  overflow: hidden;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.cursor-inner span {
  opacity: 0;
  font-size: 20px;
  line-height: 85px;
  color: var(--tp-common-white);
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.cursor-inner.cursor-big span {
  opacity: 1;
}

.cursor-inner-pizza {
  background: var(--tp-theme-5);
}

.cursor-inner-digi {
  background: var(--tp-theme-primary);
}

.cursor-hidden {
  opacity: 0;
  visibility: hidden;
}

/*---------------------------------
    1.2 courses Classes
---------------------------------*/
.tp-courses-chef-wrap {
  width: 330px;
  border-radius: 16px;
  background: var(--tp-common-white);
  padding: 27px 30px 23px 30px;
}
.tp-courses-chef-wrap:hover .tp-courses-chef-thumb img {
  transform: scale(1.06);
}
.tp-courses-chef-title {
  font-family: var(--tp-ff-tropiline);
  font-weight: 700;
  font-size: 20px;
  color: #212120;
  margin-bottom: 18px;
}
.tp-courses-chef-thumb {
  overflow: hidden;
  border-radius: 10px;
}
.tp-courses-chef-thumb img {
  border-radius: 10px;
  transition: all 0.4s ease;
}
.tp-courses-chef-studebts {
  display: flex;
  align-items: center;
}
.tp-courses-chef-studebts span {
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-grey-8);
  display: flex;
  align-items: center;
}
.tp-courses-chef-studebts span:not(:last-child) {
  border-right: 1px solid rgba(147, 49, 21, 0.1);
  padding-right: 16px;
  margin-right: 16px;
}
.tp-courses-chef-studebts span svg {
  margin-right: 6px;
}
.tp-courses-chef-price {
  font-family: var(--tp-ff-tropiline);
  font-weight: 800;
  font-size: 24px;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: var(--tp-theme-10);
  display: inline-block;
  border: 3px solid #fff;
  border-radius: 56px;
  width: 76px;
  height: 76px;
  background: var(--tp-common-yellow);
  text-align: center;
  line-height: 76px;
  position: absolute;
  top: -38px;
  right: 34px;
}
.tp-courses-chef-2-wrap {
  transition: all 0.4s ease;
  border-radius: 10px 10px 18px 18px;
}
.tp-courses-chef-2-wrap:hover {
  box-shadow: 0px 8px 16px 0px rgba(22, 18, 3, 0.08);
}
.tp-courses-chef-2-wrap:hover .tp-courses-chef-thumb img {
  transform: scale(1.06);
}
.tp-courses-chef-2-wrap .tp-courses-chef-ratings span {
  color: #FFB21D;
}
.tp-courses-chef-2-wrap .tp-courses-chef-ratings span i {
  font-size: 13px;
}
.tp-courses-chef-2-wrap .tp-courses-chef-title {
  font-size: 22px;
  line-height: 30px;
}
.tp-courses-chef-2-wrap .tp-courses-chef-title a:hover {
  color: var(--tp-theme-10);
}
.tp-courses-chef-2-wrap .tp-courses-chef-thumb {
  border-radius: 10px 10px 0px 0px;
}
.tp-courses-chef-2-wrap .tp-courses-chef-thumb img {
  border-radius: 10px 10px 0px 0px;
}
.tp-courses-chef-2-content {
  box-shadow: 0 1px 3px 0 rgba(33, 33, 32, 0.1);
  background: var(--tp-common-white);
  border-radius: 0 0 18px 18px;
  padding: 20px 42px 27px 30px;
}
.tp-courses-chef-dot {
  text-align: center;
}
.tp-courses-chef-dot span {
  border-radius: 20px;
  width: 30px;
  height: 6px;
  background: #e0dfdd;
  opacity: 1;
}
.tp-courses-chef-dot span.swiper-pagination-bullet-active {
  background: var(--tp-theme-10);
}
.tp-courses-chef-bottom {
  width: 100%;
  box-shadow: 0 1px 3px 0 rgba(33, 33, 32, 0.1);
  background: var(--tp-common-white);
  border-radius: 100px;
  padding: 18px 30px 3px 36px;
  flex-wrap: wrap;
}
.tp-courses-chef-bottom-subtitle {
  font-family: var(--tp-ff-tropiline);
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  color: var(--tp-theme-10);
}
.tp-courses-chef-bottom-title {
  font-family: var(--tp-ff-tropiline);
  font-weight: 700;
  font-size: 18px;
  color: #212120;
}
.tp-courses-chef-bottom-btn .tp-quran-btn {
  color: #223d32;
}
.tp-courses-chef-bottom-btn .tp-quran-btn:hover {
  background: #223d32;
  border-color: #223d32;
  color: var(--tp-common-white);
}
.tp-courses-chef-ratings {
  color: var(--tp-theme-10);
}
.tp-courses-chef-shape {
  left: 0;
  top: 0;
  width: 15%;
}
.tp-courses-chef-shape img {
  width: 100%;
}
.tp-courses-chef-shape-2 {
  right: 0;
  bottom: 90px;
  width: 12%;
}
.tp-courses-chef-shape-2 img {
  width: 100%;
}
.tp-courses-quran-wrap .tp-courses-chef-price {
  font-family: var(--tp-ff-body);
  font-weight: 600;
  color: var(--tp-heading-primary);
  line-height: 69px;
}
.tp-courses-quran-wrap .tp-courses-chef-title {
  font-family: var(--tp-ff-body);
  font-weight: 600;
  color: var(--tp-heading-primary);
  line-height: 1;
  margin-bottom: 10px;
}
.tp-courses-quran-wrap .tp-courses-chef-title a:hover {
  color: var(--tp-theme-11);
}
.tp-courses-quran-wrap .tp-courses-chef-bottom-subtitle {
  font-family: var(--tp-ff-body);
  font-weight: 400;
  color: var(--tp-theme-11);
}
.tp-courses-quran-wrap .tp-courses-chef-bottom-title {
  font-family: var(--tp-ff-body);
  font-weight: 600;
}
.tp-courses-quran-wrap .tp-courses-chef-dot span.swiper-pagination-bullet-active {
  background: var(--tp-theme-11);
}
.tp-courses-quran-shape-2 {
  position: absolute;
  top: 0;
  right: 114px;
  mix-blend-mode: luminosity;
  z-index: -1;
}
.tp-courses-quran-shape .tp-feature-quran-shape {
  left: -162px;
  top: -40px;
}
.tp-courses-quran-shape .tp-feature-quran-shape-2 {
  top: 126px;
  left: 25px;
}
.tp-courses-quran-shape .tp-feature-quran-shape-3 {
  width: 450px;
  height: 450px;
  bottom: -230px;
  right: -45px;
}
.tp-courses-quran-shape .tp-feature-quran-shape-4 {
  width: 200px;
  height: 200px;
  bottom: -60px;
  right: 144px;
}
.tp-courses-quran-shape .tp-feature-quran-shape-5 {
  position: absolute;
  right: auto;
  bottom: auto;
  left: 115px;
  top: 195px;
}
.tp-courses-quran-text {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: var(--tp-text-body);
  margin-bottom: 18px;
}

/*---------------------------------
    1.2 feature Classes
---------------------------------*/
.tp-feature-chef-title {
  font-family: var(--tp-ff-tropiline);
  font-weight: 700;
  font-size: 22px;
  color: var(--tp-heading-5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-feature-chef-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-feature-chef-title-wrap {
    padding-bottom: 30px;
  }
}
.tp-feature-chef-wrap {
  box-shadow: 0 10px 50px 0 rgba(31, 29, 27, 0.08);
  background: var(--tp-common-white);
  border-radius: 20px;
  padding: 45px 40px 33px 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-feature-chef-wrap {
    padding: 45px 15px 33px 15px;
  }
}
.tp-feature-chef-wrap:hover .tp-feature-chef-icon {
  animation-name: tpshake;
  animation-timing-function: ease-in-out;
  animation-duration: 0.4s;
  animation-iteration-count: 1;
}
.tp-feature-chef-wrap p {
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
  color: var(--tp-text-body);
}
.tp-feature-chef-icon {
  height: 72px;
  transition: all 0.4s ease;
}
.tp-feature-chef-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: -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), only screen and (max-width: 767px) {
  .tp-feature-chef-bg img {
    width: 100%;
  }
}
.tp-feature-chef-shape {
  position: absolute;
  top: -43px;
  left: 497px;
}
.tp-feature-quran-title {
  font-weight: 500;
  font-size: 20px;
  color: #244034;
}
@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), only screen and (max-width: 767px) {
  .tp-feature-quran-title {
    font-size: 18px;
  }
}
.tp-feature-quran-icon {
  width: 80px;
  height: 80px;
  display: inline-block;
  border-radius: 100px;
  border: 1px solid rgba(29, 146, 103, 0.1);
  line-height: 80px;
}
.tp-feature-quran-wrap {
  box-shadow: 0 14px 40px 0 rgba(22, 22, 19, 0.04);
  background: var(--tp-common-white);
  padding: 40px 20px 20px 20px;
  transition: all 0.4s ease;
}
.tp-feature-quran-wrap:hover {
  box-shadow: 0 1px 3px 0 rgba(33, 33, 32, 0.1);
}
.tp-feature-quran-wrap p {
  font-weight: 300;
  font-size: 17px;
  line-height: 24px;
  color: var(--tp-text-body);
}
.tp-feature-quran-shape {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: block;
}
.tp-feature-quran-shape-5 {
  position: absolute;
  right: 170px;
  bottom: 155px;
  animation: hero-dot-1 5s linear 0s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), 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), only screen and (max-width: 767px) {
  .tp-feature-quran-shape-5 {
    right: 10px;
  }
}
.tp-feature-quran-shape-6 {
  position: absolute;
  right: 48px;
  top: -4px;
}
@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), only screen and (max-width: 767px) {
  .tp-feature-quran-shape-6 {
    right: 5px;
  }
}

/*---------------------------------
    1.2 skill Classes
---------------------------------*/
.tp-skill-chef-title {
  font-family: var(--tp-ff-tropiline);
  font-weight: 700;
  font-size: 24px;
  color: var(--tp-heading-5);
}
.tp-skill-chef-text {
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  color: var(--tp-text-body);
}
@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), only screen and (max-width: 767px) {
  .tp-skill-chef-text br {
    display: none;
  }
}
.tp-skill-chef-tabwrap {
  padding-right: 170px;
  padding-left: 50px;
  border-left: 1px solid rgba(87, 89, 95, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-skill-chef-tabwrap {
    padding-right: 100px;
  }
}
@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), only screen and (max-width: 767px) {
  .tp-skill-chef-tabwrap {
    padding-right: 0;
  }
}
.tp-skill-chef-tabbtn {
  text-align: left;
  position: relative;
  transition: all 0.4s ease;
  padding-top: 20px;
  cursor: pointer;
}
.tp-skill-chef-tabbtn::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 0;
  background: var(--tp-theme-10);
  left: -50px;
  top: auto;
  bottom: 0;
  transition: all 0.4s ease;
}
.tp-skill-chef-tabbtn.active::before {
  height: 100%;
  top: 0;
  bottom: auto;
}
.tp-skill-chef-thumb .tp-hero-chef-video {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 70px;
  height: 70px;
  line-height: 70px;
}
.tp-skill-chef-thumb-bg {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-skill-chef-thumb-wrap {
    margin-left: 0;
  }
}
.tp-skill-chef-thumb-wrap .tab-content {
  padding-right: 60px;
  padding-top: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-skill-chef-thumb-wrap .tab-content {
    padding-right: 0;
    padding-top: 0;
  }
}
.tp-skill-chef-shape {
  position: absolute;
  top: -40px;
  left: 0;
  z-index: -1;
  width: 12%;
}
.tp-skill-chef-shape img {
  width: 100%;
}

/*---------------------------------
    1.2 skill Classes
---------------------------------*/
.tp-brands-chef-title {
  position: absolute;
  top: -14px;
  left: 0;
  right: 0;
  text-align: center;
}
.tp-brands-chef-title span {
  display: inline-block;
  font-family: var(--tp-ff-tropiline);
  font-weight: 600;
  font-size: 18px;
  color: #212120;
  background: var(--tp-common-white);
  padding: 0 10px;
}
.tp-brands-chef-wrap {
  padding: 40px 0px;
  border: 1px solid rgba(87, 89, 95, 0.1);
  border-radius: 16px;
}
.tp-brands-chef-slider-active .swiper-slide {
  width: 200px;
}
@media only screen and (max-width: 767px) {
  .tp-brands-chef-slider-active .swiper-slide {
    width: 120px;
  }
}
.tp-brands-quran-wrap .swiper-slide {
  border: 1px solid rgba(3, 31, 66, 0.08);
  height: 180px;
  text-align: center;
  line-height: 180px;
  width: 240px;
  margin-right: -1px;
  border-bottom: none;
}

/*---------------------------------
    1.2 courses Classes
---------------------------------*/
.tp-service-chef-title {
  font-family: var(--tp-ff-tropiline);
  font-weight: 700;
  font-size: 22px;
  text-align: center;
  color: #212120;
}
.tp-service-chef-icon {
  transition: all 0.4sease;
}
.tp-service-chef-wrap {
  padding: 0 17px;
  padding-top: 24px;
}
@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), only screen and (max-width: 767px) {
  .tp-service-chef-wrap {
    padding: 0;
  }
}
.tp-service-chef-wrap:hover .tp-service-chef-icon {
  animation-name: tpshake;
  animation-timing-function: ease-in-out;
  animation-duration: 0.4s;
  animation-iteration-count: 1;
}
.tp-service-chef-wrap p {
  font-weight: 300;
  font-size: 16px;
  color: var(--tp-text-body);
  line-height: 24px;
}
@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), only screen and (max-width: 767px) {
  .tp-service-chef-wrap p br {
    display: none;
  }
}
.tp-service-chef-border > div:not(:last-child) {
  border-right: 1px solid rgba(87, 89, 95, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-service-chef-border > div:not(:last-child) {
    border-right: none;
    margin-bottom: 25px;
  }
}

/*---------------------------------
    1.2 banner Classes
---------------------------------*/
.tp-banner-chef-wrap {
  background: var(--tp-common-yellow);
  border-radius: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-banner-chef-wrap {
    padding: 0px 20px 40px 20px;
  }
}
.tp-banner-chef-thumb {
  padding-top: 33px;
  padding-bottom: 36px;
  text-align: right;
}
@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), only screen and (max-width: 767px) {
  .tp-banner-chef-thumb {
    margin-right: 0;
  }
}
.tp-banner-chef-subtitle {
  font-family: var(--tp-ff-tropiline);
  font-weight: 600;
  font-size: 20px;
  display: inline-block;
  color: var(--tp-theme-10);
}
.tp-banner-chef-title {
  font-family: var(--tp-ff-tropiline-extra-bold);
  font-weight: 900;
  font-size: 70px;
  line-height: 123%;
  letter-spacing: 0.02em;
  color: #fdf275;
  text-shadow: 7px 7px 0 #FF5224, -7px -7px 0 #FF5224, 7px -7px 0 #FF5224, -7px 7px 0 #FF5224, 7px 7px 0 #FF5224;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-banner-chef-title {
    font-size: 45px;
  }
}
.tp-banner-chef-shape {
  top: 107px;
  left: -40px;
}
.tp-banner-chef-shape-2 {
  right: 191px;
  top: 38px;
}
@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), only screen and (max-width: 767px) {
  .tp-banner-chef-shape-2 {
    right: 100px;
    top: 10px;
  }
}
.tp-banner-chef-shape-3 {
  bottom: 109px;
  right: 57px;
}
@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), only screen and (max-width: 767px) {
  .tp-banner-chef-shape-3 {
    bottom: 20px;
    right: 20px;
  }
  .tp-banner-chef-shape-3 img {
    width: 80px;
  }
}
.tp-banner-chef-shape-4 {
  bottom: -14px;
  right: 280px;
}

/*---------------------------------
    1.2 events Classes
---------------------------------*/
.tp-events-chef-thumb {
  overflow: hidden;
  border-radius: 20px 20px 10px 10px;
}
.tp-events-chef-thumb img {
  border-radius: 20px 20px 10px 10px;
  transition: all 0.4s ease;
}
.tp-events-chef-date {
  font-weight: 400;
  font-size: 16px;
  color: #5f5d59;
  margin-bottom: 7px;
}
.tp-events-chef-title {
  font-family: var(--tp-ff-tropiline-bold);
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #212120;
}
.tp-events-chef-title a:hover {
  color: var(--tp-theme-10);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-events-chef-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-events-chef-title {
    font-size: 20px;
  }
}
.tp-events-chef-content {
  padding: 0 36px 36px 35px;
}
@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), only screen and (max-width: 767px) {
  .tp-events-chef-content {
    padding: 0 18px 36px 19px;
  }
}
.tp-events-chef-wrap {
  border: 1px solid rgba(33, 33, 32, 0.1);
  border-radius: 20px;
  transition: all 0.4s ease;
}
.tp-events-chef-wrap:hover {
  box-shadow: 0px 8px 16px 0px rgba(22, 18, 3, 0.08);
}
.tp-events-chef-wrap:hover .tp-events-chef-thumb img {
  transform: scale(1.06);
}
.tp-events-chef-icon {
  font-weight: 400;
  font-size: 16px;
  color: #6d6c68;
  display: flex;
  align-items: center;
  margin-bottom: 28px;
}
.tp-events-chef-icon svg {
  margin-right: 7px;
}
.tp-events-chef-btn .tp-chef-btn {
  padding: 3px 20px;
  border-radius: 10px;
}

/*---------------------------------
    1.2 testimonial
---------------------------------*/
.tp-blog-chef-tag {
  font-weight: 400;
  font-size: 14px;
  color: #212120;
  display: inline-block;
  border-radius: 100px;
  padding: 0px 14px;
  background: #efe9fe;
}
.tp-blog-chef-tag.tag-2 {
  background: #DFF9F0;
}
.tp-blog-chef-tag.tag-3 {
  background: #FFF9B6;
}
.tp-blog-chef-tag-wrap {
  margin-bottom: 17px;
}
.tp-blog-chef-date {
  font-weight: 400;
  font-size: 14px;
  display: inline-block;
  color: var(--tp-text-body);
  position: relative;
  padding-left: 35px;
  margin-left: 7px;
}
.tp-blog-chef-date::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 1px;
  background: #d9d9d9;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.tp-blog-chef-title {
  font-family: var(--tp-ff-tropiline-bold);
  font-weight: 700;
  font-size: 24px;
  line-height: 125%;
  color: var(--tp-common-black);
}
.tp-blog-chef-title a:hover {
  color: var(--tp-theme-10);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-blog-chef-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-blog-chef-title {
    font-size: 19px;
  }
}
.tp-blog-chef-author img {
  width: 34px;
  margin-right: 10px;
}
.tp-blog-chef-author span {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-text-body);
}
.tp-blog-chef-thumb {
  overflow: hidden;
  border-radius: 16px 16px 0 0;
  min-height: 220px;
}
.tp-blog-chef-thumb img {
  border-radius: 16px 16px 0 0;
  transition: all 0.4s ease;
  height: 220px;
  object-fit: cover;
}
.tp-blog-chef-wrap {
  border: 1px solid rgba(33, 33, 32, 0.08);
  border-radius: 20px;
  transition: all 0.4s ease;
}
.tp-blog-chef-wrap:hover {
  box-shadow: 0px 8px 16px 0px rgba(22, 18, 3, 0.08);
}
.tp-blog-chef-wrap:hover .tp-blog-chef-thumb img {
  transform: scale(1.06);
}
.tp-blog-chef-content {
  padding: 24px 24px 30px 24px;
}
.tp-blog-chef-shape {
  position: absolute;
  right: 0;
  bottom: 82px;
  z-index: -1;
  width: 9%;
}
.tp-blog-chef-shape img {
  width: 100%;
}
.tp-blog-quran-wrap .tp-blog-chef-wrap {
  border-radius: 0;
}
.tp-blog-quran-wrap .tp-blog-chef-thumb {
  border-radius: 0;
}
.tp-blog-quran-wrap .tp-blog-chef-thumb img {
  border-radius: 0;
}
.tp-blog-quran-wrap .tp-blog-chef-title {
  font-family: var(--tp-ff-body);
  font-weight: 500;
  font-size: 24px;
}
@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), only screen and (max-width: 767px) {
  .tp-blog-quran-wrap .tp-blog-chef-title {
    font-size: 21px;
  }
}
.tp-blog-quran-wrap .tp-blog-chef-title a:hover {
  color: var(--tp-theme-11);
}
.tp-blog-quran-wrap .tp-blog-chef-wrap:hover {
  box-shadow: none;
}

/*---------------------------------
    1.2 expertise Classes
---------------------------------*/
.tp-expertise-quran-progress {
  background: #f2eef0;
  width: 100%;
  height: 6px;
  position: relative;
}
.tp-expertise-quran-progress-wrapper {
  padding-bottom: 6px;
}
.tp-expertise-quran-progress-title {
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-heading-primary);
}
.tp-expertise-quran-progress-travel {
  color: var(--tp-heading-5);
}
.tp-expertise-quran-progress .progress-bar {
  overflow: visible;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 6px;
  text-align: center;
  white-space: nowrap;
  background-color: var(--tp-theme-11);
  transition: width 0.6s ease;
  position: relative;
}
.tp-expertise-quran-progress .progress-bar:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background-color: var(--tp-theme-11);
  border-radius: 50%;
  right: 0;
}
.tp-expertise-quran-counter {
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-heading-primary);
}
@media only screen and (max-width: 767px) {
  .tp-expertise-quran-content {
    margin-right: 0;
  }
}
.tp-expertise-quran-video .popup-video {
  padding: 235px 20px 194px 20px;
  display: inline-block;
}
@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), only screen and (max-width: 767px) {
  .tp-expertise-quran-video .popup-video {
    padding: 135px 20px 104px 20px;
  }
}

/*# sourceMappingURL=main.css.map */