.acadia-bg-blue {
  background: var(--tp-theme-secondary);
}

.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.widget_recent_reviews ul li a::after, .tp-shop-widget.widget_products ul li a::after, .tp-shop-widget.widget_top_rated_products ul li a::after, .tp-shop-widget.widget_recently_viewed_products ul li a::after, .tp-shop-widget ul.product-categories li a::after, .tp-shop-widget.widget_recent_reviews ul li a span, .tp-shop-widget.widget_products ul li a span, .tp-shop-widget.widget_top_rated_products ul li a span, .tp-shop-widget.widget_recently_viewed_products ul li a span, .tp-shop-widget ul.product-categories 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,
.tp-pagination ul .acadia-pagination-li a svg,
.tp-pagination ul .acadia-pagination-li span svg, .tp-pagination .acadia-pagination-ul li a svg, .tp-pagination .acadia-pagination-ul li span svg,
.tp-pagination .acadia-pagination-ul .acadia-pagination-li a svg,
.tp-pagination .acadia-pagination-ul .acadia-pagination-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-click-tooltip button span svg, .tpd-action-click-tooltip a 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%);
}

: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-fontawesome: "Font Awesome 6 Pro";
  --tp-ff-manrope: 'Manrope', sans-serif;
  /**
  @color declaration
  */
  --tp-common-white: #ffffff;
  --tp-common-black: #000;
  --tp-common-black-1: #010F1C;
  --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-red-1: #AF0E2E;
  --tp-red-2: #C41230;
  --tp-red-3: #B70A14;
  --tp-blue-1: #F1F3F9;
  --tp-heading-primary: #161613;
  --tp-heading-2: #031F42;
  --tp-heading-3: #0A1D3A;
  --tp-heading-4: #161821;
  --tp-text-body: #57595F;
  --tp-theme-primary: #AB0C2F;
  --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-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;
}

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

    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

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

/************ 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
/*----------------------------------------*/
* {
  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;
}

a:focus,
a:hover {
  color: var(--tp-dashboard-primary);
  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],
input[type=search],
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,
input[type=search]::-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,
input[type=search]::-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,
input[type=search]:-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,
input[type=search]:-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,
input[type=search]::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] input[type=search],
[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,
input[type=search]: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,
input[type=search]: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 !important;
  }
}
@media (min-width: 1400px) {
  .custom-container-larg {
    max-width: 1744px !important;
  }
}
@media (min-width: 1400px) {
  .custom-container-1300 {
    max-width: 1324px !important;
  }
}
.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;
}

.admin-bar .tp-header-sticky {
  top: 32px;
}
.admin-bar .tp-header-3, .admin-bar .tp-header-5 {
  margin-top: 32px;
}

.logged-in.admin-bar .cartmini__area,
.dialog-body.dialog-buttons-body.dialog-container .tp-header-sticky .cartmini__area {
  top: 32px;
}

@media only screen and (min-width: 100px) and (max-width: 767px) {
  .admin-bar #smooth-wrapper {
    margin-top: 46px;
  }
  .admin-bar .offcanvas__areasss {
    margin-top: 0;
  }
  .admin-bar .header-sticky, .admin-bar .tp-header-sticky {
    top: 0;
  }
  .admin-bar .tp-transparent {
    margin-top: 46px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
  .admin-bar .tp-search-areassss {
    margin-top: 46px;
  }
  .admin-bar .offcanvas__areassss {
    margin-top: 0;
  }
  .admin-bar .header-sticky, .admin-bar .tp-header-sticky {
    top: 46px;
  }
  .admin-bar .tp-transparent {
    margin-top: 46px;
  }
}
/*---------------------------------
    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;
}

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

/* 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: 90px;
}
@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;
  }
}

.display-none {
  display: none;
}

/*---------------------------------
    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;
  }
}

.pb-270 {
  padding-bottom: 270px;
}

.pb-450 {
  padding-bottom: 450px;
}

.pb-430 {
  padding-bottom: 430px;
}

.filter-style-space-1 {
  margin-top: -264px;
}

.filter-style-space-2 {
  margin-top: -425px;
}

.filter-style-space-3 {
  margin-top: -395px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tutor-lms:has(.filter-style-space-2) .tp-course-filter-area {
    padding-bottom: 550px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tutor-lms:has(.filter-style-space-2) .filter-style-space-2 {
    margin-top: -520px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tutor-lms:has(.filter-style-space-2) .tutor-pagination-wrapper-replaceable.tab-content {
    padding-top: 100px;
  }
}

/*----------------------------------------*/
/*  2.1 Back to top
/*----------------------------------------*/
.back-to-top-wrapper {
  position: fixed;
  right: 20px;
  bottom: 0;
  height: 44px;
  width: 44px;
  cursor: pointer;
  display: block;
  border-radius: 50%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
}
@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;
}
.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);
  background: transparent;
}
.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-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);
}

/* 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 hero-3-shape {
  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 hero-3-shape {
  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 hero-3-shape {
  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 hero-3-shape {
  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 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);
  }
}
@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);
  }
}
/*----------------------------------------*/
/*  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;
  color: var(--tp-common-black);
  margin-top: 20px;
}

@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, .tp-pagination .acadia-pagination-ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.tp-pagination ul li,
.tp-pagination ul .acadia-pagination-li, .tp-pagination .acadia-pagination-ul li,
.tp-pagination .acadia-pagination-ul .acadia-pagination-li {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.tp-pagination ul li:not(:last-child),
.tp-pagination ul .acadia-pagination-li:not(:last-child), .tp-pagination .acadia-pagination-ul li:not(:last-child),
.tp-pagination .acadia-pagination-ul .acadia-pagination-li:not(:last-child) {
  margin-right: 6px;
}
.tp-pagination ul li a, .tp-pagination ul li span,
.tp-pagination ul .acadia-pagination-li a,
.tp-pagination ul .acadia-pagination-li span, .tp-pagination .acadia-pagination-ul li a, .tp-pagination .acadia-pagination-ul li span,
.tp-pagination .acadia-pagination-ul .acadia-pagination-li a,
.tp-pagination .acadia-pagination-ul .acadia-pagination-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: 1px 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,
.tp-pagination ul .acadia-pagination-li a:hover,
.tp-pagination ul .acadia-pagination-li a.current,
.tp-pagination ul .acadia-pagination-li span:hover,
.tp-pagination ul .acadia-pagination-li span.current, .tp-pagination .acadia-pagination-ul li a:hover, .tp-pagination .acadia-pagination-ul li a.current, .tp-pagination .acadia-pagination-ul li span:hover, .tp-pagination .acadia-pagination-ul li span.current,
.tp-pagination .acadia-pagination-ul .acadia-pagination-li a:hover,
.tp-pagination .acadia-pagination-ul .acadia-pagination-li a.current,
.tp-pagination .acadia-pagination-ul .acadia-pagination-li span:hover,
.tp-pagination .acadia-pagination-ul .acadia-pagination-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-btn {
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .offcanvas-btn {
    margin-left: 8px;
  }
}

.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;
  font-family: var(--tp-ff-secondary);
  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;
}
.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;
  }
}
@media only screen and (min-width: 576px) 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__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-btn, .offcanvas__3 .offcanvas__social a:hover, .offcanvas__3 .tp-main-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened, .offcanvas__3 .tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover {
  background-color: var(--tp-theme-3);
  border-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;
  top: 0;
  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__close-btn::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 10px;
  background: var(--tp-gradient-primary);
  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;
  z-index: 0;
}
.cartmini__close-btn svg {
  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);
}
.cartmini__close-btn:hover::after {
  opacity: 1;
}
.cartmini__close-btn:hover svg {
  color: var(--tp-theme-primary);
  transform: rotate(45deg);
}
.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;
}
div.cartmini__thumb img {
  width: 70px;
  height: 55px;
  object-fit: cover;
  object-position: center center;
}

.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: 30px;
  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);
}

.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__area {
  position: fixed;
  top: 0;
  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;
}

.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;
}
@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 {
  color: var(--tp-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-breadcrumb__title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-breadcrumb__title {
    font-size: 40px;
  }
}
.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.white a:hover {
  color: #e9e9e9;
}
.tp-breadcrumb__list span a {
  display: inline-block;
}
.tp-breadcrumb__list span a svg {
  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);
}

.breadcrumb__area.include-bg {
  background-color: #f7f7f7;
}

/*----------------------------------------*/
/*  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;
}
@media only screen and (max-width: 767px) {
  .tp-section-title span svg {
    left: 0;
  }
}
.tp-section-title span svg path {
  stroke: var(--tp-heading-3);
  stroke-dasharray: 560;
  stroke-dashoffset: 560;
  animation: section_stroke 2s linear forwards;
  -webkit-animation: section_stroke 2s linear forwards;
}
.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-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: -25px;
  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;
}
.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;
}

.tp-el-acadia-title span {
  position: relative;
  z-index: 1;
}
.tp-el-acadia-title span svg,
.tp-el-acadia-title span img {
  position: absolute;
  bottom: -8px;
  width: 120px !important;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, 0);
}
.tp-el-acadia-title span svg {
  bottom: -10px !important;
}
.tp-el-acadia-title.tp-section-title svg path {
  stroke: inherit;
}

.tp-section-3-subtitle.color-9 {
  color: var(--tp-theme-9);
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3) translate(-50%, 0) !important;
  }
  50% {
    opacity: 1;
    transform: scale(1.05) translate(-50%, 0) !important;
  }
  70% {
    transform: scale(0.9) translate(-50%, 0) !important;
  }
  100% {
    transform: scale(1) translate(-50%, 0) !important;
  }
}
/*----------------------------------------*/
/*  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.png");
}

.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.png");
}

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

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

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

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

.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: 540px;
  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: rgba(70, 97, 253, 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(65, 95, 251, 0.2);
}
.tp-search-icon {
  position: absolute;
  left: 20px;
  top: 50%;
  line-height: 1;
  transform: translateY(-50%);
}
.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;
}

.tp-header-2-contact .tp-header-5-sidebar .offcanvas-open-btn span::before, .tp-header-2-contact .tp-header-5-sidebar .offcanvas-open-btn span::after {
  background-color: #556df5;
}

/*menu*/
.tp-acadia-defaults-headers nav ul li.menu-last .submenu {
  left: auto !important;
  right: 0;
}

.tp-acadia-defaults-headers nav ul li.menu-last li.has-dropdown .submenu {
  left: auto !important;
  right: 100%;
}
.tp-acadia-defaults-headers .tp-header-2-logo {
  padding: 27px 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-acadia-defaults-headers .tp-header-2-logo {
    padding: 0;
  }
}
.tp-acadia-defaults-headers .tp-header-2-logo img {
  width: 120px;
}

.tp_acadia_default_breadcrumd {
  background-color: #F3F4F8;
}

.home_front_page .tp-breadcrumb__list {
  display: none;
}

.tp-postbox-details-navigation-content p,
.tp-postbox-details-navigation-content br {
  display: none;
}

.acadia-post-related-slider-active .tp-blog-comments {
  display: none;
}

.tp-blog-full-width-thumb {
  background-color: #f7f7f7;
}
.tp-blog-full-width-thumb .tp-postbox-thumb {
  border-radius: 0px;
}
.tp-blog-full-width-thumb .tp-postbox-thumb img {
  border-radius: 0px;
}

.tp-shop-details-price.tp-woo-single-price .product-percentage-badges,
.tp-shop-details-price.tp-woo-single-price .posted_in,
.tp-product-details-category .product-percentage-badges,
.tp-product-details-category .posted_in {
  display: none;
}

div .tp-btn-round span {
  margin: 0;
}

.tp-btn-round span.theme-btn-icon {
  margin-left: 8px;
}

.tp-btn-round span.theme-btn-icon i {
  position: relative;
  top: 2px;
}

.tp-btn-round:hover {
  border-color: var(--tp-theme-secondary);
}

.tp-login-input-eye .eye-open {
  display: none;
}

.tp-login-input-box .tp-login-input-label label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
  color: var(--tp-heading-2);
}

.tp-login-wrapper .tp-login-input input {
  margin-bottom: 0px;
  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);
  border-radius: 6px;
  padding-right: 60px;
}

div .tp-login-form .tp-login-input input:focus {
  border-color: var(--tp-theme-7);
  box-shadow: 0px 0px 0px 3px rgba(70, 97, 253, 0.16);
}

.tp-login-create-account {
  margin-top: 20px;
}

.tp-login-create-account a:hover {
  color: var(--tp-theme-secondary);
}

.tp-login-input-box .tp-login-input-eye {
  top: 12px;
  transform: translateY(0);
}

.woocommerce-privacy-policy-text p a {
  text-decoration: underline;
  transition: 0.2s linear;
}

div .woocommerce-privacy-policy-text p a:hover {
  color: var(--tp-theme-7);
}

div a.tp-btn-inner {
  box-shadow: 0px 1px 2px 0px rgba(20, 56, 181, 0.25), 0px 0px 1px 0px #1438B5 !important;
}

div a.tp-btn-inner:hover {
  box-shadow: none !important;
}

.tp-header-btn a {
  background: transparent;
}

.tp-acadia-events .tp-img-reveal.tp-img-reveal-item::after {
  content: none;
}

.tp-pagination.tp-el-pagination-alignment ul {
  display: block;
}

.tp-acadia-banner .tp-acadia-banner-image {
  transition: all 0.3s 0s ease-out;
}

.tp-acadia-banner:hover .tp-acadia-banner-image {
  transform: scale(1.08);
}

.tp-el-acadia-title .tp-acadia-home-3-shape img {
  position: unset;
  transform: translate(0);
  width: 88px;
}

.tp-header-inner-login img {
  object-fit: cover;
  object-position: top center;
}

.price del .woocommerce-Price-amount {
  color: inherit;
  font-size: inherit;
}
.price del .woocommerce-Price-currencySymbol {
  font-size: inherit;
  color: inherit;
}
.price del span {
  color: rgba(22, 22, 19, 0.6705882353);
}

.tutor-iconic-btn {
  margin: 0;
}

div.acadia-card-school {
  border: 1px solid #efefef;
}
div.acadia-card-school:hover {
  border-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(10, 29, 58, 0.1);
}

.tp-event-inner-content .tp-event-inner-user img, .tp-event-inner-content .tp-event-inner-user span,
.tp-event-4-item .tp-event-inner-user img,
.tp-event-4-item .tp-event-inner-user span {
  width: 36px;
  height: 36px;
  border-radius: 50% !important;
  object-fit: cover;
  box-shadow: 0px 1px 2px 0px rgba(45, 46, 52, 0.1);
  border: 2.5px solid #fff;
  background-color: #fff;
  position: relative;
  transition: 0.3s ease-in-out;
}
.tp-event-inner-content .tp-event-inner-user img:hover,
.tp-event-4-item .tp-event-inner-user img:hover {
  z-index: 1;
}
.tp-event-inner-content .tp-event-inner-user span,
.tp-event-4-item .tp-event-inner-user span {
  background-color: var(--tp-grey-6);
  display: inline-block;
  color: #fff;
  text-align: center;
  margin-left: -15px;
  line-height: 31px;
  font-size: 12px;
  transform: translateY(1px);
}

.tp-footer-4-top-form.tp-academic-footer-news .tp-footer-4-top-btn {
  color: var(--tp-heading-primary);
  border: 1px solid var(--tp-common-white);
  background-color: var(--tp-common-white);
}

.tp-event-4-thumb img {
  max-width: 300px;
  margin: 0 auto;
}

div .woosw-item--actions .added_to_cart {
  font-size: 0;
  width: 35px;
  height: 35px;
  background-color: var(--tp-theme-8) !important;
  border-radius: 50%;
  border: none;
}
div .woosw-item--actions .added_to_cart .tutor-icon-cart-line {
  display: none;
}
div .woosw-item--actions .added_to_cart::after {
  margin: 0 !important;
  font-size: 17px !important;
}

.tp-blog-stories-area .tp-postbox-item-list-box {
  justify-content: space-between;
}
.tp-blog-stories-area .tp-postbox-item-list-box .tp-postbox-item-list-thumb {
  width: 270px;
  height: 340px;
  flex: 0 0 auto;
}
@media only screen and (max-width: 767px) {
  .tp-blog-stories-area .tp-postbox-item-list-box .tp-postbox-item-list-thumb {
    width: 100%;
  }
}
.tp-blog-stories-area .tp-postbox-item-list-box .tp-postbox-item-list-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.tp-sidebar-search-input .woo-search-btn {
  position: absolute;
  top: 48%;
  transform: translateY(-52%);
  right: 20px;
}

.tutor-login-form-wrapper .tp-contact-input-remeber input:checked ~ label::after {
  background-color: var(--tp-theme-secondary);
  border-color: var(--tp-theme-secondary);
}

.tp-acadia-lang-area > ul > li {
  position: relative;
  list-style: none;
}
.tp-acadia-lang-area > ul > li > a {
  border-radius: 30px;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  line-height: 0;
}
.tp-acadia-lang-area > ul > li > a img {
  height: 12px;
  width: 18px;
  object-fit: cover;
  transform: translateY(-2px);
  margin-right: 7px;
}
.tp-acadia-lang-area > ul > li > a::before {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: -17px;
  top: 0;
  font-size: 16px;
  color: var(--tp-common-white);
  line-height: 1.5;
}
.tp-acadia-lang-area > ul > li .tp-submenu {
  position: absolute;
  top: 110%;
  left: 0px;
  width: 120px;
  z-index: 9;
  opacity: 0;
  padding: 12px;
  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);
}
.tp-acadia-lang-area > ul > li .tp-submenu li {
  list-style: none;
}
.tp-acadia-lang-area > ul > li .tp-submenu.open {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.tp-acadia-lang-area > ul > li .tp-submenu a::before {
  content: none;
}
.tp-acadia-lang-area.header-bottom__lang-2 li a {
  color: #57595F;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  padding: 10px 30px 10px 8px;
  display: inline-block;
  border-radius: 100px;
  border: 1px solid rgba(30, 30, 47, 0.1);
  position: relative;
}
.tp-acadia-lang-area.header-bottom__lang-2 li a::before {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 11px;
  top: 3px;
  font-size: 16px;
  color: #57595F;
  line-height: 1.5;
}
.tp-acadia-lang-area.header-bottom__lang-2 .tp-submenu {
  top: auto;
  bottom: 110%;
}
.tp-acadia-lang-area.header-bottom__lang-2 .tp-submenu a {
  padding: 0;
  border: none;
  border-radius: 0;
}
.tp-acadia-lang-area.header-bottom__lang-2 .tp-submenu a::before {
  content: none;
}
.tp-acadia-lang-area.header-bottom__lang-2 .tp-submenu.open {
  top: auto;
  bottom: 100%;
}

.single-post .tp-default-breadcrumb {
  padding-top: 15px;
  padding-bottom: 15px;
}
.single-post .tp-default-breadcrumb .tp-breadcrumb__content .tp-breadcrumb__title {
  display: none;
}

.tp-blog-6-item.tp-blog-stories-item {
  border-radius: 17px;
  border: 1px solid rgba(3, 31, 66, 0.1);
}

.tp-custom-hover-bg {
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s 0s ease-out;
}

.tp-custom-hover-bg:hover {
  background-color: #F8F8FA;
}

.tp_small_undeline .tp-el-acadia-title span svg,
.tp_small_undeline .tp-el-acadia-title span img {
  bottom: -15px;
}

.home-6.tp-header-5-login button {
  margin-left: 30px;
  margin-right: 5px;
}
.home-6.tp-header-5-login button span {
  color: inherit;
}

/* HEADER CSS */
/*----------------------------------------*/
/*  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: 125px;
  height: 48px;
}
.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-category {
  margin-left: 24px;
  padding-left: 27px;
  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::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 34px;
  width: 1px;
  background: rgba(0, 31, 63, 0.12);
}
.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: 18;
}
.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 {
  margin-left: 0px;
}
.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-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);
}
.tp-header-2 .main-menu .tp-megamenu-list a:hover {
  color: var(--tp-dashboard-primary);
}
.tp-header-2 .main-menu .tp-megamenu-list a:hover::before {
  background-color: var(--tp-dashboard-primary);
}
.tp-header-2 .main-menu .tp-megamenu-home-item:hover .tp-megamenu-home-title a {
  color: var(--tp-dashboard-primary);
}
.tp-header-2 .main-menu .tp-megamenu-fullwidth-list ul li a:hover {
  color: var(--tp-dashboard-primary);
}
.tp-header-2 .main-menu .tp-megamenu-fullwidth-list ul li a:hover::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.tp-header-shop .main-menu .tp-megamenu-list a:hover {
  color: var(--tp-theme-8);
}
.tp-header-2.tp-header-shop .main-menu .tp-megamenu-list a:hover::before {
  background-color: var(--tp-theme-8);
}
.tp-header-2.tp-header-shop .main-menu .tp-megamenu-home-item:hover .tp-megamenu-home-title a {
  color: var(--tp-theme-8);
}
.tp-header-2.tp-header-shop .main-menu .tp-megamenu-fullwidth-list ul li a:hover {
  color: var(--tp-theme-8);
}
.tp-header-2.tp-header-shop .main-menu .tp-megamenu-fullwidth-list ul li a:hover::before {
  background-color: var(--tp-theme-8);
}
.tp-header-2.tp-header-shop .offcanvas-open-btn:hover {
  border-color: var(--tp-theme-8);
}
.tp-header-2.tp-header-shop .offcanvas-open-btn:hover i {
  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,
.tp-header-2-cart button .cart__count {
  position: absolute;
  top: -8px;
  right: -14px;
  font-style: normal;
  color: var(--tp-common-white) !important;
  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: #C41230;
}
.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 !important;
  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-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) !important;
}
.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 .main-menu .tp-megamenu-list a:hover {
  color: var(--tp-theme-3);
}
.tp-header-3 .main-menu .tp-megamenu-list a:hover::before {
  background-color: var(--tp-theme-3);
}
.tp-header-3 .main-menu .tp-megamenu-home-item:hover .tp-megamenu-home-title a {
  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) !important;
  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: 90px;
  background-color: transparent;
  border: none;
  padding: 0 0;
  padding-left: 22px;
  color: rgb(255, 255, 255);
}
.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 18px;
  display: inline-block;
  border-radius: 100px;
  border: 1px solid rgba(30, 30, 47, 0.1);
  position: relative;
}
.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:hover {
  color: var(--tp-text-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);
}
.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:hover {
  color: var(--tp-text-primary);
}
.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;
  transform: scale(1, 0) translateX(0%);
}
@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::before {
  background-color: #679307;
}
.tp-header-5-logo .logo-2 {
  display: none;
}
.tp-header-5-login button span {
  color: var(--tp-common-white);
}
.tp-header-5-login img {
  height: 40px !important;
  width: 40px;
  border-radius: 50% !important;
}
.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-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;
}
.tp-header-inner-category {
  border-radius: 1000px;
  padding: 6px 25px;
  cursor: pointer;
  background-color: rgba(81, 105, 241, 0.06);
}
@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 !important;
  width: 40px;
  border-radius: 50% !important;
}
@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: 12px;
}
.tp-header-inner .main-menu > nav > ul > li .tp-submenu > li a {
  font-size: 16px;
  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: #C41230;
  border: 1px solid #C41230;
  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(196, 18, 48, 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 !important;
  width: 40px;
  border-radius: 50% !important;
  object-fit: cover;
  object-position: top center;
}

.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 .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-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);
}
@media only screen and (max-width: 767px) {
  .tp-header-user-box {
    right: -25px;
  }
}
.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;
  background-size: cover;
  background-position: center;
}
@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;
}

div .tp-header-5 .main-menu .tp-megamenu-list a:hover {
  color: #679307;
}
div .tp-header-5 .main-menu .tp-megamenu-list a:hover::before {
  background-color: #679307;
}
div .tp-header-5 .main-menu .tp-megamenu-home-item:hover .tp-megamenu-home-title a {
  color: #679307;
}
div .tp-header-5 .main-menu > nav > ul > li:hover > .tp-megamenu-main {
  transform: scale(1) translateX(0%);
}
div .tp-header-5 .main-menu > nav > ul > li .tp-submenu li:hover > a {
  color: #679307;
}
div .tp-header-5 .main-menu > nav > ul > li .tp-submenu li:hover > a::before {
  background-color: #679307;
}
div .tp-header-5 .main-menu .tp-megamenu-small,
div .tp-header-5 .main-menu .tp-megamenu-fullwidth {
  left: 0;
  transform: scale(1, 0) translateX(0%);
}
div .tp-header-5 .main-menu .tp-megamenu-fullwidth ul li a:hover {
  color: #679307;
}
div .tp-header-5 .main-menu .tp-megamenu-fullwidth ul li a:hover::before {
  background-color: #679307;
}

div .tp-header-1 nav ul li .tp-submenu,
div .tp-header-3 nav ul li .tp-submenu,
div .tp-header-5 nav ul li .tp-submenu {
  border-radius: 8px;
}
div .tp-header-1 .tp-megamenu-fullwidth,
div .tp-header-3 .tp-megamenu-fullwidth,
div .tp-header-5 .tp-megamenu-fullwidth {
  border-radius: 8px;
}
div .tp-header-1 .tp-megamenu-small,
div .tp-header-3 .tp-megamenu-small,
div .tp-header-5 .tp-megamenu-small {
  border-radius: 8px;
}
div .tp-header-1 .tp-megamenu-container,
div .tp-header-3 .tp-megamenu-container,
div .tp-header-5 .tp-megamenu-container {
  border-radius: 8px;
}

div.tp-el-logo img {
  max-width: inherit;
}

/*----------------------------------------*/
/*  4.1 Main menu css
/*----------------------------------------*/
.main-menu > nav > ul > li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin: 0px 18px;
}
@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: 240px;
  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 {
  color: var(--tp-theme-primary);
  padding-left: 35px;
}
.main-menu > nav > ul > li > .tp-submenu li:hover > a::after {
  color: var(--tp-common-white);
}
.main-menu > nav > ul > li > .tp-submenu li:hover > a::before {
  width: 12px;
}
.main-menu > nav > ul > li > .tp-submenu li:hover .tp-submenu {
  left: 100%;
  visibility: visible;
  opacity: 1;
}
.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) translateX(-50%);
}
.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) translateX(-50%);
  transform-origin: 0 0;
  visibility: hidden;
  transition: 0.3s;
  top: 100%;
  left: 0;
  right: 0;
}
.tp-megamenu-small {
  top: 100%;
  left: 100%;
  width: 600px;
  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);
  transform: scale(1, 0) translateX(-50%);
}
@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 .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: 50%;
  right: 0;
  width: 90%;
  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: 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-megamenu-fullwidth-list ul li:not(:last-of-type) {
    margin-bottom: 0;
  }
}
.tp-megamenu-fullwidth-list ul li a {
  position: relative;
  font-size: 16px;
  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: 17px;
  font-weight: 500;
  color: #4F5158;
  letter-spacing: -0.17px;
  padding-bottom: 10px;
  margin-bottom: 18px;
  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: 50%;
  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: 50%;
  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-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%);
}

.tp-course-banner-heading.tp-offcanvas-search .tp-footer-newsletter-input input {
  box-shadow: none;
  border: 1px solid #ddd;
}
.tp-course-banner-heading.tp-offcanvas-search .tp-footer-newsletter-input .tp-btn-inner {
  background: inherit;
  border: none;
  box-shadow: none !important;
  color: #414144;
}

@media (max-width: 991px) {
  .acadia-megamenu-width-1 .tp-submenu.submenu.tp-mega-menu,
  .acadia-megamenu-width-2 .tp-submenu.submenu.tp-mega-menu,
  .acadia-megamenu-width-3 .tp-submenu.submenu.tp-mega-menu,
  .acadia-megamenu-width-4 .tp-submenu.submenu.tp-mega-menu {
    width: auto;
  }
}
.tp-header-6-right .tp-header-2-category {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}
.tp-header-6-right .tp-header-2-category p {
  color: var(--tp-theme-9);
  display: flex;
  align-items: center;
}
.tp-header-6-right .tp-header-2-category:hover {
  background-color: transparent;
}
.tp-header-6-right .tp-header-2-category-list ul li a:hover {
  color: var(--tp-theme-9);
}

.tp-header-2-cart.home-6 {
  margin-left: 30px;
}

.tp-header-2.home-6 .main-menu > nav > ul > li:not(:last-of-type) {
  margin-right: 22px;
}
.tp-header-2.home-6 .main-menu > nav > ul > li > a {
  padding: 28px 0 27px 0;
}

.tp-header-2-cart.home-6 button i {
  background-color: var(--tp-theme-9);
}

.tp-header-2.home-6 {
  box-shadow: 0px 1px 3px 0px rgba(35, 18, 4, 0.14);
}

.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 {
  color: var(--tp-theme-9);
}
.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);
}

/*----------------------------------------*/
/*  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;
    overflow: hidden;
  }
}

.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: 20px;
  width: 93%;
  padding: 10px 5px;
  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;
}

@media (max-width: 1299px) {
  .megamenu-demo-conteiner {
    width: 370px;
  }
}
@media (max-width: 767px) {
  .megamenu-demo-conteiner {
    width: 290px;
  }
}
/*----------------------------------------*/
/*  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;
}
div.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;
  max-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);
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.tp-postbox-btn a span {
  display: inline-block;
  margin-left: 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 {
  width: 140px;
  opacity: 0;
  right: -18px;
  padding: 2px 6px;
  visibility: hidden;
  border-radius: 6px;
  position: absolute;
  transition: all 0.2s;
  display: inline-block;
  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;
  display: inline-block;
}
.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 22px;
  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 #5169f1;
}
@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 #5169f1;
  background: #5169f1;
  box-shadow: 0 0 1px 0 #1438b5, 0 1px 2px 0 rgba(20, 56, 181, 0.25);
}
.tp-postbox-details-navigation-content a span {
  display: inline-block;
  margin-right: 8px;
  transform: translateY(-2px);
}
.tp-postbox-details-navigation-content a:hover {
  color: #5169F1;
}
.tp-postbox-details-navigation-content a:hover span {
  color: #5169F1;
}
.tp-postbox-details-navigation-content a i {
  position: relative;
  top: -1px;
}
.tp-postbox-details-navigation-content.next a span {
  margin-left: 8px;
}
.tp-postbox-details-navigation-content h4 {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.02px;
}
.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: 45px 80px 40px 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;
  }
}
.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: #5169f1;
  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;
  max-width: 82px;
  height: 80px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-postbox-details-author-avata {
    margin-right: 20px;
  }
}
.tp-postbox-details-author-avata img {
  height: 100%;
  max-width: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.tp-postbox-details-author-content {
  flex-grow: 1;
}
.tp-postbox-details-author-content h4 {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 5px;
  text-transform: capitalize;
}
.tp-postbox-details-author-content p {
  font-weight: 400;
  font-size: 16px;
  color: #4f5158;
}
@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;
}
@media only screen and (max-width: 767px) {
  .tp-postbox-comment-box {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.tp-postbox-comment-title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 30px;
}
.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;
  text-transform: capitalize;
}
.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);
  text-decoration: none !important;
}
.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: #5169F1;
  border: 1px solid #5169F1;
}
.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-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;
}

.tp-postbox-details-navigation .tp-navigation-no-post {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin-top: 8px;
}

div.postbox__comment > ul > li {
  list-style: none;
}

@media only screen and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-postbox-details-author-wrap {
    flex-wrap: wrap;
    gap: 10px;
  }
}

.tp-postbox-details-navigation-btn {
  font-size: 13px;
  font-weight: 400;
  color: #8e8f92;
  margin-bottom: 10px;
  text-transform: uppercase;
}

@media screen and (min-width: 1200px) {
  .tp-postbox-details-author-content p {
    padding-right: 100px;
  }
}
/*----------------------------------------*/
/*  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 a {
  font-size: 13px;
  font-weight: 500;
  color: #525356;
  padding: 0px 13px;
  border-radius: 6px;
  margin-bottom: 10px;
  display: inline-block;
  background-color: #DFF9F0;
}
.tp-recent-post-span a.grey {
  background-color: #EFE9FE;
}
.tp-recent-post-span a.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 !important;
  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;
    margin-top: 50px;
  }
}
.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) !important;
  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);
}

.tp-sidebar-widget.sidebar__widget.widget_search {
  border: none;
  padding: 0;
}

/*----------------------------------------*/
/*  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;
  height: 350px;
}
.tp-blog-thumb img {
  border-radius: 10px !important;
  width: 100%;
  height: 100% !important;
  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;
  object-position: top center;
}
.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: 34px;
  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:hover .icon {
  animation: tfLeftToRight 0.5s forwards;
}
.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 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) {
  .tp-blog-full-width-title {
    font-size: 65px;
  }
}
@media 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;
  }
}
.tp-blog-full-width-box {
  margin-bottom: 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), only screen and (max-width: 767px) {
  .tp-blog-full-width-box {
    flex-wrap: wrap;
    gap: 15px;
  }
}
.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 !important;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .tp-blog-stories-banner-thumb img {
    height: 260px !important;
    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-content a.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-user-thumb img {
  width: 45px;
  height: 45px !important;
  margin-right: 12px;
  border-radius: 100% !important;
  object-fit: cover;
  object-position: top center;
}
.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 .tp-blog-categorize {
  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);
  position: relative;
}
.tp-blog-stories-tag-wrap .tp-blog-categorize.sky {
  background-color: #DFF9F0;
}
.tp-blog-stories-tag-wrap .tp-blog-categorize.yeallow {
  background-color: #FDFFD0;
}
.tp-blog-stories-tag-wrap .tp-blog-categorize::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: -35px;
  height: 1px;
  width: 24px;
  background-color: #D9D9D9;
}
.tp-blog-stories-tag-wrap span {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: var(--tp-text-body);
}
.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-theme-secondary);
}
.tp-blog-stories-user-box span {
  font-size: 15px;
  font-weight: 500;
  color: var(--tp-text-body);
  text-transform: capitalize;
}

@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: -0.2px;
}
@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) {
  .tp-blog-details-title {
    font-size: 54px;
    line-height: 1.1;
  }
}
@media only screen and (max-width: 767px) {
  .tp-blog-details-title {
    font-size: 40px;
    line-height: 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-blog-details-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-blog-details-user {
    flex-wrap: wrap;
    gap: 15px;
  }
}
.tp-blog-details-user span {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-heading-2);
  text-transform: capitalize;
}
.tp-blog-details-user span:not(:first-of-type) {
  margin-left: 15px;
}
.tp-blog-details-user span img {
  margin-right: 5px;
  border-radius: 50%;
  width: 47px;
  height: 47px;
  object-fit: cover;
  object-position: top center;
}
.tp-blog-details-user span:not(:last-of-type)::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: -15px;
  width: 1px;
  height: 24px;
  background-color: #D9D9D9;
}
.tp-blog-details-thumb img {
  border-radius: 16px;
  max-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;
  }
}

.tp-postbox-meta.postbox__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}

.tp-postbox-details-area .tp-blog-stories-tag-wrap a {
  margin-right: 0;
}
.tp-postbox-details-area .tp-blog-stories-tag-wrap a::after {
  content: unset;
}

div.postbox__comment-info {
  flex: 0 0 auto;
}

div.postbox__comment-text {
  flex-grow: 1;
}

.tp-blog-stories-tag-wrap .tp-blog-comments {
  padding-inline-start: 30px;
}
.tp-blog-stories-tag-wrap .tp-blog-comments::before {
  position: absolute;
  content: "";
  top: 55%;
  transform: translateY(-55%);
  left: -2px;
  height: 1px;
  width: 20px;
  background-color: #CECECE;
}

.tp-blog-area .tp-postbox-wrapper .basic-pagination ul {
  justify-content: start;
  padding: 0 !important;
  margin: 0 !important;
}

.tp-blog-category-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 13px;
}
.tp-blog-category-list a {
  margin: 0 !important;
}
.tp-blog-category-list .tp-header-2-search {
  margin: 0 !important;
}
.tp-blog-category-list .tp-header-2-search input {
  border: 1px solid #F2F2F2;
  background: #fff;
  border-radius: 100px;
}

@media (min-width: 1200px) and (max-width: 1580px) {
  .tp-blog-full-width-pl {
    padding-left: 60px;
    padding-right: 60px;
  }
  .tp-blog-full-width-pl .tp-blog-full-width-title {
    font-size: 65px;
  }
}
/*----------------------------------------*/
/*  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: 3px;
}
.tp-footer-widget ul li a {
  color: var(--tp-grey-3);
  font-size: 16px;
  font-family: var(--tp-ff-primary);
  text-transform: capitalize;
}
.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-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 68px 0 24px;
  border: 2px solid #E4E2DC;
  background-color: transparent;
}
.tp-footer-newsletter-submit {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.tp-footer-newsletter-submit .tp-btn {
  padding: 6px 20px;
}
.tp-footer-newsletter-social a {
  height: 38px;
  width: 38px;
  line-height: 1;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  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: #57595F;
  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: center;
  }
}
.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;
  z-index: 1;
}
.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: rgb(255, 255, 255);
  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;
  border: 1px solid var(--tp-common-white);
  padding: 19px 35px;
  color: var(--tp-theme-4);
  font-size: 16px;
  font-weight: 400;
  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: #C41230;
}
.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: #C41230;
  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-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;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-5-col-4 {
    margin-left: -60px;
  }
}

.tp-footer-inner {
  background-color: #F3F4F8;
  border-bottom: 1px solid rgba(0, 31, 63, 0.08);
}
.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: 260px;
  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-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: 0;
  z-index: 1;
  animation: light 4s linear infinite;
}
@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-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: hero-3-shape 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: hero-3-shape 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: hero-3-shape 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: 49px 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-heading-bottom-line::before {
  content: "";
  position: absolute;
  width: 105%;
  height: 25px;
  left: -5px;
  bottom: 0;
  z-index: -1;
  background: #DD000D;
}

.tp-home-2-heading-shape img {
  position: absolute;
  left: 0;
  bottom: 0;
}

.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 img {
  width: auto;
  border-radius: 50%;
  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: 152px;
}
.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;
  }
}
div.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.2);
}
.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: 120px;
  right: -25px;
}
.tp-about-campus-shape .shape-2 {
  position: absolute;
  top: auto;
  right: auto;
  left: 55px;
  bottom: 40px;
}
.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;
  }
}
div.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 {
  color: var(--tp-theme-primary);
  background-color: transparent;
  padding: 6px 20px;
  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: 100%;
    margin-top: 60px;
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-banner-content {
    width: 89%;
    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;
  -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);
  background-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.acadia-cta-form-icon {
  color: #FFEE54;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 238, 84, 0.2);
  text-align: center;
  position: absolute;
  top: 10px;
  left: 12px;
}
@media only screen and (max-width: 767px) {
  .tp-cta-2-form span.acadia-cta-form-icon {
    left: 8px;
  }
}
.tp-cta-2-form span.acadia-cta-form-icon 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);
}
.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;
}
div.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: 400;
}
.tp-live-teacher-title {
  color: #57595F;
  font-size: 15px;
  font-weight: 500;
}
.tp-live-thumb {
  position: relative;
  display: inline-block;
  margin-right: 15px;
}
div.tp-live-thumb img {
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  div.tp-live-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-live-thumb {
    margin-right: 0;
  }
}
.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 !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 (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: 320px;
  -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-live-rating-star .tutor-icon-star-bold {
  color: #FFC221;
}

/*----------------------------------------*/
/*  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);
  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-primary);
  border-color: var(--tp-theme-primary);
}
.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: 0px;
  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: 0px;
  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: 3px;
}
.tp-contact-input-remeber.schedule label::before {
  top: 3px;
}
.tp-contact-input-remeber.request {
  margin-top: 5px;
}
.tp-contact-btn .tp-btn-inner {
  padding: 16px 66px;
  box-shadow: 0px 0px 1px 0px #092097, 0px 1px 2px 0px rgba(9, 32, 151, 0.25);
}
.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 span.tp-acadia-counter-border {
  position: absolute;
  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 span.tp-acadia-counter-border {
    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: 100px;
  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: 50px;
  width: 50px;
  margin: 0 auto 25px;
}
.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: -15px;
  right: 105px;
  z-index: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-service-3-heading {
    right: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-3-heading {
    right: 127px;
  }
}
@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-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;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-service-5-item {
    display: none;
  }
}
.tp-service-5-item.service-5-border {
  border: none;
}
.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 .tp-acadia-btn-line::after {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.2s linear;
}
.tp-program-all a .tp-acadia-btn-line::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -2px;
  height: 1px;
  width: 100%;
  background: rgba(171, 12, 47, 0.3);
}
.tp-program-all a .tp-acadia-btn-line::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.04);
}
.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 {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  display: inline-block;
  margin-bottom: 20px;
}
.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: 36px;
  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, 1px);
}

/*----------------------------------------*/
/*  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: 39px;
  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 -10px 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% !important;
  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%;
  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 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: 668px;
  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;
  height: 228px;
}
.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;
  height: 100% !important;
  object-position: center;
  object-fit: cover;
}
.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: 56px;
}
.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 40px;
  border-radius: 10px;
  height: 200px;
}
.tp-event-4-thumb img {
  max-width: 300px;
  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;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}
@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-info {
  flex-wrap: wrap;
  gap: 15px;
}
.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: 54px;
  padding-bottom: 70px;
  padding-left: 78px;
}
@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: 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: 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-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: 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-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;
}
.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-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-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;
}
div.tp-event-details-item-thumb img {
  border-radius: 50%;
  width: 170px;
  height: 170px;
  object-fit: cover;
}

.tp-event-details-item-content p {
  font-size: 15px;
}
.tp-event-details-item-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
  color: var(--tp-heading-2);
}
.tp-event-details-item-title a:hover {
  color: var(--tp-theme-secondary);
}
.tp-event-details-item-social a {
  display: inline-block;
  width: 38px;
  height: 38px;
  font-size: 15px;
  color: #4F5158;
  line-height: 38px;
  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);
}

div .etn-event-search-wrapper .input-group {
  flex-wrap: nowrap;
}
div .etn-event-search-wrapper .input-group input {
  width: 100%;
  border: none !important;
  padding-left: 0px;
  padding-right: 5px;
  outline: none;
}
div .etn-event-search-wrapper .input-group input.form-control:focus {
  box-shadow: none;
  background: transparent;
  color: inherit;
}
div .etn-event-search-wrapper .input-group .etn_event_select {
  background: transparent;
  border: none;
  cursor: pointer;
}
div .etn-event-search-wrapper .search-button-wrapper {
  justify-content: center;
}

.etn-es-events-page-container.event-one {
  padding: 0;
}
.etn-es-events-page-container.event-one .tp-event-details-breadcrumb-area {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.tp-event-details-area .etn-widget.etn-variable-ticket-widget, .tp-event-details-area .etn-widget.etn-add-calender-url {
  margin-bottom: 50px;
}
.tp-event-details-area .etn-widget.etn-event-organizers {
  margin-bottom: 0;
}
.tp-event-details-area .etn-widget.etn-event-organizers .etn-organaizer-item {
  background: #f4f5f8;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 5px;
}
.tp-event-details-area .etn-widget.etn-event-organizers .etn-organaizer-item .etn-organizer-name {
  font-size: 18px;
}
.tp-event-details-area .etn-widget.etn-event-organizers .etn-organaizer-item:last-child {
  margin-bottom: 0;
}
.tp-event-details-area .etn-widget.etn-event-organizers .etn-organaizer-item .etn-organizer-email a:hover {
  color: var(--tp-theme-secondary);
}
.tp-event-details-area .etn-calender-list a:hover .calender-name {
  color: #fff;
}

.etn-event-thumb {
  position: relative;
}
.etn-event-thumb a {
  line-height: inherit !important;
}
.etn-event-thumb a .acadia_archive_event_expired {
  position: absolute;
  right: 10px;
  left: auto;
  top: 10px;
  background: var(--tp-theme-primary);
  color: #fff;
  padding: 1px 10px;
  border-radius: 3px;
  font-weight: 600;
}

.etn-social a:hover {
  border: 1px solid #5d78ff;
  background: transparent;
  color: #5d78ff;
}
.etn-social a::before {
  content: none;
}

.tp-event-inner-item .etn-event-thumb {
  height: 225px;
}
.tp-event-inner-item .etn-event-thumb img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.tp-event-details-breadcrumb-area {
  position: relative;
  z-index: 1;
}
.tp-event-details-breadcrumb-area::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  z-index: -1;
  background: rgba(0, 0, 0, 0.5);
}

.tp-event-details-area .etn-widget.etn-event-organizers .etn-organaizer-item {
  padding: 20px !important;
}

.etn-speaker-detail2 .speaker-sidebar {
  box-shadow: inherit !important;
  background: #f9f9f9;
  padding: 30px 20px 7px;
  border-radius: 5px;
}
.etn-speaker-detail2 .speaker-sidebar .etn-speaker-thumb img {
  border-radius: 5px;
  overflow: hidden;
}
.etn-speaker-detail2 .speaker-sidebar .etn-speaker-details-meta a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0;
  line-height: 1;
  font-size: 16px;
  font-weight: 400;
}
.etn-speaker-detail2 .speaker-sidebar .etn-speaker-info {
  padding: 0;
}

.etn-organizer-email {
  font-size: 16px;
  font-weight: 400;
}

div .etn-social {
  margin-top: 8px;
}
div .etn-social .etn-label-name {
  font-size: 16px;
  font-weight: 400;
}
div .etn-social a {
  align-items: center;
  background: var(--tp-theme-secondary);
  color: #fff;
  height: 35px;
  line-height: 35px;
  width: 35px;
  border-radius: 30px;
  font-size: 15px;
}
div .etn-social a:hover {
  background: transparent;
  color: var(--tp-theme-secondary);
  border-color: var(--tp-theme-secondary);
}

.etn_variable_ticket_form_price strong,
.etn_variable_ticket_form_price label {
  font-weight: 500;
}

.tp-event-details-ticket .etn-event-organizers .etn-organizer-logo img {
  margin-bottom: 10px;
}

/*----------------------------------------*/
/*  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 {
  border-color: rgba(26, 115, 232, 0.5);
  transform: translateY(-4px);
}
.tp-category-item:hover .tp-category-title {
  color: var(--tp-theme-secondary);
}
.tp-category-icon {
  margin-bottom: 40px;
}
.tp-category-icon span {
  height: 42px;
  width: 42px;
  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);
}
.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;
}
.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 img {
  border-radius: 14px !important;
  width: 100%;
}
.tp-category-5-title {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}
.tp-category-5-title a {
  background-color: var(--tp-common-white);
  padding: 14px 20px 15px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
}
.tp-category-5-title a span {
  flex: 0 0 auto;
  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-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-size: cover;
  background-repeat: no-repeat;
  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;
  align-items: center;
  justify-content: space-between;
}
div.tp-course-teacher img {
  height: 30px;
  width: 30px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 10px;
}

.tp-course-teacher > span {
  font-size: 15px;
}
.tp-course-teacher > span a:hover {
  color: var(--tp-theme-secondary);
}
.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: auto;
  object-fit: cover;
  width: 100%;
  transition: all 0.5s ease-in-out;
  border-radius: 10px !important;
  object-position: top center;
}
.tp-course-thumb.sidebar img {
  height: 100%;
}
.tp-course-tag {
  line-height: 1;
}
.tp-course-tag span {
  display: inline-block;
  border-radius: 3px;
  color: #17A2B8;
  background: rgba(23, 162, 184, 0.08);
  font-size: 13px;
  font-weight: 500;
  padding: 6px 10px;
  line-height: 1;
  overflow: hidden;
}
.tp-course-tag span[data-cat-color] {
  position: relative;
  z-index: 1;
}
.tp-course-tag span[data-cat-color]::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: currentColor;
  opacity: 0.08;
}
.tp-course-meta {
  margin-bottom: 7px;
}
.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-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;
}
.tp-course-rating-icon i, .tp-course-rating-icon span {
  font-size: 13px;
  color: #FFB21D;
}
.tp-course-rating-icon .review-stars-rated {
  margin-bottom: 0;
}
.tp-course-pricing del {
  display: block;
  color: #94928E;
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  margin-bottom: -1px;
}
.tp-course-pricing > span, .tp-course-pricing ins {
  font-size: 18px;
  font-weight: 600;
  color: var(--tp-dashboard-secondary);
}
.tp-course-pricing > span .stm_lms_courses__single--price, .tp-course-pricing ins .stm_lms_courses__single--price {
  display: flex;
  align-items: center;
  gap: 5px;
}
.tp-course-pricing > span .stm_lms_courses__single--price span, .tp-course-pricing ins .stm_lms_courses__single--price span {
  font-size: 17px;
}
.tp-course-pricing > span .stm_lms_courses__single--price strong, .tp-course-pricing ins .stm_lms_courses__single--price strong {
  font-size: 20px;
}
.tp-course-pricing ins {
  text-decoration: none;
}
.tp-course-pricing .price del {
  display: block;
  color: #94928E;
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  margin-bottom: -1px;
}
.tp-course-pricing .price > span, .tp-course-pricing .price ins {
  font-size: 18px;
  font-weight: 600;
  color: var(--tp-dashboard-secondary);
}
.tp-course-pricing .price ins {
  text-decoration: none;
}
.tp-course-pricing.home-2 {
  color: var(--tp-theme-secondary);
}
.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-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;
  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-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% !important;
  border-radius: 10px !important;
  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-rating span.tutor-icon-star-line {
  color: #FFA41D;
}
.tp-course-4-rating .tutor-icon-star-bold {
  color: #FFA41D;
}
.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 {
  line-height: 1;
}
div.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-avatar-text span.instructor-display-name {
  color: var(--tp-heading-primary);
}
.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 !important;
  height: 250px !important;
  object-fit: cover;
  object-position: top;
}
.tp-course-5-price {
  position: absolute;
  top: 16px;
  right: 16px;
}
.tp-course-5-price > span {
  background-color: var(--tp-theme-5);
  border-radius: 50%;
  height: 70px;
  width: 70px;
  line-height: 1;
  text-align: center;
  color: var(--tp-heading-primary);
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tp-course-5-price > span:has(.lms-free) {
  background-color: #9CE28A;
}
.tp-course-5-price > span .price del {
  font-size: 13px;
}
.tp-course-5-price > span .price del span {
  font-size: inherit;
}
.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;
  line-height: 1;
  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);
}

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: 150px;
  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-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-down.png);
}
.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 {
  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%);
}
.tp-course-filter-top-left {
  gap: 15px;
}
@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;
  line-height: 1.3;
}
.tp-course-filter-top-tab {
  height: 44px;
  border-radius: 100px;
  padding: 5px 6px 6px 6px;
  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;
}
.tp-course-filter-top-right-search input {
  border: none;
  height: 44px;
  width: 300px;
  border-radius: 100px !important;
  padding: 0 40px 0 25px;
  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 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%);
}
@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-top-right.categories {
    margin-top: 20px;
  }
}
.tp-course-filter-btn {
  margin-left: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-course-filter-btn {
    margin-left: 0;
    margin-top: 20px;
  }
}
.tp-course-filter-btn .tp-filter-btn {
  font-size: 16px;
  font-weight: 500;
  color: #5169f1;
  padding: 9px 34px;
  border-radius: 100px;
  box-shadow: 0 1px 2px 0 rgba(3, 11, 30, 0.14);
  background: linear-gradient(180deg, #fff 0%, #f9f6ff 100%);
  transition: none;
}
.tp-course-filter-btn .tp-filter-btn svg {
  margin-right: 5px;
  transform: translateY(-1px);
}
.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: 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-item {
    flex-wrap: wrap;
    gap: 17px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-course-filter-item.tp-course-filter-item-6 {
    flex-wrap: nowrap;
  }
}
.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-content .acadia-save-bookmark-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  backdrop-filter: blur(14px);
}
.tp-course-filter-tag .tag-span {
  display: inline-block;
  border-radius: 3px;
  color: #17A2B8;
  background-color: rgba(23, 162, 184, 0.08);
  font-size: 13px;
  font-weight: 500;
  padding: 7px 13px;
  line-height: 1;
  margin-right: 5px;
  overflow: hidden;
}
.tp-course-filter-tag .tag-span[data-cat-color] {
  position: relative;
  z-index: 1;
}
.tp-course-filter-tag .tag-span[data-cat-color]::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: currentColor;
  opacity: 0.08;
}
.tp-course-filter-tag .discount {
  flex: 0 0 auto;
  color: #E71442;
  font-size: 13px;
  font-weight: 600;
  padding: 0 9px;
  letter-spacing: 0.52px;
  border-radius: 6px;
  border: 1px solid rgba(231, 20, 66, 0.12);
  display: inline-block;
  height: fit-content;
}
.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);
  display: inline-block;
}
.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;
  border-radius: 50%;
}
.tp-course-filter-meta > span a:hover {
  color: var(--tp-theme-secondary);
}
.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-9 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 del {
  display: block;
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  color: #94928E;
  margin-bottom: -1px;
}
.tp-course-filter-pricing > span {
  font-size: 20px;
  font-weight: 600;
  color: var(--tp-dashboard-secondary);
}
.tp-course-filter-pricing > span del {
  font-size: 18px;
  font-weight: 600;
}
.tp-course-filter-pricing > span .stm_lms_courses__single--price {
  display: flex;
  align-items: center;
  gap: 5px;
}
.tp-course-filter-pricing > span .stm_lms_courses__single--price span {
  font-size: 18px;
}
.tp-course-filter-pricing > span .stm_lms_courses__single--price strong {
  font-size: 20px;
}
.tp-course-filter-pricing .price del {
  display: block;
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  color: #94928E;
  margin-bottom: -1px;
}
.tp-course-filter-pricing .price > span {
  font-size: 20px;
  font-weight: 600;
  color: var(--tp-dashboard-secondary);
}
.tp-course-filter-btn a {
  font-size: 16px;
  font-weight: 500;
  border-radius: 30px;
  display: inline-block;
  padding: 9px 40px 13px;
  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:hover a {
  border: 1px solid var(--tp-theme-9);
  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 {
  margin-left: 12px;
}
@media only screen and (max-width: 767px) {
  .tp-course-filter-select {
    margin-left: 0;
  }
}
.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 {
  padding-bottom: 50px;
  border-bottom: 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-course-grid-wrap {
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-course-grid-wrap {
    border-bottom: transparent;
  }
}
.tp-course-grid-box {
  margin-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .tp-course-grid-box {
    margin-bottom: 50px;
  }
}
.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);
  box-shadow: 0px 1px 2px 0px rgba(3, 11, 30, 0.2);
}
.tp-course-grid-box .nav-item .nav-link.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-course-grid-box .nav-item .nav-link: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-course-grid-box .nav-item .nav-link {
    margin-bottom: 10px;
  }
}
.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: 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);
  width: 100%;
}
.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 (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-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 {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(3, 31, 66, 0.08);
  margin-top: 15px;
}
.tp-course-grid-thumb {
  border-radius: 8px;
  flex: 0 0 230px;
  position: relative;
}
@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 {
    width: 100%;
    flex: 0 0 100%;
  }
}
div.tp-course-grid-thumb img {
  height: 100%;
  width: 230px;
  border-radius: 8px;
  object-fit: cover;
}
@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) {
  div.tp-course-grid-thumb img {
    width: 100%;
    height: 100%;
  }
}

.tp-course-grid-thumb .acadia-save-bookmark-btn {
  position: absolute;
  top: 20px;
  left: 20px;
  backdrop-filter: blur(14px);
}
.tp-course-grid-content {
  padding: 25px 23px 0px 30px;
  width: 100%;
  flex: 0 0 calc(100% - 230px);
}
@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-content {
    flex: 0 0 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-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: 100%;
  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;
  margin-left: 15px;
}
.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: 44px;
  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;
  position: relative;
  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), only screen and (max-width: 767px) {
  .tp-course-list-thumb {
    width: 100%;
    height: auto;
  }
}
.tp-course-list-thumb img {
  height: 100%;
  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 {
  padding-bottom: 20px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(3, 31, 66, 0.08);
}
.tp-course-list-p p {
  font-weight: 300;
}

.tp-filter-mt {
  position: relative;
  margin-top: -300px;
}
@media only screen and (max-width: 767px) {
  .tp-filter-mt {
    margin-top: -380px;
  }
}
.tp-filter-mt-2 {
  position: relative;
  margin-top: -190px;
}
.tp-filter-dropdown-wrapper {
  position: absolute;
  top: 75px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 11;
  padding: 40px 45px 10px;
  padding-right: 75px;
  visibility: hidden;
  opacity: 0;
  transform-origin: top;
  border-radius: 14px;
  box-shadow: 0 1px 2px 0 rgba(3, 11, 30, 0.14);
  background: linear-gradient(180deg, #fff 0%, #f9f6ff 100%);
  -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: 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-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: #5169f1;
}
.tp-filter-widget-radio ul li .form-check-label {
  font-size: 15px;
  color: #57595f;
  font-weight: 400;
  cursor: pointer;
}
.tp-filter-widget-checkbox {
  max-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 label {
  font-size: 15px;
  color: #57595f;
  font-weight: 400;
  position: relative;
  padding-left: 5px;
  z-index: 1;
}
.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-filter-widget-checkbox ul li label:has(input:checked)::after {
  background-color: var(--tp-theme-7);
  border-color: var(--tp-theme-7);
}
.tp-filter-widget-checkbox ul li label:has(input:checked)::before {
  visibility: visible;
  opacity: 1;
}

.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 label {
  font-size: 15px;
  color: #57595f;
  font-weight: 400;
  position: relative;
  padding-left: 5px;
  z-index: 1;
}
.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-details2-main-inner {
    padding-right: 0;
  }
}
.tp-course-details2-main-title {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 24px;
  color: var(--tp-heading-2);
}
.tp-course-details2-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-details2-title {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 30px;
  letter-spacing: -0.02em;
  color: var(--tp-heading-2);
}
@media only screen and (max-width: 767px) {
  .tp-course-details2-title {
    font-size: 35px;
  }
}
.tp-course-details2-author-avater {
  margin-right: 14px;
}
.tp-course-details2-author-avater img {
  width: 50px;
  height: 50px;
}
.tp-course-details2-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-details2-meta {
    margin-bottom: 10px;
  }
}
.tp-course-details2-meta:not(:last-child) {
  margin-right: 50px;
}
.tp-course-details2-meta-title {
  font-size: 18px;
  font-weight: 500;
  color: var(--tp-heading-2);
}
.tp-course-details2-meta-title a:hover {
  color: var(--tp-theme-secondary);
}
.tp-course-details2-meta-subtitle {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-common-black);
  color: #73757b;
  margin-bottom: 0;
  line-height: 1;
  display: inline-block;
}
.tp-course-details2-meta-subtitle.rating-color {
  color: var(--tp-common-black);
}
.tp-course-details2-meta-subtitle.rating-color span {
  color: #73757b;
}
.tp-course-details2-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-details2-widget {
    margin-top: 30px;
  }
}
.tp-course-details2-widget-thumb img {
  border-radius: 8px;
  width: 100%;
}
.tp-course-details2-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-details2-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-details2-widget-content {
  padding: 30px 15px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .tp-course-details2-widget-content {
    padding: 30px 0;
  }
}
.tp-course-details2-widget-price {
  margin-bottom: 18px;
}
.tp-course-details2-widget-price div > span, .tp-course-details2-widget-price div > ins {
  font-size: 30px;
  font-weight: 600;
  color: var(--tp-heading-2);
}
.tp-course-details2-widget-price div del {
  font-size: 16px;
  font-weight: 400;
  color: #73757b;
}
.tp-course-details2-widget-price > span:not(.acadia-course-single-widget-discount) {
  font-size: 30px;
  font-weight: 600;
  color: var(--tp-heading-2);
}
.tp-course-details2-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-details2-widget-price .share a {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 31px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid rgba(1, 15, 28, 0.1);
}
.tp-course-details2-widget-btn {
  margin-bottom: 30px;
}
.tp-course-details2-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-details2-widget-btn a:not(:last-of-type) {
  margin-bottom: 10px;
}
.tp-course-details2-widget-btn a:hover {
  border: 1px solid var(--tp-dashboard-primary);
  color: var(--tp-common-white);
  background-color: var(--tp-dashboard-primary);
}
.tp-course-details2-widget-btn a.active {
  border: none;
  color: var(--tp-common-white);
  background-color: var(--tp-dashboard-primary);
}
.tp-course-details2-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-details2-widget-list h5 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
  color: var(--tp-heading-2);
}
.tp-course-details2-widget-list-item {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(3, 31, 66, 0.1);
}
.tp-course-details2-widget-list-item span {
  font-size: 15px;
  font-weight: 500;
  color: #4f5158;
}
.tp-course-details2-widget-list-item span svg {
  margin-right: 5px;
  transform: translateY(-1px);
}
.tp-course-details2-widget-share {
  margin-bottom: 15px;
}
.tp-course-details2-widget-share .share {
  font-size: 15px;
  font-weight: 500;
  color: var(--tp-dashboard-primary);
}
.tp-course-details2-widget-share .share span {
  display: inline-block;
  margin-right: 5px;
  transform: translateY(-1px);
}
.tp-course-details2-widget-share .coupon {
  font-size: 15px;
  font-weight: 500;
  color: #ff843f;
  position: relative;
}
.tp-course-details2-widget-share .coupon:hover::after {
  opacity: 0;
  transform: translateY(-2px);
}
.tp-course-details2-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-details2-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-details2-widget-search input:focus {
  border-color: var(--tp-theme-7);
  box-shadow: 0px 0px 0px 3px rgba(70, 97, 253, 0.16);
}
.tp-course-details2-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-details2-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-details2-text p br {
    display: none;
  }
}
.tp-course-details2-text ul, .tp-course-details2-text li {
  padding-left: 15px;
}
.tp-course-details2-text a {
  font-size: 16px;
  font-weight: 500;
  color: #3c66f9;
}
.tp-course-details2-text a span {
  margin-right: 5px;
  display: inline-block;
  transform: translateY(-2px);
}
.tp-course-details2-nav {
  position: sticky;
  top: 120px;
  z-index: 6;
}
.tp-course-details2-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-details2-nav nav {
    padding: 12px 12px 0;
  }
}
.tp-course-details2-nav nav ul li {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .tp-course-details2-nav nav ul li {
    margin-bottom: 12px;
  }
}
.tp-course-details2-nav nav ul li.current a {
  font-weight: 600;
  color: var(--tp-common-white);
  background: var(--tp-dashboard-primary);
  box-shadow: 0 0 1px 0 #092097, 0 1px 2px 0 rgba(9, 32, 151, 0.25);
}
.tp-course-details2-nav nav ul li.current a:hover {
  color: var(--tp-common-white);
  background: var(--tp-dashboard-primary);
}
.tp-course-details2-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-details2-nav nav ul li a {
    padding: 8px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-course-details2-nav nav ul li a {
    padding: 10px 20px;
  }
}
.tp-course-details2-nav nav ul li a:hover {
  color: var(--tp-dashboard-primary);
  border-color: rgb(245, 246, 255);
  background-color: rgb(245, 246, 255);
}
.tp-course-details2-content {
  padding-top: 60px;
}
.tp-course-details2-content #reviews {
  padding-top: 95px;
}
@media only screen and (max-width: 767px) {
  .tp-course-details2-content #reviews {
    flex-wrap: wrap;
    padding-top: 50px;
  }
}
.tp-course-details2-list ul {
  display: inline-block;
  margin-bottom: 20px;
}
.tp-course-details2-list ul li {
  list-style: none;
  font-size: 17px;
  font-weight: 400;
  color: var(--tp-text-body);
  width: 50%;
  float: left;
  margin-bottom: 13px;
  position: relative;
  padding-left: 11px;
}
@media only screen and (max-width: 767px) {
  .tp-course-details2-list ul li {
    width: 100%;
  }
}
.tp-course-details2-list ul li::before {
  position: absolute;
  top: 11px;
  left: 0;
  content: "";
  width: 4px;
  height: 4px;
  background-color: currentColor;
  border-radius: 50%;
}
.tp-course-details2-list p {
  font-size: 17px;
}
.tp-course-details2-faq .accordion-item {
  border-radius: 6px;
  border: 1px solid #e6e8f0;
}
.tp-course-details2-faq .accordion-item:not(:last-of-type) {
  margin-bottom: 16px;
}
.tp-course-details2-faq .accordion-button {
  border-radius: 6px;
  padding: 19px 30px 19px 54px;
}
@media only screen and (max-width: 767px) {
  .tp-course-details2-faq .accordion-button {
    padding: 18px 15px 18px 30px;
  }
}
.tp-course-details2-faq .accordion-button .span {
  font-size: 18px;
  font-weight: 500;
  color: var(--tp-heading-2);
}
.tp-course-details2-faq .accordion-button .lesson {
  font-size: 15px;
  font-weight: 400;
  color: #57595f;
  border-radius: 34px;
  padding: 5px 20px;
  border: 1px solid #e6e8f0;
}
.tp-course-details2-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-details2-faq .accordion-button:not(.collapsed) {
    padding: 18px 15px 18px 30px;
  }
}
.tp-course-details2-faq .accordion-button:not(.collapsed) .span {
  color: var(--tp-dashboard-primary);
}
.tp-course-details2-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-details2-faq .accordion-button:not(.collapsed) .accordion-btn::after {
  background-color: var(--tp-dashboard-primary);
}
.tp-course-details2-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-details2-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-details2-faq .accordion-button .accordion-btn {
    left: 15px;
  }
}
.tp-course-details2-faq .accordion-button .accordion-btn::after, .tp-course-details2-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-details2-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-details2-faq .accordion-button::after {
  content: none;
}
.tp-course-details2-faq .accordion-body {
  padding: 18px 30px;
}
@media only screen and (max-width: 767px) {
  .tp-course-details2-faq .accordion-body {
    padding: 15px 15px;
  }
}
.tp-course-details2-faq-item:not(:last-of-type) {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #f4f5fa;
}
.tp-course-details2-faq-item .left span {
  font-size: 15px;
  color: #57595f;
  font-weight: 400;
}
.tp-course-details2-faq-item .left span i {
  font-size: 16px;
  font-style: normal;
  color: var(--tp-heading-2);
}
.tp-course-details2-faq-item .left span svg {
  transform: translateY(-2px);
  margin-right: 5px;
}
.tp-course-details2-faq-item .right span {
  font-size: 14px;
  font-weight: 400;
  color: #697089;
}
.tp-course-details2-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-details2-faq-item .right span a svg {
  margin-right: 5px;
  transform: translateY(-1px);
}
@media only screen and (max-width: 767px) {
  .tp-course-details2-instructor {
    flex-wrap: wrap;
  }
}
.tp-course-details2-instructor h5 {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  margin-bottom: 0;
}
.tp-course-details2-instructor .pre {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  color: var(--tp-text-body);
}
.tp-course-details2-instructor-sub {
  margin-bottom: 10px;
}
.tp-course-details2-instructor-sub span {
  font-size: 14px;
  font-weight: 400;
  color: #6c7275;
}
.tp-course-details2-instructor-sub span svg {
  margin-right: 2px;
  transform: translateY(-2px);
}
.tp-course-details2-instructor-sub span:not(:last-of-type) {
  margin-right: 15px;
}
.tp-course-details2-instructor-text {
  margin-bottom: 25px;
}
.tp-course-details2-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-details2-instructor-text p br {
    display: none;
  }
}
.tp-course-details2-instructor-social a, .tp-course-details2-instructor-social button {
  display: inline-block;
  padding: 0;
  height: 36px;
  width: 36px;
  line-height: 34px;
  border-radius: 50%;
  text-align: center;
  margin-right: 6px;
  border: 1px solid #e6e8f0;
  color: var(--tp-text-body);
  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-details2-instructor-social a:hover, .tp-course-details2-instructor-social button:hover {
  background: #5169f1;
  border: 1px solid #5169f1;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tp-course-details2-instructor-thumb {
    margin-right: 20px;
    margin-bottom: 20px;
  }
}
.tp-course-details2-review-rating {
  margin-bottom: 60px;
}
.tp-course-details2-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-details2-review-rating-info {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-course-details2-review-rating-info {
    padding: 25px;
  }
}
.tp-course-details2-review-rating-info h5 {
  font-size: 54px;
  font-weight: 500;
  margin-bottom: 0px;
  letter-spacing: -0.02em;
  color: var(--tp-heading-2);
}
.tp-course-details2-review-rating-info p {
  font-size: 15px;
  font-weight: 400;
  color: #6c7275;
}
.tp-course-details2-review-rating-info .rating-icons .tutor-ratings {
  justify-content: center;
}
.tp-course-details2-review-rating-info .rating-icons .tutor-ratings > * {
  margin: 0;
  margin-right: 3px;
}
.tp-course-details2-review-rating-info .rating-icons .tutor-ratings span {
  font-size: 13px;
  color: #FFB21D;
}
.tp-course-details2-review-details {
  padding: 22px 30px;
  border-radius: 6px;
  border: 1px solid #e6e8f0;
}
.tp-course-details2-review-item {
  margin-bottom: 5px;
}
.tp-course-details2-review-progress {
  height: 6px;
  margin: 0 2px;
  overflow: hidden;
  background-color: #F4F4F4;
  width: calc(100% - 40px - 60px);
}
.tp-course-details2-review-progress .single-progress {
  height: 100%;
  background-color: #FFB21D;
}
.tp-course-details2-review-text {
  font-size: 15px;
  font-weight: 400;
  color: #a0a2a4;
}
.tp-course-details2-review-percent {
  width: 40px;
  text-align: right;
}
.tp-course-details2-review-percent h5 {
  font-size: 14px;
  font-weight: 400;
  color: #55585b;
}
.tp-course-details2-review-thumb {
  margin-right: 20px;
}
.tp-course-details2-review-item-reply {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #dce0ec;
}
@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-details2-review-item-reply p br {
    display: none;
  }
}
.tp-course-details2-review-top {
  margin-bottom: 15px;
}
.tp-course-details2-review-content h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  color: var(--tp-heading-2);
}
.tp-course-details2-review-star {
  display: inline-block;
}
.tp-course-details2-review-star .span {
  font-size: 14px;
  font-weight: 400;
  color: #6c7275;
  margin-left: 5px;
}
.tp-course-details2-review-star .tutor-ratings-stars > * {
  margin: 0;
  margin-right: 3px;
  font-size: 12px;
  color: #FFB21D;
}
.tp-course-details2-review-react a {
  font-size: 14px;
  font-weight: 400;
  margin-right: 8px;
  color: #6c7275;
}
.tp-course-details2-review-react .react {
  position: relative;
  padding: 6px 10px;
  border-radius: 6px;
  border: 1px solid #e6e8f0;
}
.tp-course-details2-review-react .react::before {
  position: absolute;
  content: "";
  top: 0;
  height: 100%;
  width: 1px;
  left: 50%;
  background-color: #e6e8f0;
}
.tp-course-details2-review-react .react span:not(:last-of-type) {
  margin-right: 10px;
  padding-right: 10px;
}
.tp-course-details2-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-details2-review-reply-wrap {
    margin-bottom: 50px;
  }
}
.tp-course-details2-review-reply-btn a {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 6px 20px;
  border-radius: 6px;
  border: 1px solid #e6e8f0;
}
.tp-course-details2-review-reply-btn a:hover {
  color: var(--tp-dashboard-primary);
  background: rgba(85, 109, 245, 0.14);
}
.tp-course-details2-comment-star img {
  margin-bottom: 25px;
}
.tp-course-details2-related-border {
  border-top: 1px solid #d8dce8;
}
.tp-course-details2-related-heading {
  margin-bottom: 40px;
}
.tp-course-details2-related-heading p {
  font-weight: 300;
  font-size: 20px;
  color: #57595f;
}
.tp-course-details2-related-title {
  font-size: 36px;
  font-weight: 600;
  color: var(--tp-heading-2);
}

.tp-course-details3-main {
  padding-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-course-details3-main {
    padding-top: 30px;
  }
}
.tp-course-details3-main .tp-course-details2-nav nav ul li a {
  padding: 10px 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-course-details3-main .tp-course-details2-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-details3-main .tp-course-details2-nav nav ul li a {
    padding: 10px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-course-details3-main .tp-course-details2-nav nav ul li a {
    padding: 8px 20px;
  }
}
.tp-course-details3-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-details3-title br {
    display: none;
  }
}
.tp-course-details3-meta-wrapper {
  margin-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-course-details3-meta-wrapper {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-course-details3-meta-wrapper {
    margin-bottom: 30px;
  }
}
.tp-course-details3-meta-wrapper .tp-course-details2-author-designation {
  color: rgba(255, 255, 255, 0.7);
}
.tp-course-details3-meta-wrapper .tp-course-details2-meta-title {
  color: var(--tp-common-white);
}
.tp-course-details3-meta-wrapper .tp-course-details2-meta-title a {
  background-image: radial-gradient(currentColor, currentColor), radial-gradient(currentColor, currentColor);
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 91%;
  background-repeat: no-repeat;
}
.tp-course-details3-meta-wrapper .tp-course-details2-meta-title a:hover {
  color: currentColor;
  background-size: 0 1px, 100% 1px;
}
.tp-course-details3-meta-wrapper .tp-course-details2-meta-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.tp-course-details3-meta-wrapper .tp-course-details2-meta-subtitle.has-rating {
  color: #fff;
}
.tp-course-details3-meta-wrapper .tp-course-details2-meta-subtitle.has-rating span {
  color: rgba(255, 255, 255, 0.7);
}
.tp-course-details3-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-details3-widget {
    margin-right: 0;
    margin-bottom: 0;
  }
}
.tp-course-details3-widget-content {
  padding: 25px 0 0 0;
}
.tp-course-details3-widget .tp-course-details-2-widget-thumb img, .tp-course-details3-widget .tutor-course-thumbnail img {
  width: 100%;
  height: 270px;
  object-fit: cover;
}
.tp-course-details3-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-details3-list {
    padding-bottom: 0;
  }
}
.tp-course-details3-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-details3-list-item {
    padding-right: 0;
    border-bottom: 1px solid rgb(87, 89, 95);
  }
}
.tp-course-details3-list-item > span:first-child {
  font-weight: 500;
}
.tp-course-details3-list-item span {
  font-size: 20px;
  color: var(--tp-common-white);
}
.tp-course-details3-list-item span.width {
  font-weight: 400;
}
.tp-course-details3-list-item span span {
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-course-details3-list-item span {
    color: var(--tp-heading-primary);
  }
}

.tutor-course-filter-container,
.tutor-course-filter-backdrop {
  transition: all 0.3s ease-in-out;
}

@media (max-width: 991.98px) {
  .tutor-course-filter-container {
    right: 0;
    transform: translateX(calc(100% + 20px));
  }
}
@media (max-width: 350px) {
  .tutor-course-filter-container {
    width: 100%;
    padding: 32px 15px;
  }
}
@media (max-width: 991.98px) {
  body.tutor-course-filter-open .tutor-course-filter-container {
    transform: translateX(0%);
  }
}
.acadia-archive-filter-btn {
  font-size: 16px;
  font-weight: 500;
  padding: 9px 34px;
  border-radius: 100px;
  color: #65676a;
  background-color: #fff;
  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);
}
.acadia-archive-filter-btn svg {
  margin-right: 5px;
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.acadia-archive-filter-btn:hover {
  color: var(--tp-theme-secondary);
}

.acadia-filter-with-cat-btn ul li {
  margin-right: 6px;
}
.acadia-filter-with-cat-btn ul li label {
  font-size: 16px;
  font-weight: 400;
  border-radius: 100px;
  padding: 6px 24px 8px;
  display: inline-block;
  transition: all 0.3s 0s ease-in-out;
  color: var(--tp-grey-6);
  background: var(--tp-common-white);
  box-shadow: 0px 1px 2px 0px rgba(3, 11, 30, 0.2);
}
.acadia-filter-with-cat-btn ul li label input {
  display: none;
}
.acadia-filter-with-cat-btn ul li label:has(input:checked), .acadia-filter-with-cat-btn ul li label: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);
}

.acadia-course-sinlge-show-more-btn {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-theme-secondary);
}
.acadia-course-sinlge-show-more-btn span svg {
  margin-right: 5px;
  display: inline-block;
  transform: translateY(-2px);
}
.acadia-course-sinlge-show-more-btn span svg path:first-child {
  display: none;
}
.acadia-course-sinlge-show-more-btn:hover, .acadia-course-sinlge-show-more-btn:focus, .acadia-course-sinlge-show-more-btn:active {
  color: var(--tp-theme-secondary);
}

.tutor-toggle-more-collapsed + .acadia-course-sinlge-show-more-btn span svg path:first-child {
  display: block;
}

.acadia-course-btn {
  display: inline-block;
  font-size: 17px;
  font-weight: 400;
  border-radius: 6px;
  padding: 11px 20px;
  text-align: center;
  color: var(--tp-common-white);
  background-color: var(--tp-dashboard-primary);
  box-shadow: inset 0 1px 4px 0 rgba(48, 54, 81, 0.06), 0 1px 1px 0 rgba(48, 54, 81, 0.06);
}
.acadia-course-btn i {
  margin-right: 3px;
}
.acadia-course-btn:hover {
  background-color: #031f42;
  color: var(--tp-common-white);
}

.acadia-course-btn-outline {
  padding: 10px 20px;
  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);
}

.acadia-course-review-stars .tutor-ratings-stars {
  display: flex;
}
.acadia-course-review-stars .tutor-ratings-stars > * {
  margin: 0;
  margin-right: 3px;
}
.acadia-course-review-stars .tutor-ratings-stars i {
  font-size: 16px;
  color: #FFB21D;
}

.acadia-course-single-sidebar-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
  color: var(--tp-heading-2);
}

.tutor-progress-circle {
  background: conic-gradient(#1A73E8 var(--pro), 0, rgba(26, 115, 232, 0.15) 100%);
}

.tutor-progress-circle::before {
  inset: initial;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0.8);
}

.tutor-progress-value {
  background: #1A73E8;
}

.acadia-course-single-widget-discount {
  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);
}

.acadia-course-entry-box.style-2 .enrolment-expire-info {
  justify-content: center;
}

.enrolment-expire-info {
  justify-content: center;
}

.tutor-ratings-stars {
  color: #FF9E4E;
  font-size: 14px;
  margin: 0;
}

.tutor-ratings-stars > * {
  margin-right: 2px;
}

.acadia-form-wrapper {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.tutor-login-wrap {
  margin: 80px auto;
}

.acadia-save-bookmark-btn {
  background-color: #ececec;
  color: #1A73E8;
  width: 28px;
  height: 28px;
  font-size: 14px;
}
.acadia-save-bookmark-btn:hover {
  background-color: #1A73E8;
  color: #fff;
}

.alert a {
  font-weight: 600;
  text-decoration: underline;
}

.tp-course-4-item {
  transition: all 0.3s 0s ease-out;
}
.tp-course-4-item:hover {
  box-shadow: 0px 6px 10px 0px rgba(10, 29, 58, 0.1);
}

.tp-event-4-people img {
  width: 40px;
  height: 40px;
  border-radius: 50px !important;
  object-fit: cover;
}

.tp-course-5-position .row .col:nth-child(3n+2) {
  margin-top: -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-course-5-position .row .col:nth-child(3n+2) {
    margin-top: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tutor-pagination-wrapper-replaceable.tab-content .col {
    flex: 1 0 50%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .tutor-pagination-wrapper-replaceable.tab-content .col {
    flex: 1 0 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-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;
  border-radius: 50%;
}
.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 !important;
  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-list-item span i {
  margin-right: 5px;
  font-size: 17px;
}
.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: rgb(245, 246, 255);
  background-color: rgb(245, 246, 255);
}
.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: 36px;
  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);
}

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

.lp-breadcrumb ul li {
  display: inline;
}

.lp-breadcrumb ul li + li:before {
  padding: 0 5px;
}

.tp-course-details-2-area .course-nav-tabs,
.tp-course-details-3-main .course-nav-tabs {
  padding: 7px 10px;
  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);
}
.tp-course-details-2-area .course-nav-tabs li label,
.tp-course-details-3-main .course-nav-tabs li label {
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  border-radius: 8px;
  padding: 10px 20px;
  transition: all 0.3s 0s ease-out;
}
.tp-course-details-2-area .course-nav-tabs li label:hover,
.tp-course-details-3-main .course-nav-tabs li label:hover {
  color: var(--tp-common-white) !important;
  background: var(--tp-dashboard-primary) !important;
}
.tp-course-details-2-area .course-nav-tabs li.active::before, .tp-course-details-2-area .course-nav-tabs li.active::after,
.tp-course-details-3-main .course-nav-tabs li.active::before,
.tp-course-details-3-main .course-nav-tabs li.active::after {
  content: none !important;
}
.tp-course-details-2-area .course-nav-tabs li.active label,
.tp-course-details-3-main .course-nav-tabs li.active label {
  color: var(--tp-common-white) !important;
  background: var(--tp-dashboard-primary) !important;
}
.tp-course-details-2-area .course-nav-tabs li::after,
.tp-course-details-3-main .course-nav-tabs li::after {
  content: none;
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-curriculum .section-header,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-curriculum .section-header {
  padding: 0;
  border: none;
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-curriculum .section-header .section-title,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-curriculum .section-header .section-title {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 24px;
  color: var(--tp-heading-2);
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-curriculum .section-content li,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-curriculum .section-content li {
  margin-bottom: 15px;
  border: 1px solid #e6e8f0;
  background: #fff;
  border-radius: 10px;
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-curriculum .section-content li a::before,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-curriculum .section-content li a::before {
  font-size: 20px;
  color: #57595f;
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-curriculum .section-content li a:hover .item-name,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-curriculum .section-content li a:hover .item-name {
  color: var(--tp-dashboard-primary);
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-curriculum .section-content li a .item-name,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-curriculum .section-content li a .item-name {
  font-size: 15px;
  color: #57595f;
  font-weight: 400;
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-curriculum .section-content li a .course-item-status,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-curriculum .section-content li a .course-item-status {
  border: 1px solid #999;
  height: 25px;
  width: 25px;
  text-align: center;
  line-height: 25px;
  border-radius: 50%;
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-curriculum .section-content li.status-completed .course-item-status,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-curriculum .section-content li.status-completed .course-item-status {
  background: #556DF5;
  border-color: #556DF5;
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-curriculum .section-content li.status-completed .course-item-status::before,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-curriculum .section-content li.status-completed .course-item-status::before {
  color: #fff;
  font-size: 12px;
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-overview .extra-info-tab,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-overview .extra-info-tab {
  margin-top: 50px;
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-overview .extra-info-tab .list-group-item,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-overview .extra-info-tab .list-group-item {
  display: flex;
  align-items: center;
  position: relative;
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-overview .extra-info-tab .list-group-item::before,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-overview .extra-info-tab .list-group-item::before {
  position: absolute;
  display: inline-block;
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
  background: var(--tp-dashboard-primary);
  color: #fff;
  font-size: 10px;
  border-radius: 3px;
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-overview .extra-info-tab .list-group-item span,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-overview .extra-info-tab .list-group-item span {
  margin-left: 22px;
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-overview .extra-info-tab button, .tp-course-details-2-area .course-tab-panels .course-tab-panel-overview .extra-info-tab .accordion-body,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-overview .extra-info-tab button,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-overview .extra-info-tab .accordion-body {
  background: #F9F9FB;
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-instructor .lp-course-author,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-instructor .lp-course-author {
  border: 1px solid #e6e8f0;
  padding: 15px;
  border-radius: 5px;
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-instructor .lp-course-author .instructor-display-name,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-instructor .lp-course-author .instructor-display-name {
  font-size: 25px;
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-instructor .lp-course-author a:hover,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-instructor .lp-course-author a:hover {
  color: var(--tp-dashboard-primary);
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-instructor .lp-course-author .instructor-social,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-instructor .lp-course-author .instructor-social {
  gap: 6px;
  margin-top: 10px;
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-instructor .lp-course-author .instructor-social a,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-instructor .lp-course-author .instructor-social a {
  display: inline-block;
  height: 36px;
  width: 36px;
  line-height: 36px;
  border-radius: 50%;
  text-align: center;
  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-area .course-tab-panels .course-tab-panel-instructor .lp-course-author .instructor-social a:hover,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-instructor .lp-course-author .instructor-social a:hover {
  background: var(--tp-dashboard-secondary);
  border: 1px solid var(--tp-dashboard-secondary);
  color: var(--tp-common-white);
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-faqs .course-faqs-box:hover .course-faqs-box__title,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-faqs .course-faqs-box:hover .course-faqs-box__title {
  color: var(--tp-dashboard-primary);
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-faqs input:checked + .course-faqs-box .course-faqs-box__title,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-faqs input:checked + .course-faqs-box .course-faqs-box__title {
  color: var(--tp-dashboard-primary);
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-reviews .course-rate,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-reviews .course-rate {
  background-color: #fafafa;
  border: 1px solid #ddd;
  padding: 20px 20px;
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-reviews .course-rate__details-row-star,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-reviews .course-rate__details-row-star {
  color: #4f5158;
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-reviews .course-rate__details,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-reviews .course-rate__details {
  margin-left: 0;
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-reviews .course-rate__summary,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-reviews .course-rate__summary {
  border: 1px solid #e6e8f0;
  background: #fff;
  padding: 0px 30px;
}
.tp-course-details-2-area .course-tab-panels .course-tab-panel-reviews .course-review-head,
.tp-course-details-3-main .course-tab-panels .course-tab-panel-reviews .course-review-head {
  font-size: 26px;
  font-weight: 500;
  margin-top: 24px;
  margin-bottom: 15px;
  color: var(--tp-heading-2);
}
.tp-course-details-2-area .tp-course-details-2-widget .lp-form,
.tp-course-details-3-main .tp-course-details-2-widget .lp-form {
  width: 100%;
}
.tp-course-details-2-area .tp-course-details-2-widget .lp-form .lp-button,
.tp-course-details-3-main .tp-course-details-2-widget .lp-form .lp-button {
  width: 100%;
  background: var(--tp-dashboard-primary);
  border-color: var(--tp-dashboard-primary);
  color: #fff;
  font-size: 18px;
}
.tp-course-details-2-area .tp-course-details-2-widget .lp-form .lp-button:hover,
.tp-course-details-3-main .tp-course-details-2-widget .lp-form .lp-button:hover {
  background-color: transparent;
  color: var(--tp-dashboard-primary);
}
.tp-course-details-2-area .tp-course-details-2-widget .lp-form .lp-enroll-notice,
.tp-course-details-3-main .tp-course-details-2-widget .lp-form .lp-enroll-notice {
  border: 1px solid var(--tp-dashboard-primary);
  padding: 0px 5px;
  background: rgba(144, 161, 255, 0.0705882353);
  color: var(--tp-dashboard-primary);
}
.tp-course-details-2-area .tp-course-details-2-widget .lp-form .lp-enroll-notice.error,
.tp-course-details-3-main .tp-course-details-2-widget .lp-form .lp-enroll-notice.error {
  border: 1px solid #E71442;
  padding: 0px 5px;
  background: rgba(255, 233, 238, 0.2196078431);
  color: #E71442;
}

.acadia-course-share a {
  display: inline-block;
  height: 36px;
  width: 36px;
  line-height: 36px;
  border-radius: 50%;
  text-align: center;
  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);
  margin-right: 5px;
}
.acadia-course-share a:hover {
  background: var(--tp-dashboard-secondary);
  border: 1px solid var(--tp-dashboard-secondary);
  color: var(--tp-common-white);
}

.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;
}
.tp-course-details-3-list.sidebar-info-2-off {
  margin-top: 0;
}
@media (max-width: 991px) {
  .tp-course-details-3-list.sidebar-info-2-off {
    margin-top: 80px;
  }
}
@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 rgb(87, 89, 95);
  }
}
.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);
  }
}

.tp-course-details-2-widget-btn form {
  width: 100%;
}
.tp-course-details-2-widget-btn form .lp-button {
  width: 100%;
  background: var(--tp-dashboard-primary);
  border-color: var(--tp-dashboard-primary);
  color: #fff;
  font-size: 18px;
}
.tp-course-details-2-widget-btn form .lp-button:hover {
  background-color: transparent;
  color: var(--tp-dashboard-primary);
  border-color: var(--tp-dashboard-primary);
}
.tp-course-details-2-widget-btn form .lp-enroll-notice {
  border: 1px solid var(--tp-dashboard-primary);
  padding: 0px 5px;
  background: rgba(144, 161, 255, 0.0705882353);
  color: var(--tp-dashboard-primary);
}
.tp-course-details-2-widget-btn form .lp-enroll-notice.error {
  border: 1px solid #E71442;
  padding: 0px 5px;
  background: rgba(255, 233, 238, 0.2196078431);
  color: #E71442;
}

.ac-offline-course-wrap .extra-info-tab {
  margin-top: 50px;
}
.ac-offline-course-wrap .extra-info-tab .list-group-item {
  display: flex;
  align-items: center;
  position: relative;
}
.ac-offline-course-wrap .extra-info-tab .list-group-item::before {
  position: absolute;
  display: inline-block;
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
  background: var(--tp-dashboard-primary);
  color: #fff;
  font-size: 10px;
  border-radius: 3px;
}
.ac-offline-course-wrap .extra-info-tab .list-group-item span {
  margin-left: 22px;
}
.ac-offline-course-wrap .extra-info-tab button, .ac-offline-course-wrap .extra-info-tab .accordion-body {
  background: #F9F9FB !important;
}

.tp-grid-sidebar-left input[type=checkbox] {
  height: 15px;
  width: 15px;
  appearance: none;
  border: 1px solid #DBDDE5;
}
.tp-grid-sidebar-left .form-check-input {
  box-shadow: none;
}
.tp-grid-sidebar-left span {
  margin-left: 5px;
  transform: translateY(-2px);
  display: inline-block;
}

.course-item-lp_lesson a:hover {
  color: #556DF5 !important;
}
.course-item-lp_lesson .next:hover a, .course-item-lp_lesson .prev:hover a {
  color: #556DF5 !important;
}
.course-item-lp_lesson .course-curriculum .section-header {
  padding: 0;
  border: none;
}
.course-item-lp_lesson .course-curriculum .section-header .section-title {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 24px;
  color: var(--tp-heading-2);
}
.course-item-lp_lesson .course-curriculum .section-content li {
  margin-bottom: 15px;
  border: 1px solid #e6e8f0;
  background: #fff;
  border-radius: 10px;
}
.course-item-lp_lesson .course-curriculum .section-content li a::before {
  font-size: 20px;
  color: #57595f;
}
.course-item-lp_lesson .course-curriculum .section-content li a:hover .item-name {
  color: var(--tp-dashboard-primary);
}
.course-item-lp_lesson .course-curriculum .section-content li a .item-name {
  font-size: 15px;
  color: #57595f;
  font-weight: 400;
}
.course-item-lp_lesson .course-curriculum .section-content li a .course-item-status {
  border: 1px solid #999;
  height: 25px;
  width: 25px;
  text-align: center;
  line-height: 25px;
  border-radius: 50%;
}
.course-item-lp_lesson .course-curriculum .section-content li.status-completed .course-item-status {
  background: #556DF5;
  border-color: #556DF5;
}
.course-item-lp_lesson .course-curriculum .section-content li.status-completed .course-item-status::before {
  color: #fff;
  font-size: 12px;
}
.course-item-lp_lesson form {
  width: 100%;
}
.course-item-lp_lesson form .lp-button {
  width: 100%;
  background: var(--tp-dashboard-primary) !important;
  border-color: var(--tp-dashboard-primary) !important;
  color: #fff;
  font-size: 18px;
}
.course-item-lp_lesson form .lp-button:hover {
  background-color: transparent !important;
  color: var(--tp-dashboard-primary) !important;
}

body.ac-lp-archive-2 .breadcrumb__area, body.ac-lp-archive-3 .breadcrumb__area, body.ac-lp-archive-4 .breadcrumb__area, body.ac-lp-archive-5 .breadcrumb__area, body.ac-lp-details-1 .breadcrumb__area, body.ac-lp-details-2 .breadcrumb__area {
  display: none;
}

.tp-event-details-ticket .etn-add-calender-url {
  margin-top: 40px;
}

.tp-new-home-course-thumb img {
  height: 100% !important;
  border-radius: 10px !important;
  object-fit: cover;
}

/*----------------------------------------*/
/*  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: 35px;
}
.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: 36px 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;
  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: 75px;
}

.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;
  height: 372px;
}
.tp-team-2-thumb img {
  max-width: 100%;
  object-fit: cover;
}
.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-flex;
  align-items: center;
  justify-content: center;
  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-flex;
  align-items: center;
  justify-content: center;
  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-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;
}
div.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 rgb(89, 86, 233);
}
.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 {
  height: 72px;
  width: 72px;
  line-height: 72px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: 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: -10px;
  left: 35px;
  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;
}
div.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) {
  div.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-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;
  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: 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);
}

.theme-acadia.tutor-lms .tutor-login-form-wrapper,
.theme-acadia.tutor-lms #tutor-registration-form {
  padding: 0;
}
.theme-acadia.tutor-lms .tutor-login-wrap,
.theme-acadia.tutor-lms .tp-login-input-form.acadia-form-wrapper,
.theme-acadia.tutor-lms #tutor-registration-wrap {
  max-width: 580px;
  border-radius: 20px;
  padding: 45px;
  fill: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 40px 80px rgba(51, 65, 140, 0.12);
}
.theme-acadia.tutor-lms .tutor-login-wrap .tp-btn-inner,
.theme-acadia.tutor-lms .tp-login-input-form.acadia-form-wrapper .tp-btn-inner,
.theme-acadia.tutor-lms #tutor-registration-wrap .tp-btn-inner {
  font-size: 17px;
  border-radius: 6px;
  padding: 16px 66px;
}
.theme-acadia.tutor-lms .tutor-login-wrap .tp-btn-inner:hover,
.theme-acadia.tutor-lms .tp-login-input-form.acadia-form-wrapper .tp-btn-inner:hover,
.theme-acadia.tutor-lms #tutor-registration-wrap .tp-btn-inner:hover {
  background: #425EFF;
}
.theme-acadia.tutor-lms .tutor-disabled-wrapper .tutor-btn {
  font-size: 17px;
  border-radius: 6px;
  padding: 16px 66px;
  font-weight: 600;
  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;
}

/*----------------------------------------*/
/*  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: 200px;
  filter: grayscale(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-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 (min-width: 576px) and (max-width: 767px) 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 (min-width: 576px) and (max-width: 767px) 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;
  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 {
  line-height: 60px;
  letter-spacing: -1px;
}
@media only screen and (max-width: 767px) {
  .tp-campus-choose-title.admissions {
    font-size: 40px;
    line-height: 40px;
  }
}
@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 !important;
  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: 115px;
}
.tp-campus-activity-list-title {
  position: relative;
  padding-left: 100px;
  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: 17px;
  font-weight: 300;
  line-height: 38px;
  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;
}
div.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;
  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-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%, #556DF5 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 {
  background: #556DF5;
}
.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: #556DF5;
}
.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: 1;
  transition: all 0.3s;
  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(-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-undergraduate-program-list ul li a::after {
  position: absolute;
  content: "";
  top: 55%;
  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: 400;
  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: #C41230;
  border-color: #C41230;
  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 {
  background-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-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;
}

/*----------------------------------------*/
/*  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;
  height: 100%;
  left: 50%;
  z-index: -1;
  top: 0;
  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;
  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;
  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;
  }
}
@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;
  background: var(--tp-common-white);
  box-shadow: 0 0 1px 0 #006b61, 0 1px 2px 0 rgba(0, 107, 97, 0.2);
  border: none;
  border-radius: 0;
}
.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;
  bottom: 25px !important;
  width: auto !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-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 .tp-featured-shop-banner-title {
  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, .tp-shop-product-thumb-btn a {
  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% !important;
  display: block;
}
.tp-shop-product-thumb-btn button:hover, .tp-shop-product-thumb-btn a: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-tag span a {
  transition: 0.2s linear;
}
.tp-shop-product-tag span a:hover {
  color: var(--tp-theme-8);
}
.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;
}
.tp-shop-product-price del span.woocommerce-Price-amount {
  font-size: 14.8px;
}
@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-title {
  font-weight: 500;
  font-size: 22px;
  letter-spacing: -0.02em;
  color: var(--tp-theme-6);
}
.tp-shop-author-content span {
  font-size: 16px;
  font-weight: 400;
  color: #8b8c8f;
}
.tp-shop-author-thumb {
  margin-bottom: 30px;
}
.tp-shop-author-thumb img {
  border-radius: 50%;
}
@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.widget_recent_reviews ul, .tp-shop-widget.widget_products ul, .tp-shop-widget.widget_top_rated_products ul, .tp-shop-widget.widget_recently_viewed_products ul, .tp-shop-widget.widget_top_rated_products ul, .tp-shop-widget ul.product-categories {
  height: 288px;
  overflow-y: scroll;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  padding-right: 10px;
}
.tp-shop-widget.widget_recent_reviews ul li, .tp-shop-widget.widget_products ul li, .tp-shop-widget.widget_top_rated_products ul li, .tp-shop-widget.widget_recently_viewed_products ul li, .tp-shop-widget.widget_top_rated_products ul li, .tp-shop-widget ul.product-categories li {
  list-style: none;
  width: 100%;
}
.tp-shop-widget.widget_recent_reviews ul li .children, .tp-shop-widget.widget_products ul li .children, .tp-shop-widget.widget_top_rated_products ul li .children, .tp-shop-widget.widget_recently_viewed_products ul li .children, .tp-shop-widget.widget_top_rated_products ul li .children, .tp-shop-widget ul.product-categories li .children {
  padding-left: 15px;
}
.tp-shop-widget.widget_recent_reviews ul li:not(:last-child), .tp-shop-widget.widget_products ul li:not(:last-child), .tp-shop-widget.widget_top_rated_products ul li:not(:last-child), .tp-shop-widget.widget_recently_viewed_products ul li:not(:last-child), .tp-shop-widget.widget_top_rated_products ul li:not(:last-child), .tp-shop-widget ul.product-categories li:not(:last-child) {
  margin-bottom: 10px;
}
.tp-shop-widget.widget_recent_reviews ul li a, .tp-shop-widget.widget_products ul li a, .tp-shop-widget.widget_top_rated_products ul li a, .tp-shop-widget.widget_recently_viewed_products ul li a, .tp-shop-widget.widget_top_rated_products ul li a, .tp-shop-widget ul.product-categories li a {
  font-weight: 500;
  font-size: 15px;
  color: var(--tp-text-body);
  text-transform: capitalize;
}
.tp-shop-widget.widget_recent_reviews ul li a::after, .tp-shop-widget.widget_products ul li a::after, .tp-shop-widget.widget_top_rated_products ul li a::after, .tp-shop-widget.widget_recently_viewed_products ul li a::after, .tp-shop-widget.widget_top_rated_products ul li a::after, .tp-shop-widget ul.product-categories 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.widget_recent_reviews ul li a:hover, .tp-shop-widget.widget_products ul li a:hover, .tp-shop-widget.widget_top_rated_products ul li a:hover, .tp-shop-widget.widget_recently_viewed_products ul li a:hover, .tp-shop-widget.widget_top_rated_products ul li a:hover, .tp-shop-widget ul.product-categories li a:hover {
  color: var(--tp-theme-8);
}
.tp-shop-widget.widget_recent_reviews ul li a:hover::after, .tp-shop-widget.widget_products ul li a:hover::after, .tp-shop-widget.widget_top_rated_products ul li a:hover::after, .tp-shop-widget.widget_recently_viewed_products ul li a:hover::after, .tp-shop-widget.widget_top_rated_products ul li a:hover::after, .tp-shop-widget ul.product-categories li a:hover::after {
  background-color: var(--tp-theme-8);
}
.tp-shop-widget.widget_recent_reviews ul li a:hover span, .tp-shop-widget.widget_products ul li a:hover span, .tp-shop-widget.widget_top_rated_products ul li a:hover span, .tp-shop-widget.widget_recently_viewed_products ul li a:hover span, .tp-shop-widget.widget_top_rated_products ul li a:hover span, .tp-shop-widget ul.product-categories li a:hover span {
  background-color: var(--tp-theme-8);
  border-color: var(--tp-theme-8);
  color: var(--tp-common-white);
}
.tp-shop-widget.widget_recent_reviews ul li a span, .tp-shop-widget.widget_products ul li a span, .tp-shop-widget.widget_top_rated_products ul li a span, .tp-shop-widget.widget_recently_viewed_products ul li a span, .tp-shop-widget.widget_top_rated_products ul li a span, .tp-shop-widget ul.product-categories 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-widget ul.product-categories li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  transition: 0.3s ease-in-out;
}
.tp-shop-widget ul.product-categories li .count {
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  border: 1px solid #EAEAEA;
  border-radius: 8px;
  padding: 4px 6px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-in-out;
}
.tp-shop-widget ul.product-categories li:hover .count {
  background-color: var(--tp-theme-8);
  border-color: var(--tp-theme-8);
  color: var(--tp-common-white);
}

.tp-shop-list-product-item {
  padding: 10px 45px;
  background-color: #F8F8F8;
  padding-left: 10px;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .tp-shop-list-product-item {
    padding: 0px 0px 45px;
    flex-wrap: wrap;
    padding-left: 10px;
  }
}
.tp-shop-list-product-thumb {
  margin-right: 10px;
  width: 350px;
}
.tp-shop-list-product-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.tp-shop-list-product-content {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .tp-shop-list-product-content {
    padding: 0 30px;
  }
}
.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 {
    right: 10px;
  }
}
.tp-shop-list-product-content p {
  font-size: 15px;
  margin-bottom: 18px;
}
.tp-shop-list-product-btn {
  margin-top: 8px;
  display: inline-block;
}
.tp-shop-list-product-btn button, .tp-shop-list-product-btn a {
  font-size: 15px;
  font-weight: 600;
  color: #ddf49f;
  padding: 12px 52px;
  background: var(--tp-theme-8);
  display: inline-block;
}
.tp-shop-list-product-btn button:hover, .tp-shop-list-product-btn a: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, .tp-product-details-category a {
  font-size: 16px;
  line-height: 1;
  color: #55585b;
  text-transform: capitalize;
}
.tp-product-details-category span:hover, .tp-product-details-category a:hover {
  color: var(--tp-theme-8);
}
@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) !important;
  background-color: var(--tp-theme-8);
  box-shadow: 0 0 1px 0 #006b61, 0 1px 2px 0 rgba(0, 107, 97, 0.2);
  text-align: center;
}
.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;
  text-transform: capitalize;
}
.tp-product-details-query-item a {
  font-size: 16px;
  line-height: 1;
  color: #55585b;
  text-transform: capitalize;
}
.tp-product-details-query-item a:hover {
  color: var(--tp-theme-8);
}
.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 35%;
  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: 80px;
  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;
  text-transform: capitalize;
}
.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);
  border: none;
}
.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);
}

.tp-shop-top .tp-shop-grid-sidebar-left .tp-shop-top-result p {
  margin: 0;
}

.product-percentage-badges .tp-shop-details-offer {
  font-size: 13px;
  font-weight: 600;
  padding: 4px 10px;
  text-transform: uppercase;
  color: var(--tp-common-white);
  background: #319c9a;
}

.tp-shop-product-price ins {
  text-decoration: none;
}

.tp-shop-author-item .tp-shop-author-thumb {
  overflow: hidden !important;
  border-radius: 50% !important;
}
.tp-shop-author-item .tp-shop-author-thumb img {
  transition: 0.3s ease-in-out;
}
.tp-shop-author-item:hover .tp-shop-author-thumb img {
  transform: scale(1.04);
}

/*----------------------------------------*/
/*  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: 1rem 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-header {
  gap: 20px;
  margin-bottom: 20px;
}
.profile__address-title {
  font-size: 22px;
  margin-bottom: 0px;
}
.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: 15px;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.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);
}
@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;
  object-fit: cover;
}
[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: 34px;
  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);
}

.woocommerce-MyAccount-content .woosc-remove {
  color: #031f42;
  font-size: 14px;
  font-weight: 500;
  transition: 0.3s linear;
  margin-left: 5px;
}
.woocommerce-MyAccount-content .woosc-remove:hover {
  color: red;
}
.woocommerce-MyAccount-content .form-row.form-row-wide.address-field.validate-required .nice-select {
  display: none;
}
.woocommerce-MyAccount-content .form-row.form-row-wide.address-field.validate-required select {
  display: block !important;
  height: 50px;
  width: 100%;
}
.woocommerce-MyAccount-content .tp-btn.button {
  background-color: var(--tp-theme-8);
  border: none;
}
.woocommerce-MyAccount-content .tp-btn.button:hover {
  background-color: var(--tp-common-black);
}
.woocommerce-MyAccount-content .tp-btn-cart {
  color: var(--tp-common-white);
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  padding: 10px 26px;
  border-radius: 6px;
  transition: all 0.3s 0s ease-out;
  background-color: var(--tp-theme-8);
}
.woocommerce-MyAccount-content .tp-btn-cart:hover {
  background-color: var(--tp-common-black);
}

.tp-login-form {
  margin-top: 25px;
}
.tp-login-form .tp-login-forgot a {
  color: #5169F1;
  font-size: 15px;
  font-weight: 500;
}
.tp-login-form .tp-login-btn-wrapper button.tp-login-btn {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  border-radius: 6px;
  padding: 12px 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-login-form .tp-login-btn-wrapper button.tp-login-btn:hover {
  background-color: var(--tp-heading-3);
}
.tp-login-form .tp-login-input input:focus {
  border: 1px solid var(--tp-theme-8);
}

.tutor-lms:has(.tutor-lms-instructor-profile) .breadcrumb__area {
  display: none;
}

/*----------------------------------------*/
/*  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 {
  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;
  padding-bottom: 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);
}

/*----------------------------------------*/
/*  9.7 Learnpress css
/*----------------------------------------*/
.lp-list-courses-default .lp-courses-bar {
  float: none;
  flex-direction: row-reverse;
}
.lp-list-courses-default .lp-courses-bar .search-courses {
  flex: none;
  margin-right: 0;
}
.lp-list-courses-default .lp-courses-bar .search-courses .lp-icon-search {
  color: #73757b;
  font-size: 20px;
  margin-right: 10px;
}
.lp-list-courses-default .lp-courses-bar .search-courses input:focus {
  border-color: var(--tp-dashboard-secondary);
}
.lp-list-courses-default .lp-courses-bar .switch-layout {
  margin-right: auto;
}
.lp-list-courses-default .lp-courses-bar .switch-layout .switch-btn {
  height: 40px;
  width: 40px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  border-radius: 4px;
  margin-right: 6px;
  border: 1px solid rgba(1, 15, 28, 0.1);
}
.lp-list-courses-default .lp-courses-bar .switch-layout .switch-btn::before {
  color: #818487;
}
.lp-list-courses-default .lp-courses-bar .switch-layout input[type=radio]:nth-child(1):checked ~ .switch-btn:nth-child(2) {
  border-color: #010f1c;
}
.lp-list-courses-default .lp-courses-bar .switch-layout input[type=radio]:nth-child(1):checked ~ .switch-btn:nth-child(2)::before {
  color: #010f1c;
}
.lp-list-courses-default .lp-courses-bar .switch-layout input[type=radio]:nth-child(3):checked ~ .switch-btn:nth-child(4) {
  border-color: #010f1c;
}
.lp-list-courses-default .lp-courses-bar .switch-layout input[type=radio]:nth-child(3):checked ~ .switch-btn:nth-child(4)::before {
  color: #010f1c;
}

.ms-acadia-archive-sidebar .tp-course-grid-sidebar-left .courses_filters__switcher .stc {
  border: 1px solid rgba(1, 15, 28, 0.1);
  border-radius: 4px;
  margin-right: 10px;
}
.ms-acadia-archive-sidebar .tp-course-grid-sidebar-left .courses_filters__switcher .stc.active {
  color: #010f1c;
  border: 1px solid #010f1c;
  border-radius: 4px;
}
.ms-acadia-archive-sidebar .tp-course-grid-sidebar-left .stm_lms_courses__search .lms-search-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.ms-acadia-archive-sidebar .courses_filters .stm_lms_courses_grid__sort {
  border: none;
}
.ms-acadia-archive-sidebar .courses_filters .stm_lms_courses_grid__sort .sort_label {
  font-weight: 400;
  font-size: 17px;
  color: #73757b;
  background: transparent;
  padding: 0;
  justify-content: end;
  margin-right: 10px;
}
.ms-acadia-archive-sidebar .courses_filters .stm_lms_courses_grid__sort 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);
  border-radius: 4px;
  color: #65676a;
  padding-left: 15px;
  padding-right: 15px;
  cursor: pointer;
  font-size: 16px;
}
.ms-acadia-archive-sidebar .courses_filters .stm_lms_courses_grid__sort select:focus-visible {
  outline: none;
}
.ms-acadia-archive-sidebar .stm_lms_courses__archive {
  margin-top: 0 !important;
}
.ms-acadia-archive-sidebar .stm_lms_courses__archive_filter {
  margin-top: 0 !important;
}
.ms-acadia-archive-sidebar .stm_lms_courses__archive_filter .stm_lms_courses__archive_filters {
  padding: 40px 30px 0px 40px;
  border-radius: 16px;
  background: #f9f9fb;
  border: 1px solid #fff;
  box-shadow: none;
}
.ms-acadia-archive-sidebar .stm_lms_courses__archive_filter .stm_lms_courses__archive_filters .stm_lms_courses__filter {
  border-top: 1px solid #e0e0e0;
}
.ms-acadia-archive-sidebar .stm_lms_courses__archive_filter .stm_lms_courses__archive_filters .stm_lms_courses__filter_heading, .ms-acadia-archive-sidebar .stm_lms_courses__archive_filter .stm_lms_courses__archive_filters .stm_lms_courses__filter_content {
  padding-left: 0;
  padding-right: 0;
}
.ms-acadia-archive-sidebar .stm_lms_courses__archive_filter .stm_lms_courses__archive_filters .stm_lms_courses__filter_reset {
  color: #E71442;
  opacity: 1;
}
.ms-acadia-archive-sidebar .stm_lms_courses__archive_filter .stm_lms_courses__archive_filters .stm_lms_courses__filter_reset span {
  border-bottom: 0;
}
.ms-acadia-archive-sidebar .ms-style-1-lsit {
  display: none !important;
}
.ms-acadia-archive-sidebar.stm_lms_courses_list_view .ms-style-1-grid {
  display: none !important;
}
.ms-acadia-archive-sidebar.stm_lms_courses_list_view .ms-style-1-lsit {
  display: inline-block !important;
}
.ms-acadia-archive-sidebar .stm_lms_courses__archive_wrapper {
  display: block;
}
.ms-acadia-archive-sidebar .ms_lms_courses_card_item_info_rating_stars {
  display: flex;
  font-size: 14px;
  width: 70px;
  min-width: 70px;
  margin: 0;
  position: relative;
}
.ms-acadia-archive-sidebar .ms_lms_courses_card_item_info_rating_stars::before {
  display: flex;
  width: 100%;
  color: #B3BAC2;
  content: "\e28b\e28b\e28b\e28b\e28b";
  font-family: var(--tp-ff-fontawesome);
}
.ms-acadia-archive-sidebar .ms_lms_courses_card_item_info_rating_stars_filled {
  font-family: var(--tp-ff-fontawesome);
  position: absolute;
  z-index: 2;
  display: flex;
  left: 0;
  top: 0;
  overflow: hidden;
}
.ms-acadia-archive-sidebar .ms_lms_courses_card_item_info_rating_stars_filled:after {
  font-family: var(--tp-ff-fontawesome);
  display: flex;
  width: 100%;
  color: #FFA800;
  content: "\e28b\e28b\e28b\e28b\e28b";
  font-weight: 600;
}

.ms-acadia-archive-filter .tp-course-filter-area {
  padding-bottom: 220px;
}
.ms-acadia-archive-filter .ms_lms_courses_card_item_info_rating_stars {
  display: flex;
  font-size: 13px;
  width: 70px;
  min-width: 70px;
  margin: 0;
  position: relative;
}
.ms-acadia-archive-filter .ms_lms_courses_card_item_info_rating_stars::before {
  display: flex;
  width: 100%;
  color: #B3BAC2;
  content: "\f005\f005\f005\f005\f005";
  font-family: var(--tp-ff-fontawesome);
}
.ms-acadia-archive-filter .ms_lms_courses_card_item_info_rating_stars_filled {
  font-family: var(--tp-ff-fontawesome);
  position: absolute;
  z-index: 2;
  display: flex;
  left: 0;
  top: 0;
  overflow: hidden;
}
.ms-acadia-archive-filter .ms_lms_courses_card_item_info_rating_stars_filled:after {
  font-family: var(--tp-ff-fontawesome);
  display: flex;
  width: 100%;
  color: #FFA800;
  content: "\f005\f005\f005\f005\f005";
  font-weight: 600;
}
.ms-acadia-archive-filter .tp-course-pricing .stm_lms_courses__single--price span, .ms-acadia-archive-filter .tp-course-filter-pricing .stm_lms_courses__single--price span {
  text-decoration: line-through;
  display: block;
  color: #94928E;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: -1px;
}
.ms-acadia-archive-filter .tp-course-pricing .stm_lms_courses__single--price strong, .ms-acadia-archive-filter .tp-course-filter-pricing .stm_lms_courses__single--price strong {
  font-size: 18px;
  font-weight: 600;
  color: var(--tp-dashboard-secondary);
}

.ms-acadia-archive-filter-open .ms_lms_courses_card_item_info_rating_stars {
  display: flex;
  font-size: 13px;
  width: 70px;
  min-width: 70px;
  margin: 0;
  position: relative;
}
.ms-acadia-archive-filter-open .ms_lms_courses_card_item_info_rating_stars::before {
  display: flex;
  width: 100%;
  color: #B3BAC2;
  content: "\f005\f005\f005\f005\f005";
  font-family: var(--tp-ff-fontawesome);
}
.ms-acadia-archive-filter-open .ms_lms_courses_card_item_info_rating_stars_filled {
  font-family: var(--tp-ff-fontawesome);
  position: absolute;
  z-index: 2;
  display: flex;
  left: 0;
  top: 0;
  overflow: hidden;
}
.ms-acadia-archive-filter-open .ms_lms_courses_card_item_info_rating_stars_filled:after {
  font-family: var(--tp-ff-fontawesome);
  display: flex;
  width: 100%;
  color: #FFA800;
  content: "\f005\f005\f005\f005\f005";
  font-weight: 600;
}
.ms-acadia-archive-filter-open .tp-course-pricing .stm_lms_courses__single--price, .ms-acadia-archive-filter-open .tp-course-filter-pricing .stm_lms_courses__single--price {
  text-align: center;
}
.ms-acadia-archive-filter-open .tp-course-pricing .stm_lms_courses__single--price span, .ms-acadia-archive-filter-open .tp-course-filter-pricing .stm_lms_courses__single--price span {
  text-decoration: line-through;
  display: block;
  color: #94928E;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: -1px;
}
.ms-acadia-archive-filter-open .tp-course-pricing .stm_lms_courses__single--price strong, .ms-acadia-archive-filter-open .tp-course-filter-pricing .stm_lms_courses__single--price strong {
  font-size: 20px;
  font-weight: 600;
  color: var(--tp-dashboard-secondary);
}

.ms-acadia-archive-tab .tp-course-grid-box .nav-tabs .nav-item {
  flex: inherit;
}
.ms-acadia-archive-tab .ms_lms_courses_card_item_info_rating_stars {
  display: flex;
  font-size: 13px;
  width: 70px;
  min-width: 70px;
  margin: 0;
  position: relative;
}
.ms-acadia-archive-tab .ms_lms_courses_card_item_info_rating_stars::before {
  display: flex;
  width: 100%;
  color: #B3BAC2;
  content: "\f005\f005\f005\f005\f005";
  font-family: var(--tp-ff-fontawesome);
}
.ms-acadia-archive-tab .ms_lms_courses_card_item_info_rating_stars_filled {
  font-family: var(--tp-ff-fontawesome);
  position: absolute;
  z-index: 2;
  display: flex;
  left: 0;
  top: 0;
  overflow: hidden;
}
.ms-acadia-archive-tab .ms_lms_courses_card_item_info_rating_stars_filled:after {
  font-family: var(--tp-ff-fontawesome);
  display: flex;
  width: 100%;
  color: #FFA800;
  content: "\f005\f005\f005\f005\f005";
  font-weight: 600;
}
.ms-acadia-archive-tab .tp-course-pricing .stm_lms_courses__single--price, .ms-acadia-archive-tab .tp-course-filter-pricing .stm_lms_courses__single--price {
  text-align: center;
}
.ms-acadia-archive-tab .tp-course-pricing .stm_lms_courses__single--price span, .ms-acadia-archive-tab .tp-course-filter-pricing .stm_lms_courses__single--price span {
  text-decoration: line-through;
  display: block;
  color: #94928E;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: -1px;
}
.ms-acadia-archive-tab .tp-course-pricing .stm_lms_courses__single--price strong, .ms-acadia-archive-tab .tp-course-filter-pricing .stm_lms_courses__single--price strong {
  font-size: 20px;
  font-weight: 600;
  color: var(--tp-dashboard-secondary);
}
.ms-acadia-archive-tab .tab-content .tp-course-grid-box .ms-nav {
  display: flex;
  flex-wrap: wrap;
}
.ms-acadia-archive-tab .tab-content .tp-course-grid-box .ms-nav li {
  list-style: none;
}

.ms-acadia-archive-filter-double .ms_lms_courses_card_item_info_rating_stars {
  display: flex;
  font-size: 13px;
  width: 70px;
  min-width: 70px;
  margin: 0;
  position: relative;
}
.ms-acadia-archive-filter-double .ms_lms_courses_card_item_info_rating_stars::before {
  display: flex;
  width: 100%;
  color: #B3BAC2;
  content: "\f005\f005\f005\f005\f005";
  font-family: var(--tp-ff-fontawesome);
}
.ms-acadia-archive-filter-double .ms_lms_courses_card_item_info_rating_stars_filled {
  font-family: var(--tp-ff-fontawesome);
  position: absolute;
  z-index: 2;
  display: flex;
  left: 0;
  top: 0;
  overflow: hidden;
}
.ms-acadia-archive-filter-double .ms_lms_courses_card_item_info_rating_stars_filled:after {
  font-family: var(--tp-ff-fontawesome);
  display: flex;
  width: 100%;
  color: #FFA800;
  content: "\f005\f005\f005\f005\f005";
  font-weight: 600;
}
.ms-acadia-archive-filter-double .tp-course-pricing .stm_lms_courses__single--price, .ms-acadia-archive-filter-double .tp-course-filter-pricing .stm_lms_courses__single--price {
  text-align: center;
}
.ms-acadia-archive-filter-double .tp-course-pricing .stm_lms_courses__single--price span, .ms-acadia-archive-filter-double .tp-course-filter-pricing .stm_lms_courses__single--price span {
  text-decoration: line-through;
  display: block;
  color: #94928E;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: -1px;
}
.ms-acadia-archive-filter-double .tp-course-pricing .stm_lms_courses__single--price strong, .ms-acadia-archive-filter-double .tp-course-filter-pricing .stm_lms_courses__single--price strong {
  font-size: 20px;
  font-weight: 600;
  color: var(--tp-dashboard-secondary);
}

.ms-course-details-1 .masterstudy-single-course-expired {
  margin-top: 10px;
}
.ms-course-details-1 .tp-course-details-1-category {
  display: flex;
}
.ms-course-details-1 .tp-course-details-1-category .masterstudy-single-course-status {
  margin-left: 10px;
}
.ms-course-details-1 .masterstudy-single-course-complete-block {
  margin-top: 20px;
}
.ms-course-details-1 .tp-course-details-2-widget .tp-course-details-2-widget-content {
  padding-top: 10px;
}
.ms-course-details-1 .tp-course-details-2-widget .tp-course-details-2-widget-content .masterstudy-single-course-details {
  margin-top: 20px;
}
.ms-course-details-1 .tp-course-details-2-widget .stm_lms_courses__single--price {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
}
.ms-course-details-1 .tp-course-details-2-widget .stm_lms_courses__single--price strong {
  font-size: 30px;
  font-weight: 600;
  margin-right: 10px;
  color: var(--tp-heading-2);
}
.ms-course-details-1 .tp-course-details-2-widget .stm_lms_courses__single--price span {
  font-size: 16px;
  font-weight: 400;
  color: #73757b;
  text-decoration: line-through;
}
.ms-course-details-1 .single-course-share {
  display: flex;
  align-items: center;
  gap: 20px;
}
.ms-course-details-1 .masterstudy-single-course-tabs {
  padding: 7px 10px !important;
  border-radius: 6px !important;
  border: 1px solid #e6e8f0 !important;
  background: var(--tp-common-white) !important;
  box-shadow: inset 0 1px 4px 0 rgba(48, 54, 81, 0.06), 0 1px 1px 0 rgba(48, 54, 81, 0.06) !important;
}
.ms-course-details-1 .masterstudy-single-course-tabs li {
  font-weight: 500 !important;
  font-size: 15px !important;
  text-align: center !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  transition: all 0.3s 0s ease-out !important;
  height: 40px !important;
}
.ms-course-details-1 .masterstudy-single-course-tabs li.masterstudy-single-course-tabs__item_active {
  color: var(--tp-common-white) !important;
  background: var(--tp-dashboard-primary) !important;
}
.ms-course-details-1 .masterstudy-single-course-tabs li.masterstudy-single-course-tabs__item_active::after {
  content: none;
}
.ms-course-details-1 .masterstudy-single-course-tabs li:hover {
  color: var(--tp-common-white) !important;
  background: var(--tp-dashboard-primary) !important;
}
.ms-course-details-1 .masterstudy-single-course-reviews__main {
  background-color: #fafafa;
  border: 1px solid #ddd;
  padding: 20px 20px;
}
.ms-course-details-1 .masterstudy-single-course-reviews__main .masterstudy-single-course-reviews__detailed {
  border: 1px solid #e6e8f0;
  background: #fff;
  padding: 20px;
}

.single-stm-courses .stm-lms-wrapper {
  padding-top: 0;
}

.ms-course-details-2 .masterstudy-single-course-expired {
  background: #fff;
  margin-bottom: 10px;
}
.ms-course-details-2 .tp-breadcrumb__list {
  color: #fff;
}
.ms-course-details-2 .tp-breadcrumb__list a svg {
  margin-top: -5px;
}
.ms-course-details-2 .tp-breadcrumb__list a svg path {
  fill: #fff;
}
.ms-course-details-2 .masterstudy-single-course-instructor__title, .ms-course-details-2 .masterstudy-single-course-current-students__title, .ms-course-details-2 .masterstudy-single-course-current-students__title span {
  color: rgba(255, 255, 255, 0.7019607843);
}
.ms-course-details-2 .masterstudy-single-course-instructor__name, .ms-course-details-2 .masterstudy-single-course-current-students__count, .ms-course-details-2 .masterstudy-single-course-rating__count, .ms-course-details-2 .masterstudy-single-course-rating__quantity {
  color: #fff !important;
}
.ms-course-details-2 .stm_lms_courses__single--price {
  display: flex;
  flex-direction: row-reverse;
}
.ms-course-details-2 .stm_lms_courses__single--price strong {
  font-size: 30px;
  font-weight: 600;
  margin-right: 10px;
  color: var(--tp-heading-2);
}
.ms-course-details-2 .stm_lms_courses__single--price span {
  font-size: 16px;
  font-weight: 400;
  color: #73757b;
  text-decoration: line-through;
}
.ms-course-details-2 .masterstudy-single-course-details__title {
  color: #fff;
  font-size: 30px;
}
.ms-course-details-2 .masterstudy-single-course-details__icon::before {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}
.ms-course-details-2 .masterstudy-single-course-details__name, .ms-course-details-2 .masterstudy-single-course-details__quantity {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}
.ms-course-details-2 .tp-course-details-3-main {
  margin-top: 80px;
}
.ms-course-details-2 .masterstudy-single-course-tabs {
  padding: 7px 10px !important;
  border-radius: 6px !important;
  border: 1px solid #e6e8f0 !important;
  background: var(--tp-common-white) !important;
  box-shadow: inset 0 1px 4px 0 rgba(48, 54, 81, 0.06), 0 1px 1px 0 rgba(48, 54, 81, 0.06) !important;
}
.ms-course-details-2 .masterstudy-single-course-tabs li {
  font-weight: 500 !important;
  font-size: 15px !important;
  text-align: center !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  transition: all 0.3s 0s ease-out !important;
  height: 40px !important;
}
.ms-course-details-2 .masterstudy-single-course-tabs li.masterstudy-single-course-tabs__item_active {
  color: var(--tp-common-white) !important;
  background: var(--tp-dashboard-primary) !important;
}
.ms-course-details-2 .masterstudy-single-course-tabs li.masterstudy-single-course-tabs__item_active::after {
  content: none;
}
.ms-course-details-2 .masterstudy-single-course-tabs li:hover {
  color: var(--tp-common-white) !important;
  background: var(--tp-dashboard-primary) !important;
}
.ms-course-details-2 .masterstudy-single-course-reviews__main {
  background-color: #fafafa;
  border: 1px solid #ddd;
  padding: 20px 20px;
}
.ms-course-details-2 .masterstudy-single-course-reviews__main .masterstudy-single-course-reviews__detailed {
  border: 1px solid #e6e8f0;
  background: #fff;
  padding: 20px;
}
.ms-course-details-2 .masterstudy-buy-button__link {
  display: block;
  font-size: 17px;
  font-weight: 500;
  border-radius: 6px;
  padding: 11px 15px;
  text-align: center;
  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);
  color: var(--tp-common-white);
  background-color: var(--tp-dashboard-primary);
  border: none;
}
.ms-course-details-2 .masterstudy-buy-button__link:hover {
  background: #425EFF;
  color: var(--tp-common-white);
  border: none;
}

.msac-course-card-1 .ms_lms_courses_card_item_info_rating_stars {
  display: flex;
  font-size: 13px;
  width: 70px;
  min-width: 70px;
  margin: 0;
  position: relative;
}
.msac-course-card-1 .ms_lms_courses_card_item_info_rating_stars::before {
  display: flex;
  width: 100%;
  color: #B3BAC2;
  content: "\f005\f005\f005\f005\f005";
  font-family: var(--tp-ff-fontawesome);
}
.msac-course-card-1 .ms_lms_courses_card_item_info_rating_stars_filled {
  font-family: var(--tp-ff-fontawesome);
  position: absolute;
  z-index: 2;
  display: flex;
  left: 0;
  top: 0;
  overflow: hidden;
}
.msac-course-card-1 .ms_lms_courses_card_item_info_rating_stars_filled:after {
  font-family: var(--tp-ff-fontawesome);
  display: flex;
  width: 100%;
  color: #FFA800;
  content: "\f005\f005\f005\f005\f005";
  font-weight: 600;
}
.msac-course-card-1 .tp-course-pricing .stm_lms_courses__single--price span, .msac-course-card-1 .tp-course-filter-pricing .stm_lms_courses__single--price span {
  text-decoration: line-through;
  display: block;
  color: #94928E;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: -1px;
}
.msac-course-card-1 .tp-course-pricing .stm_lms_courses__single--price strong, .msac-course-card-1 .tp-course-filter-pricing .stm_lms_courses__single--price strong {
  font-size: 18px;
  font-weight: 600;
  color: var(--tp-dashboard-secondary);
}

.msac-course-card-2 .ms_lms_courses_card_item_info_rating_stars {
  display: flex;
  font-size: 13px;
  width: 70px;
  min-width: 70px;
  margin: 0;
  position: relative;
}
.msac-course-card-2 .ms_lms_courses_card_item_info_rating_stars::before {
  display: flex;
  width: 100%;
  color: #B3BAC2;
  content: "\f005\f005\f005\f005\f005";
  font-family: var(--tp-ff-fontawesome);
}
.msac-course-card-2 .ms_lms_courses_card_item_info_rating_stars_filled {
  font-family: var(--tp-ff-fontawesome);
  position: absolute;
  z-index: 2;
  display: flex;
  left: 0;
  top: 0;
  overflow: hidden;
}
.msac-course-card-2 .ms_lms_courses_card_item_info_rating_stars_filled:after {
  font-family: var(--tp-ff-fontawesome);
  display: flex;
  width: 100%;
  color: #FFA800;
  content: "\f005\f005\f005\f005\f005";
  font-weight: 600;
}

.msac-course-card-4 .ms_lms_courses_card_item_info_rating_stars {
  display: flex;
  font-size: 13px;
  width: 70px;
  min-width: 70px;
  margin: 0;
  position: relative;
}
.msac-course-card-4 .ms_lms_courses_card_item_info_rating_stars::before {
  display: flex;
  width: 100%;
  color: #B3BAC2;
  content: "\f005\f005\f005\f005\f005";
  font-family: var(--tp-ff-fontawesome);
}
.msac-course-card-4 .ms_lms_courses_card_item_info_rating_stars_filled {
  font-family: var(--tp-ff-fontawesome);
  position: absolute;
  z-index: 2;
  display: flex;
  left: 0;
  top: 0;
  overflow: hidden;
}
.msac-course-card-4 .ms_lms_courses_card_item_info_rating_stars_filled:after {
  font-family: var(--tp-ff-fontawesome);
  display: flex;
  width: 100%;
  color: #FFA800;
  content: "\f005\f005\f005\f005\f005";
  font-weight: 600;
}
.msac-course-card-4 .stm_lms_courses__single--price span {
  text-decoration: line-through;
  color: #858585;
  font-size: 18px;
}
.msac-course-card-4 .stm_lms_courses__single--price strong {
  color: var(--tp-dashboard-secondary);
  font-weight: 500;
  font-size: 20px;
}

.msac-course-tab .ms_lms_courses_card_item_info_rating_stars {
  display: flex;
  font-size: 13px;
  width: 70px;
  min-width: 70px;
  margin: 0;
  position: relative;
}
.msac-course-tab .ms_lms_courses_card_item_info_rating_stars::before {
  display: flex;
  width: 100%;
  color: #B3BAC2;
  content: "\f005\f005\f005\f005\f005";
  font-family: var(--tp-ff-fontawesome);
}
.msac-course-tab .ms_lms_courses_card_item_info_rating_stars_filled {
  font-family: var(--tp-ff-fontawesome);
  position: absolute;
  z-index: 2;
  display: flex;
  left: 0;
  top: 0;
  overflow: hidden;
}
.msac-course-tab .ms_lms_courses_card_item_info_rating_stars_filled:after {
  font-family: var(--tp-ff-fontawesome);
  display: flex;
  width: 100%;
  color: #FFA800;
  content: "\f005\f005\f005\f005\f005";
  font-weight: 600;
}
.msac-course-tab .stm_lms_courses__single--price span {
  text-decoration: line-through;
  color: #858585;
  font-size: 18px;
}
.msac-course-tab .stm_lms_courses__single--price strong {
  font-weight: 500;
}

.msac-course-card-5 .ms_lms_courses_card_item_info_rating_stars {
  display: flex;
  font-size: 13px;
  width: 70px;
  min-width: 70px;
  margin: 0;
  position: relative;
}
.msac-course-card-5 .ms_lms_courses_card_item_info_rating_stars::before {
  display: flex;
  width: 100%;
  color: #B3BAC2;
  content: "\f005\f005\f005\f005\f005";
  font-family: var(--tp-ff-fontawesome);
}
.msac-course-card-5 .ms_lms_courses_card_item_info_rating_stars_filled {
  font-family: var(--tp-ff-fontawesome);
  position: absolute;
  z-index: 2;
  display: flex;
  left: 0;
  top: 0;
  overflow: hidden;
}
.msac-course-card-5 .ms_lms_courses_card_item_info_rating_stars_filled:after {
  font-family: var(--tp-ff-fontawesome);
  display: flex;
  width: 100%;
  color: #FFA800;
  content: "\f005\f005\f005\f005\f005";
  font-weight: 600;
}
.msac-course-card-5 .tp-course-pricing .stm_lms_courses__single--price, .msac-course-card-5 .tp-course-filter-pricing .stm_lms_courses__single--price {
  text-align: center;
}
.msac-course-card-5 .tp-course-pricing .stm_lms_courses__single--price span, .msac-course-card-5 .tp-course-filter-pricing .stm_lms_courses__single--price span {
  text-decoration: line-through;
  display: block;
  color: #94928E;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: -1px;
}
.msac-course-card-5 .tp-course-pricing .stm_lms_courses__single--price strong, .msac-course-card-5 .tp-course-filter-pricing .stm_lms_courses__single--price strong {
  font-size: 20px;
  font-weight: 600;
  color: var(--tp-dashboard-secondary);
}

.msac-course-card-6 .tp-course-filter-area {
  padding-bottom: 220px;
}
.msac-course-card-6 .ms_lms_courses_card_item_info_rating_stars {
  display: flex;
  font-size: 13px;
  width: 70px;
  min-width: 70px;
  margin: 0;
  position: relative;
}
.msac-course-card-6 .ms_lms_courses_card_item_info_rating_stars::before {
  display: flex;
  width: 100%;
  color: #B3BAC2;
  content: "\f005\f005\f005\f005\f005";
  font-family: var(--tp-ff-fontawesome);
}
.msac-course-card-6 .ms_lms_courses_card_item_info_rating_stars_filled {
  font-family: var(--tp-ff-fontawesome);
  position: absolute;
  z-index: 2;
  display: flex;
  left: 0;
  top: 0;
  overflow: hidden;
}
.msac-course-card-6 .ms_lms_courses_card_item_info_rating_stars_filled:after {
  font-family: var(--tp-ff-fontawesome);
  display: flex;
  width: 100%;
  color: #FFA800;
  content: "\f005\f005\f005\f005\f005";
  font-weight: 600;
}
.msac-course-card-6 .tp-course-pricing .stm_lms_courses__single--price span, .msac-course-card-6 .tp-course-filter-pricing .stm_lms_courses__single--price span {
  text-decoration: line-through;
  display: block;
  color: #94928E;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: -1px;
}
.msac-course-card-6 .tp-course-pricing .stm_lms_courses__single--price strong, .msac-course-card-6 .tp-course-filter-pricing .stm_lms_courses__single--price strong {
  font-size: 18px;
  font-weight: 600;
  color: var(--tp-dashboard-secondary);
}

/*----------------------------------------*/
/*  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, .tp-dashboard-course-btn a {
  color: #556DF5;
  font-size: 15px;
  font-weight: 500;
  border-radius: 8px;
  border: 1px solid #E6E8F0;
  text-align: center;
  background-color: var(--tp-common-white);
  display: inline-block;
  padding: 9px 19px 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;
}
.tpd-btn-border:hover, .tp-dashboard-course-btn a:hover {
  color: var(--tp-common-white);
  border-color: #556DF5;
  background: #556DF5;
  box-shadow: 0px 0px 1px 0px #1438B5, 0px 1px 2px 0px rgba(20, 56, 181, 0.25);
}
.tpd-btn-border span, .tp-dashboard-course-btn a span {
  display: inline-block;
  margin-right: 4px;
}
.tpd-btn-border span svg, .tp-dashboard-course-btn a 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: #556DF5;
  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: #556DF5;
  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 .tutor-ratings-average, .tp-instructor-rate .tutor-ratings-count {
  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 .tutor-ratings-stars > * {
  color: #FFAD32;
  margin: 0;
  margin-right: 3px;
}
.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-instructor-profile-right-info .ratings {
  color: #fff;
}
.tp-instructor-profile-right-info .ratings .rating-total-meta {
  color: rgba(255, 255, 255, 0.7882352941);
}

.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: 200px;
  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;
  margin-right: 2px;
}
.tp-progress-rating .tutor-ratings-stars {
  margin: 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-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: #556DF5;
}
.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;
  padding-right: 15px;
}
.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 {
  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 {
  color: var(--tp-common-white);
  border-color: #556DF5;
  background-color: #556DF5;
  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 {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-12px);
}
.tpd-action-btn button.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 > 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: #556DF5;
  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, .tpd-action-click-tooltip a {
  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, .tpd-action-click-tooltip a span {
  display: inline-block;
  width: 20px;
}
.tpd-action-click-tooltip button:hover, .tpd-action-click-tooltip a:hover {
  background: rgba(255, 255, 255, 0.1);
  color: rgb(255, 255, 255);
}
.tpd-action-click-tooltip.bundle button, .tpd-action-click-tooltip.bundle a {
  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: 3px 11px 3px 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: #556DF5;
  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: #556DF5;
  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: #556DF5;
  border-color: #556DF5;
}
.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: #556DF5;
  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: #556DF5;
  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: #556DF5;
  border-color: #556DF5;
}
.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: #556DF5;
}
.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.is-active {
  color: var(--tp-dashboard-secondary);
  position: relative;
  border: none !important;
}
.tp-dashboard-tab-list ul li a.is-active::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  height: 2px;
  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%;
  height: 160px;
  object-fit: cover;
  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.3;
  margin-bottom: 20px;
}
.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;
}
.tp-dashboard-course-meta span span {
  display: inline-block;
}
.tp-dashboard-course-meta span svg {
  margin-right: 3px;
  transform: translateY(-2px);
}
.tp-dashboard-course-meta > span {
  margin-right: 1px;
}
.tp-dashboard-course-meta > span:not(:last-of-type) {
  margin-right: 16px;
}
.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 .rating-icon span {
  color: #FFB21D;
  margin-right: 2px;
}
.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;
  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-theme-secondary);
  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: rgb(245, 246, 255);
}
.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: rgb(217, 223, 250);
}
.tpd-dashboard-calender-box .fc .fc-cell-shaded, .tpd-dashboard-calender-box .fc .fc .fc-day-disabled {
  background: hsl(234, 100%, 90%);
}
.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:hover {
  color: var(--tp-dashboard-primary);
  background: rgba(85, 109, 245, 0.14);
}
.tp-user-menu ul li.active a {
  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.active a:hover {
  color: var(--tp-common-white);
  background: var(--tp-dashboard-primary);
}

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

.tpd-user-sidebar {
  position: sticky;
  top: 85px;
}

/*----------------------------------------*/
/*  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-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: 235px;
  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;
}
.tpd-instructor-qa-status {
  margin-left: 15px;
  width: 68px;
  flex: 0 0 auto;
}
.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.tpd-table-head {
  list-style: none;
  padding: 17.5px 0;
}
.tpd-announcement-date {
  flex: 0 0 auto;
  width: 206px;
}
.tpd-announcement-announcement {
  margin-left: 15px;
  margin-right: 25px;
  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-action ul li {
  padding: 0;
}
.tpd-announcement-action ul li:hover {
  background-color: transparent;
}
.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-notification p a:hover {
  text-decoration: underline;
}
.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: #556df5;
  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 {
  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: #556df5;
  cursor: pointer;
  border-radius: 4px;
  background: #e9ecff;
  padding: 8px 16px 9px 16px;
}
.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: #556df5;
  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 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: #76b559;
  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 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 {
  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-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: #556DF5;
  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: #556DF5;
  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: #556DF5;
  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;
  }
}

/*
  Theme Name: acadia - Creative Agency & Portfolio WordPress Theme
  Author: Theme_Pure
  Support: https://help.themepure.net/login
  Description: Sacadia - Creative Agency & Portfolio WordPress Theme
  Version: 1.0.0
*/
/*.........<! 1. Theme default css !>.........*/
body {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

/*comments list */
.blog-coment-title h2 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}

.comments-avatar {
  float: left;
}

.postbox__comment-avater img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  object-fit: cover;
}

.comments-avatar img {
  margin-right: 15px;
}

.comments-text {
  overflow: hidden;
}

.comments-text h3 {
  margin-bottom: 10px;
}

.latest-comments ul li .children {
  margin-left: 60px;
  margin-top: 0;
}

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

#cancel-comment-reply-link {
  color: #7e7e7e;
  margin-left: 8px;
  font-size: 16px;
}
#cancel-comment-reply-link:hover {
  color: #031f42;
}

/*comments form*/
.comment-reply-title {
  color: #19191A;
  font-size: 28px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.68px;
  text-transform: capitalize;
}

.comment-form-cookies-consent {
  display: none;
}

div.latest-comments > ul {
  padding-left: 0;
}

.latest-comments > ul > li {
  list-style: none;
}

.tp-blog-area ul.acadia-comment-list {
  padding: 0;
  margin: 0;
  margin-bottom: 100px;
}

.latest-comments pre {
  overflow-x: auto;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

.latest-comments blockquote {
  border: 1px solid #EAEAEF;
}

.latest-comments > ul > li li {
  margin: 0;
  padding: 0;
}

.latest-comments ul .children {
  list-style: none;
  padding-left: 40px;
}

@media (max-width: 576px) {
  .latest-comments ul .children {
    padding-left: 0;
    margin: 0 !important;
  }
}
.latest-comments .comments-text ul li,
.latest-comments .comments-text ol li {
  margin-bottom: 3px;
}

.latest-comments .comments-text > ul,
.latest-comments .comments-text > ol {
  margin-bottom: 20px;
}

.latest-comments ul .comment-respond {
  padding: 0px 0 15px;
}

/* post sticky */
.tp-postbox-item.sticky {
  border-top: 3px solid #031f42;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em !important;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em !important;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
}

/*tp unit css */
.tp-blog-area > ul,
.tp-blog-area > ol,
.tp-blog-area ul,
.tp-blog-area ol {
  padding-left: 24px;
}

.tp-blog-area dl,
.tp-blog-area ol,
.tp-blog-area ul {
  margin-top: 0;
  margin-bottom: 25px;
}

.postbox__details ol li,
.postbox__details ul li {
  padding-top: 7px;
}

.tp-blog-area ol ol,
.tp-blog-area ol ul,
.tp-blog-area ul ol,
.tp-blog-area ul ul {
  margin-bottom: 0;
}

/*tp-page-content*/
.tp-page-content .blog-post-comment {
  clear: both;
  overflow: hidden;
  margin-top: 30px;
  padding-top: 30px;
}

.tp-page-content ol,
.tp-page-content ul {
  padding-left: 25px;
  margin-bottom: 25px;
}

.tp-page-content ol li,
.tp-page-content ul li {
  margin-bottom: 7px;
}

.tp-page-content ol li ol,
.tp-page-content ul li ul {
  margin-top: 7px;
}

.tp-page-content ol ol,
.tp-page-content ol ul,
.tp-page-content ul ol,
.tp-page-content ul ul {
  margin-bottom: 0;
}

.tp-page-content .size-full.alignright {
  margin-bottom: 35px;
  margin-top: 20px;
  clear: both;
}

.tp-page-content .tp-page-post > p {
  margin: 32px 0;
  margin-top: 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
  margin-top: 10px;
  padding-top: 30px;
}

.page-links > span.page-links-title {
  border: 0;
  color: inherit;
}

.wp-block-archives-list.extraclass.wp-block-archives li a {
  color: var(--tp-text-body);
}

.wp-block-archives-dropdown .nice-select {
  margin-bottom: 15px;
}

.postbox__text .nice-select {
  float: none;
  margin-bottom: 20px;
  border-radius: 0;
}

.tp-blog-area div.postbox__comment-text .acadia-post-comment-text > ul,
.tp-blog-area div.postbox__comment-text .acadia-post-comment-text > ol {
  margin-bottom: 15px;
}

.postbox__text ol,
.postbox__text ul {
  padding-left: 20px;
}

.postbox__text .wp-block-comments-title {
  font-size: 32px;
  font-weight: 600;
}

.tp-postbox-details-article-inner .wp-block-comment-reply-link.has-small-font-size a.comment-reply-link {
  border: 1px solid #E6E7E8;
  display: inline-block;
  padding: 0px 11px;
}

.tp-postbox-details-article-inner .wp-block-comment-template {
  padding-left: 0;
}

.tp-postbox-details-article-inner .wp-block-comment-template .comment-respond.wp-block-post-comments-form {
  padding-top: 0;
}

.tp-postbox-details-article-inner .wp-block-comment-template li:not(:last-child) {
  margin-bottom: 25px;
}

.tp-postbox-details-article-inner .wp-calendar-nav a {
  color: #7e7e7e;
}
.tp-postbox-details-article-inner .wp-calendar-nav a:hover {
  color: #031f42;
}

.tp-postbox-details-article-inner .wp-block-latest-comments__comment-meta {
  font-size: 16px;
}

.tp-postbox-details-article-inner .wp-block-latest-comments__comment-meta a:hover {
  color: #031f42;
}

.tp-postbox-details-article-inner .wp-block-column-is-layout-flow {
  margin-bottom: 20px !important;
}

.postbox__text .tp-postbox-details-share-wrapper {
  clear: both;
}

.wp-block-image {
  overflow: hidden;
}

p.logged-in-as {
  color: #7e7e7e;
}

p.logged-in-as a {
  color: #031f42;
}

p.logged-in-as a:hover {
  color: #5169F1;
}

ol.wp-block-latest-comments {
  margin-left: 0;
  padding-left: 0;
}

ol.wp-block-latest-comments .wp-block-latest-comments__comment:not(:last-child) {
  margin-bottom: 15px;
}

.postbox__details p:last-child {
  margin-bottom: 0;
}

.postbox__text ul li a:hover,
dl a:hover {
  text-decoration-style: dotted;
  text-decoration-skip-ink: none;
}

.wp-block-button {
  margin-bottom: 10px;
}

.is-style-squared .wp-block-button__link {
  border-radius: 0;
}

div.postbox__text .wp-block-cover-text {
  color: #fff;
}

.wp-block-cover {
  margin-bottom: 30px;
}

.wp-block-gallery .blocks-gallery-grid {
  padding-left: 0;
  margin-bottom: 0;
}

.blocks-gallery-caption {
  margin-bottom: 40px !important;
}

.wp-block-group.has-background {
  margin-bottom: 25px;
}

.wp-block-group {
  margin-top: 30px;
  margin-bottom: 30px;
}

.wp-block-query-pagination {
  margin-bottom: 15px;
}

.tp-postbox-details-article-inner .wp-block-group .wp-block-group__inner-container > :last-child {
  margin-bottom: 0;
}

ul.wp-block-navigation__container.is-responsive.wp-block-navigation {
  padding-left: 0;
}

.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
  text-underline-offset: inherit;
  text-decoration-skip-ink: initial;
  text-decoration: none;
  line-height: 1.2;
}

.wp-block-navigation ul.wp-block-page-list {
  padding-left: 0;
}

ul.wp-block-page-list {
  padding-left: 20px;
}

.wp-block-query-pagination-numbers span, .wp-block-query-pagination-numbers a {
  margin-right: 5px;
  font-size: 14px;
}
.wp-block-query-pagination-numbers a:hover {
  color: #031f42;
}

.taxonomy-category.wp-block-post-terms a,
.wp-block-post-navigation-link a {
  color: #7e7e7e;
}
.taxonomy-category.wp-block-post-terms a:hover,
.wp-block-post-navigation-link a:hover {
  color: #031f42;
  text-decoration: none;
}

a.wp-block-query-pagination-next {
  color: #7e7e7e;
}

.wp-block-cover.is-light .wp-block-cover__inner-container {
  color: #4D5051;
}

.wp-block-navigation .wp-block-page-list .wp-block-pages-list__item .wp-block-navigation__submenu-container {
  padding: 10px 0;
}

.wp-block-navigation .wp-block-page-list .wp-block-pages-list__item .wp-block-navigation__submenu-container .wp-block-pages-list__item {
  margin-bottom: 10px;
  padding: 0 15px;
}

.wp-block-navigation .wp-block-page-list .wp-block-pages-list__item .wp-block-navigation__submenu-container .wp-block-pages-list__item:last-child {
  margin-bottom: 0;
}

ul.wp-block-archives-list.extraclass.wp-block-archives {
  padding-left: 24px;
}

ul.wp-block-archives-list.extraclass.wp-block-archives li a {
  text-underline-offset: 3px;
  text-decoration-skip-ink: all;
  text-decoration: underline;
}

ul.wp-block-archives-list.extraclass.wp-block-archives li a:hover {
  text-decoration-style: dotted;
  text-decoration-skip-ink: none;
}

.wp-block-query ul.wp-block-post-template {
  padding-left: 0;
}

.wp-block-query ul.wp-block-post-template .wp-block-post .wp-block-post-title {
  font-size: 34px;
  font-weight: 500;
  margin-bottom: 0;
}

.wp-block-query ul.wp-block-post-template .wp-block-post:not(:last-child) {
  margin-bottom: 20px;
}

.wp-block-query ul.wp-block-post-template .wp-block-post .wp-block-post-excerpt {
  margin-top: 10px;
}

.wp-block-avatar {
  margin-bottom: 15px;
}

.wp-block-post-author {
  margin-bottom: 15px;
}

.post-navigation-link-previous {
  margin-bottom: 15px;
}

.wp-block-read-more {
  font-size: 18px;
  margin-bottom: 15px;
  color: #7e7e7e;
}
.wp-block-read-more:hover {
  color: #031f42;
}

.wp-block-comment-reply-link.has-small-font-size .comment-reply-link:hover {
  color: #031f42;
}

.wp-block-comment-edit-link.has-small-font-size a:hover {
  color: #031f42;
}

.wp-block-post-comments-form .logged-in-as a:hover {
  color: #031f42;
}

.wp-block-search__button-inside.wp-block-search__text-button.wp-block-search .wp-block-search__inside-wrapper,
.wp-block-search__button-inside.wp-block-search__icon-button.wp-block-search .wp-block-search__inside-wrapper {
  border-color: #E0E2E3;
}

.wp-block-search__button-inside.wp-block-search__text-button.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input,
.wp-block-search__button-inside.wp-block-search__icon-button.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input {
  border: none;
}

.wp-block-search__button-inside.wp-block-search__text-button.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input:focus {
  border-color: inherit;
}

div.wp-block-post-comments-form input[type=submit] {
  display: inline-block;
  font-family: var(--tp-ff-jost);
  font-weight: 400;
  font-size: 16px;
  background-color: var(--tp-dashboard-secondary);
  padding: 9px 26px;
  color: #4D5051;
  border: 1px solid var(--tp-dashboard-secondary);
  height: auto;
}

.wp-block-post-comments-form input[type=submit]:hover {
  background-color: var(--tp-common-white);
  border-color: var(--tp-dashboard-secondary);
  color: #031f42;
}

.comment-respond.wp-block-post-comments-form {
  margin-bottom: 20px;
}

.comment-respond.wp-block-post-comments-form input,
.comment-respond.wp-block-post-comments-form textarea {
  height: 56px;
  background: #FFFFFF;
  border: 1px solid #E0E2E3;
  font-size: 14px;
  color: #031f42;
}

.comment-respond.wp-block-post-comments-form input:focus,
.comment-respond.wp-block-post-comments-form textarea:focus {
  border-color: #031f42;
}

.comment-respond.wp-block-post-comments-form textarea {
  height: 165px;
  resize: none;
  line-height: 1.4;
  padding: 17px 26px;
}

span.required {
  color: red;
}

.logged-in.wp-block-loginout a:hover {
  color: #031f42;
}

.wp-block-columns.has-pale-pink-background-color.has-background {
  padding: 1.25em 2.375em;
}

.wp-block-columns .wp-block-column.has-pale-cyan-blue-background-color p,
.wp-block-columns.has-pale-pink-background-color.has-background p {
  margin-bottom: 0;
}

.wp-block-media-text {
  margin-top: 30px;
  margin-bottom: 30px;
}

.postbox__text p.has-large-font-size {
  font-size: 24px !important;
  line-height: 1.2;
  margin-bottom: 10px;
}

.wp-block-media-text.alignfull.has-media-on-the-right.has-background.is-stacked-on-mobile {
  margin-bottom: 20px;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
  margin-top: 30px;
}

.page-links a,
.page-links > span {
  border: 2px solid #ddd;
  display: inline-block;
  min-width: 35px;
  text-align: center;
  margin-left: 2px;
  height: 33px;
  line-height: 29px;
  margin-right: 3px;
  color: #444;
}

.page-links > span {
  border: 2px solid #031f42;
  color: #031f42;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
  border: 1px solid #ddd;
  padding: 15px;
}

.wp-block-preformatted {
  margin: 30px 0;
}

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
  font-size: 14px;
  font-style: italic;
}

.tp-postbox-details-content table.wp-calendar-table {
  margin-bottom: 20px;
}

.tp-postbox-details-content .wp-block-calendar {
  margin-bottom: 20px;
}

.tp-post-tag {
  overflow: hidden;
  clear: both;
  margin-top: 20px;
  padding-top: 30px;
}

.tp-post-tag span {
  font-size: 16px;
  color: #031f42;
  font-weight: 500;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

.tp-post-tag a {
  display: inline-block;
  height: 36px;
  line-height: 38px;
  padding: 0 15px;
  font-size: 15px;
  font-weight: 500;
  color: var(--tp-text-11);
  background: var(--tp-grey-2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin-right: 8px;
  margin-bottom: 10px;
}

.tp-post-tag a:hover {
  color: #4D5051;
  background: #031f42;
}

.postbox__text .wp-block-tag-cloud a {
  display: inline-block;
  font-size: 13px !important;
  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);
}
.postbox__text .wp-block-tag-cloud 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);
}

ul.wp-block-rss.wp-block-rss {
  box-sizing: border-box;
  padding-left: 0;
}

.wp-block-button__link:hover {
  color: #c6c6c6;
}

/*block quote*/
.wp-block-quote {
  border: 0;
  padding: 40px 50px;
}

div.wp-block-columns .wp-block-quote {
  padding: 32px 20px 35px;
}

div blockquote {
  text-align: start;
  padding: 40px 50px;
  border-radius: 16px;
  background-color: #DFF9F0;
  margin-bottom: 40px;
}
div blockquote br {
  display: none;
}

.tp-postbox-quote-sub br {
  display: none;
}

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

.tp-blog-area blockquote p {
  font-family: var(--tp-ff-jost);
  font-weight: 500;
  font-size: 22px;
  line-height: 1.36;
  text-align: center;
  letter-spacing: -0.02em;
  color: #031f42;
  margin-bottom: 0;
  text-align: start;
}

blockquote cite {
  font-size: 14px !important;
  display: block;
  margin-top: 10px;
  color: #031f42 !important;
  font-style: inherit;
  font-weight: 500;
}

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

.tp-postbox-details-content blockquote p {
  margin-bottom: 0;
}

.tp-postbox-details-content a.wp-block-file__button {
  background: #32373c;
  border-radius: 2em;
  color: #fff;
  font-size: 10px;
  padding: 0.5em 1em;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
  margin-bottom: 1em;
  padding: 30px 30px;
}

.tp-blog-area .wp-block-quote.has-text-align-right.extraclass p {
  text-align: right;
}

.wp-block-quote.has-text-align-right.extraclass {
  text-align: right;
}

.postbox__text blockquote.is-style-large cite::before {
  margin-right: 0;
}

.wp-block-quote.has-text-align-right {
  border-right: 0;
  padding: 30px;
}

.wp-block-pullquote.is-style-solid-color blockquote {
  margin: auto;
  display: inline-block;
}

.comments-box blockquote {
  background: #fff;
}

.tp-postbox-details-comment-wrapper .tp-postbox-details-comment-content blockquote {
  box-shadow: none;
}

.tp-postbox-details-comment-wrapper .tp-postbox-details-comment-content > ul,
.tp-postbox-details-comment-wrapper .tp-postbox-details-comment-content > ol {
  margin-bottom: 20px;
}

.wp-block-column .wp-block-quote {
  padding: 10px;
}

.postbox__text ul li a,
dl a {
  text-underline-offset: 3px;
  text-decoration-skip-ink: all;
  text-decoration: underline;
}

/*gallery */
.gallery-item {
  display: inline-block;
  max-width: 33.33%;
  text-align: center;
  vertical-align: top;
  width: 100%;
  padding-right: 5px !important;
}

.gallery-columns-1 .gallery-item {
  max-width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.3333333333%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.6666666667%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.2857142857%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.1111111111%;
}

.gallery-columns-10 .gallery-item {
  max-width: 10%;
}

/*table */
.tp-postbox-details-content table {
  margin-bottom: 30px;
  width: 100%;
}

.tp-postbox-details-content table,
.tp-postbox-details-content th,
.tp-postbox-details-content td {
  border: 1px solid #d1d1d1;
}

.tp-postbox-details-content table th {
  padding: 12px 12px;
  font-size: 15px;
  border-color: #ddd;
  text-align: center;
  font-weight: 400;
}

.tp-postbox-details-content table tbody td {
  text-align: center;
}

.tp-postbox-details-content table a {
  color: #031f42;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.tp-postbox-details-content table td {
  border-color: #ddd;
  padding: 12px 12px;
}

.tp-postbox-details-content .comments-text table {
  margin-bottom: 30px;
  width: 100%;
  background: #fff;
}

/*pabe table*/
.tp-page-content table {
  margin-bottom: 30px;
}

.tp-page-content table,
.tp-page-content th,
.tp-page-content td {
  border: 1px solid #d1d1d1;
}

.tp-page-content table th {
  padding: 12px 12px;
  font-size: 15px;
  border-color: #ddd;
  text-align: center;
  font-weight: 500;
}

.tp-page-content table tbody td {
  text-align: center;
}

.tp-page-content table td {
  border-color: #ddd;
  padding: 12px 12px;
}

.tp-page-content table a {
  color: #031f42;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/*post password*/
.post-password-form input[type=password] {
  height: 56px;
  background: #FFFFFF;
  border: 1px solid #E0E2E3;
  font-size: 14px;
  color: #031f42;
}

.post-password-form input[type=password]:focus {
  border-color: #031f42;
}

.post-password-form label {
  width: 100%;
}

.post-password-form input[type=submit] {
  width: 120px;
  height: 50px;
  background: #031f42;
  color: #fff;
  border: 0;
  margin-top: 10px;
  transition: 0.3s;
}

.post-password-form input[type=submit]:hover {
  background: #031220;
}

.wp-block-search__input {
  border: 1px solid #F3F4F9;
  height: 60px;
  font-size: 16px;
  outline: 0;
  background-color: #f3f4f9;
  padding: 0 26px;
}

.wp-block-search__input:focus {
  border-color: var(--tp-dashboard-primary);
}

.wp-block-search__inside-wrapper {
  margin-bottom: 20px;
}

.wp-block-search__button {
  width: 120px;
  height: 60px;
  background: var(--tp-dashboard-secondary);
  color: #fff;
  border: 0;
  transition: 0.3s;
  margin-left: 0;
}

.wp-block-search__button:hover {
  background: #031f42;
}

ul.wp-block-social-links {
  padding-left: 10px;
}

.wp-block-query-pagination a:hover {
  color: #031f42;
}

.taxonomy-category.wp-block-post-terms a:hover {
  color: #031f42;
}

.tp-sidebar-widget.widget_categories ul {
  margin: 0;
}
.tp-sidebar-widget.widget_categories ul li {
  list-style: none;
}
.tp-sidebar-widget.widget_categories ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 400;
  color: #4D5051;
  transition: 0.3s linear;
}
.tp-sidebar-widget.widget_categories ul li a:hover {
  color: var(--tp-dashboard-primary);
}

/*widget*/
.tp-sidebar-widget ul {
  padding-left: 0;
}
.tp-sidebar-widget ul.wp-block-categories-list.wp-block-categories li {
  list-style: none;
  margin-bottom: 8px;
}
.tp-sidebar-widget ul.wp-block-categories-list.wp-block-categories li a {
  font-size: 16px;
  font-weight: 400;
  color: #4D5051;
  text-transform: capitalize;
  transition: 0.3s linear;
}
.tp-sidebar-widget ul.wp-block-categories-list.wp-block-categories li a:hover {
  color: var(--tp-dashboard-secondary);
}

.tp-sidebar-widget.widget_recent_comments ul li a::after {
  display: none;
}

.tp-sidebar-widget.widget_recent_comments ul li a {
  padding-left: 0;
  display: inline;
}

.tp-sidebar-widget.widget_recent_comments ul li > a {
  color: #031f42;
}

.tp-sidebar-widget.widget_recent_comments ul li > a:hover {
  color: #031f42;
}

.tp-sidebar-widget.widget_recent_comments .comment-author-link a {
  color: #031f42;
}

.tp-sidebar-widget.widget_recent_entries ul li a::after {
  display: none;
}

.tp-sidebar-widget.widget_recent_entries ul li a {
  padding-left: 0;
  color: #031f42;
}

.tp-sidebar-widget.widget_recent_entries ul li a:hover {
  padding-left: 0;
  color: #031f42;
}

.tp-sidebar-widget.widget_rss ul li a::after {
  display: none;
}

.tp-sidebar-widget.widget_rss ul li a {
  padding-left: 0;
  display: inline;
}

.tp-sidebar-widget.widget_text form br {
  display: none;
}

.tp-sidebar-widget.widget_rss ul li > a {
  color: #031f42;
}

.tp-sidebar-widget.widget_rss ul li > a:hover {
  color: #031f42;
}

.tp-sidebar-widget.widget_tag_cloud .tagcloud {
  border-top: 0;
  padding: 0;
}

.tp-sidebar-widget .nice-select {
  float: none;
}

.tp-sidebar-widget .nice-select .list {
  width: 100%;
}

.tp-sidebar-widget .nice-select .option {
  margin-bottom: 0 !important;
}

.tp-sidebar-widget .nice-select::after {
  right: 18px;
}

.tp-postbox-details-comment-wrapper .logged-in-as {
  margin-bottom: 10px;
}

.tp-postbox-details-comment-wrapper .logged-in-as a {
  color: #031f42;
}

.tp-postbox-details-comment-wrapper .logged-in-as a:hover {
  color: #031f42;
}

.textwidget img {
  max-width: 100%;
  height: auto;
}

#wp-calendar {
  width: 100%;
}

#wp-calendar caption {
  text-align: right;
  font-size: 15px;
  margin-top: 5px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
}

#wp-calendar thead {
  font-size: 14px;
}

#wp-calendar thead th {
  padding-bottom: 10px;
  text-align: center;
}

#wp-calendar tbody {
  color: #666;
}

#wp-calendar tbody td {
  background: #fff;
  border: 1px solid #e1e1e1;
  text-align: center;
  padding: 8px 0;
  transition: 0.3s;
}

.tp-sidebar-widget .wp-calendar-table a {
  color: #031f42;
}

#wp-calendar tbody td#today {
  background: #031f42;
  color: #fff;
}

.wp-calendar-nav {
  display: flex;
  justify-content: space-between;
}

.tp-sidebar-widget .wp-calendar-nav a {
  color: #7e7e7e;
}
.tp-sidebar-widget .wp-calendar-nav a:hover {
  color: #031f42;
}

/*sidebar block widget*/
.tp-sidebar-widget .wp-block-group__inner-container h2 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #031f42;
  margin-bottom: 25px;
}

.tp-sidebar-widget .wp-block-search__input {
  width: 100%;
  padding-left: 26px;
  padding-right: 130px;
  outline: 0;
  height: 60px;
  font-size: 16px;
  background: #F3F4F9;
  border: 1px solid #F3F4F9;
}

.tp-sidebar-widget .wp-block-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-widget .wp-block-search__label {
  display: none;
}

.tp-sidebar-widget .wp-block-search__inside-wrapper {
  position: relative;
}

.tp-sidebar-widget .wp-block-search__button {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: #031f42;
  color: #fff;
  border: 0;
  padding: 0 25px;
  font-size: 16px;
}

.tp-sidebar-widget .wp-block-search__button:hover {
  background: var(--tp-dashboard-primary);
  color: var(--tp-common-white);
}

.tp-sidebar-widget.widget_block ul.wp-block-latest-posts li:not(:last-child) {
  margin-bottom: 15px;
}

.tp-sidebar-widget.widget_block ol.wp-block-latest-comments li.wp-block-latest-comments__comment {
  margin-bottom: 0;
}

.tp-sidebar-widget.widget_block ol.wp-block-latest-comments li.wp-block-latest-comments__comment:not(:last-child) {
  margin-bottom: 15px;
}

.tp-sidebar-widget.widget_block ul.wp-block-latest-posts li a::after {
  display: none;
}

.tp-sidebar-widget.widget_block ul.wp-block-latest-posts li a {
  padding-left: 0;
  background-color: transparent;
  box-shadow: none;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 8px;
  color: var(--tp-heading-2);
}

.tp-sidebar-widget.widget_block ul.wp-block-latest-posts li a:hover {
  color: var(--tp-dashboard-primary);
}

.tp-sidebar-widget.widget_block .wp-block-latest-comments article a {
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  color: #031f42;
  background-image: radial-gradient(currentColor, currentColor), radial-gradient(currentColor, currentColor);
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 91%;
  background-repeat: no-repeat;
}

.tp-sidebar-widget.widget_block .wp-block-latest-comments article a:hover {
  color: var(--tp-dashboard-primary);
}

.tp-sidebar-widget.widget_block .wp-block-latest-comments article .wp-block-latest-comments__comment-meta {
  color: #777;
}

.tp-sidebar-widget.widget_block .wp-block-latest-comments article a.wp-block-latest-comments__comment-author {
  color: #031f42;
}
.tp-sidebar-widget.widget_block .wp-block-latest-comments article a.wp-block-latest-comments__comment-author:hover {
  color: var(--tp-dashboard-primary);
}

.tp-sidebar-widget .wp-block-tag-cloud 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);
}
.tp-sidebar-widget .wp-block-tag-cloud 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);
}

.tp-sidebar-widget .wp-block-calendar table th {
  background: no-repeat;
}

.tp-sidebar-widget.widget_block .wp-block-group {
  margin: 0;
}
.tp-sidebar-widget.widget_block .wp-block-group .wp-block-categories-list.wp-block-categories,
.tp-sidebar-widget.widget_block .wp-block-group .wp-block-latest-posts__list.wp-block-latest-posts {
  margin: 0;
}

.rc__post-thumb {
  width: 75px;
  height: 75px;
}
div.rc__post-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}

/*footer widget*/
.tp-footer-widget ul ul {
  padding-left: 10px;
  padding-top: 8px;
}

.tp-footer-widget.widget_recent_comments ul li {
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 7px;
}

.tp-footer-widget.widget_recent_comments ul li > a {
  padding-left: 0;
}

.tp-footer-widget.widget_recent_comments ul li > a::after {
  display: none;
}

.tp-footer-widget.widget_recent_entries ul li {
  line-height: 1.6;
}

.tp-footer-widget .rssSummary {
  line-height: 1.5;
}

.tp-footer-widget .rsswidget {
  font-weight: 500;
}

.tp-footer-widget.widget_recent_comments .comment-author-link a {
  color: #4D5051;
  font-weight: 500;
  padding-left: 0;
}

.tp-footer-widget.widget_recent_comments .comment-author-link a::after {
  display: none;
}

.tp-footer-widget.widget_recent_comments .comment-author-link a:hover {
  color: #4D5051;
}

.tp-footer-widget.widget_recent_entries ul li a::after {
  display: none;
}

.tp-footer-widget.widget_recent_entries ul li a {
  padding-left: 0;
  color: #4D5051;
}

.tp-footer-widget.widget_rss ul li a::after {
  display: none;
}

.tp-footer-widget.widget_rss ul li a {
  padding-left: 0;
  color: #4D5051;
}

.tp-footer-widget.widget_rss ul li a:hover {
  color: #4D5051;
}

.tp-footer-widget .nice-select .list {
  width: 100%;
}

.tp-footer-widget .nice-select .option {
  margin-bottom: 0 !important;
  color: var(--tp-text-body);
}

.tp-footer-widget .nice-select .option:hover {
  color: #4D5051;
}

.tp-footer-widget .nice-select::after {
  right: 18px;
}

.tp-footer-widget .nice-select {
  background-color: transparent;
  border-color: #dbdbdb;
  color: #4D5051;
}
.tp-footer-widget .nice-select::after {
  color: #4D5051;
}
.tp-footer-widget .nice-select .list {
  background-color: #fff;
  padding-bottom: 10px;
}
.tp-footer-widget .nice-select .list .option {
  color: #4D5051;
  line-height: 1.2;
  height: auto;
  min-height: auto;
  padding: 9px 26px;
}
.tp-footer-widget .nice-select .list .option:hover {
  color: #4D5051;
}

#wp-calendar {
  width: 100%;
}

#wp-calendar caption {
  text-align: right;
  font-size: 15px;
  margin-top: 5px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
  color: #031f42;
}

#wp-calendar thead {
  font-size: 14px;
}

#wp-calendar thead th {
  padding-bottom: 10px;
  text-align: center;
  color: #031f42;
}

#wp-calendar tbody {
  color: #666;
}

#wp-calendar tbody td {
  background: #fff;
  border: 1px solid #e1e1e1;
  text-align: center;
  padding: 8px 0;
  transition: 0.3s;
}

.tp-footer-widget .wp-calendar-table a {
  color: #031f42;
}

#wp-calendar tbody td#today {
  background: var(--tp-dashboard-secondary);
  color: #fff;
}

#wp-calendar tbody td#today a {
  color: #fff;
}

.wp-calendar-nav {
  display: flex;
  justify-content: space-between;
}

.tp-footer-widget .wp-calendar-nav-prev a {
  color: #4D5051;
}

.tp-footer-widget .wp-calendar-nav-prev a:hover {
  color: #fff;
}

.tp-footer-widget #wp-calendar thead th {
  color: #4D5051;
}

.tp-footer-widget #wp-calendar caption {
  color: #4D5051;
}

.tp-footer-widget .tagcloud a {
  color: #4D5051;
}

.tp-footer-widget .tagcloud a:hover {
  color: #fff;
}

.tp-footer-widget .sidebar__search input {
  color: #4D5051;
  background: #fff;
  border: 1px solid #F3F4F9;
}
.tp-footer-widget .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-footer-widget.widget_text p {
  font-size: 14px;
  color: var(--tp-text-body);
}

.tp-footer-widget .sidebar__search button {
  color: #4D5051;
}

.tp-footer-widget .nice-select {
  float: none;
}

.tp-footer-widget.widget_rss ul li {
  line-height: 1.5;
  color: var(--tp-grey-3);
}
.tp-footer-widget.widget_rss ul li > span {
  color: var(--tp-grey-3);
}

/*footer block widget*/
.tp-footer-widget .wp-block-group__inner-container h2 {
  font-size: 24px;
  color: #4D5051;
  margin-bottom: 25px;
  position: relative;
  font-family: var(--tp-ff-space);
}

.tp-footer-widget .wp-block-search__input {
  min-width: 100%;
  border: 0;
  width: 100%;
  background: #fff;
  height: 52px;
  padding: 0 15px;
}

.tp-footer-widget .wp-block-search__label {
  display: none;
}

.tp-footer-widget .wp-block-search__inside-wrapper {
  position: relative;
}

.tp-footer-widget .wp-block-search__button {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: #031f42;
  color: #fff;
  border: 0;
  padding: 0 25px;
}

.tp-footer-widget.widget_block ul.wp-block-latest-posts li a::after {
  display: none;
}

.tp-footer-widget .widget_block ul.wp-block-latest-posts li a {
  color: #031f42;
  padding-left: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}

.tp-footer-widget.widget_block .wp-block-latest-comments {
  margin: 0;
  padding: 0;
}
.tp-footer-widget.widget_block .wp-block-latest-comments article a {
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  color: #031f42;
}
.tp-footer-widget.widget_block .wp-block-latest-comments article .wp-block-latest-comments__comment-meta {
  color: #666;
}

.tp-footer-widget.widget_block .wp-block-latest-comments article a.wp-block-latest-comments__comment-author {
  color: #031f42;
}

.tp-footer-widget .wp-block-tag-cloud a {
  display: inline-block;
  height: 36px;
  line-height: 38px;
  padding: 0 15px;
  font-size: 14px !important;
  font-weight: 500;
  color: var(--tp-text-11);
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin-right: 8px;
  margin-bottom: 10px;
}

.tp-footer-widget .wp-block-tag-cloud a:hover {
  color: var(--tp-common-white);
  background: #031f42;
}

.tp-footer-widget .wp-block-calendar table th {
  background: no-repeat;
}

.bypostauthor {
  display: block;
}

.gallery-caption {
  display: block;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

.aadmin-bar .header__sticky {
  margin-top: 32px;
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
  .aadmin-bar .header__sticky {
    margin-top: 0px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
  .aadmin-bar .header__sticky {
    margin-top: 42px;
  }
}
.postbox__details .postbox__title {
  display: none;
}

/*woo */
.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
  background-color: #fff;
}

.wp-block-table.is-style-stripes {
  border-spacing: 0;
  border-collapse: inherit;
  background-color: transparent;
  border-bottom: 1px solid #ddd;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
  background-color: #f0f0f0;
}

.single-product .elementor-lightbox {
  display: none !important;
}

.postbox__play-btn a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  line-height: 80px;
  background: #fff;
  text-align: center;
  border-radius: 50%;
  font-size: 22px;
  color: var(--tp-dashboard-primary);
  transition: 0.4s linear;
}
.postbox__play-btn a:hover {
  background-color: var(--tp-dashboard-primary);
  color: #fff;
}

.postbox__slider-arrow-wrap button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background: #fff;
  color: var(--tp-dashboard-primary);
  font-size: 18px;
  left: 15px;
  z-index: 2;
  transition: 0.3s linear;
}
.postbox__slider-arrow-wrap button:hover {
  background: var(--tp-dashboard-primary);
  color: #fff;
}
.postbox__slider-arrow-wrap button.postbox-arrow-next {
  left: auto;
  right: 15px;
}

.tp-sidebar-widget.widget_archive li {
  list-style: none;
}
.tp-sidebar-widget.widget_archive li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 400;
  color: #4D5051;
  transition: 0.3s linear;
}
.tp-sidebar-widget.widget_archive li a:hover {
  color: var(--tp-dashboard-secondary);
}

.sidebar__widget ul ul {
  padding-left: 15px;
  padding-top: 10px;
}
.sidebar__widget.widget_categories ul ul {
  padding-left: 15px;
  padding-top: 10px;
}
.sidebar__widget.widget_categories ul li {
  list-style: none;
  margin-bottom: 12px;
}
.sidebar__widget.widget_pages ul li, .sidebar__widget.widget_meta ul li, .sidebar__widget.widget_recent_comments ul li, .sidebar__widget.widget_recent_entries ul li, .sidebar__widget.widget_rss ul li, .sidebar__widget.widget_nav_menu ul li {
  list-style: none;
  margin-bottom: 7px;
}
.sidebar__widget.widget_pages ul li a, .sidebar__widget.widget_meta ul li a, .sidebar__widget.widget_recent_comments ul li a, .sidebar__widget.widget_recent_entries ul li a, .sidebar__widget.widget_rss ul li a, .sidebar__widget.widget_nav_menu ul li a {
  font-size: 16px;
  font-weight: 400;
  color: #4D5051;
  text-transform: capitalize;
  transition: 0.2s linear;
}
.sidebar__widget.widget_pages ul li a:hover, .sidebar__widget.widget_meta ul li a:hover, .sidebar__widget.widget_recent_comments ul li a:hover, .sidebar__widget.widget_recent_entries ul li a:hover, .sidebar__widget.widget_rss ul li a:hover, .sidebar__widget.widget_nav_menu ul li a:hover {
  color: var(--tp-dashboard-secondary) !important;
}
.sidebar__widget.widget_recent_entries li {
  margin: 0 !important;
}
.sidebar__widget.widget_rss a {
  color: #031220 !important;
}
.sidebar__widget.widget_nav_menu li {
  margin-bottom: 5px !important;
}

.tp-product-action {
  position: absolute;
  right: 0px;
  top: 30px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .tp-product-action {
    top: 30px;
  }
}
.tp-product-action-btn a:hover .tp-product-tooltip, .tp-product-action-btn button:hover .tp-product-tooltip {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(-8px) translateY(-50%);
  -moz-transform: translateX(-8px) translateY(-50%);
  -ms-transform: translateX(-8px) translateY(-50%);
  -o-transform: translateX(-8px) translateY(-50%);
  transform: translateX(-8px) translateY(-50%);
}

a.cart-button,
a.added_to_cart.wc-forward,
a.woosq-btn,
button.woosw-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
a.cart-button .loading-icon,
a.added_to_cart.wc-forward .loading-icon,
a.woosq-btn .loading-icon,
button.woosw-btn .loading-icon {
  display: none;
}
a.cart-button .cart-icon,
a.added_to_cart.wc-forward .cart-icon,
a.woosq-btn .cart-icon,
button.woosw-btn .cart-icon {
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
}
a.cart-button.loading,
a.added_to_cart.wc-forward.loading,
a.woosq-btn.loading,
button.woosw-btn.loading {
  pointer-events: none;
}
a.cart-button.loading .loading-icon,
a.added_to_cart.wc-forward.loading .loading-icon,
a.woosq-btn.loading .loading-icon,
button.woosw-btn.loading .loading-icon {
  display: block;
}
a.cart-button.loading .cart-icon,
a.added_to_cart.wc-forward.loading .cart-icon,
a.woosq-btn.loading .cart-icon,
button.woosw-btn.loading .cart-icon {
  display: none;
}
a.cart-button.added,
a.added_to_cart.wc-forward.added,
a.woosq-btn.added,
button.woosw-btn.added {
  display: none;
}
a.cart-button svg,
a.added_to_cart.wc-forward svg,
a.woosq-btn svg,
button.woosw-btn svg {
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
}
a.cart-button.woosw-added::before,
a.added_to_cart.wc-forward.woosw-added::before,
a.woosq-btn.woosw-added::before,
button.woosw-btn.woosw-added::before {
  display: none;
}
a.cart-button.woosw-adding .wishlist-icon,
a.added_to_cart.wc-forward.woosw-adding .wishlist-icon,
a.woosq-btn.woosw-adding .wishlist-icon,
button.woosw-btn.woosw-adding .wishlist-icon {
  display: none;
}
a.cart-button.woosw-adding .loading-icon,
a.added_to_cart.wc-forward.woosw-adding .loading-icon,
a.woosq-btn.woosw-adding .loading-icon,
button.woosw-btn.woosw-adding .loading-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
}
a.cart-button.woosw-adding::after,
a.added_to_cart.wc-forward.woosw-adding::after,
a.woosq-btn.woosw-adding::after,
button.woosw-btn.woosw-adding::after {
  display: none !important;
}

a.added_to_cart.wc-forward::after {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
}

a.tutor-btn.added_to_cart.wc-forward::after {
  margin-left: 5px;
}

a.tp-shop-buy-now-btn {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white) !important;
  position: relative;
  padding: 0;
}
a.tp-shop-buy-now-btn::after {
  content: "";
  display: block;
  height: 100%;
  left: -75%;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: 2;
  -webkit-transform: skewX(-25deg);
  -moz-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  -o-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
a.tp-shop-buy-now-btn:hover::after, a.tp-shop-buy-now-btn:focus::after {
  -webkit-animation: acadia_shine 0.85s;
  -moz-animation: acadia_shine 0.85s;
  -ms-animation: acadia_shine 0.85s;
  -o-animation: acadia_shine 0.85s;
  animation: acadia_shine 0.85s;
}

@-webkit-keyframes acadia_shine {
  100% {
    left: 125%;
  }
}
@-moz-keyframes acadia_shine {
  100% {
    left: 125%;
  }
}
@-ms-keyframes acadia_shine {
  100% {
    left: 125%;
  }
}
@keyframes acadia_shine {
  100% {
    left: 125%;
  }
}
.tp-product-btn-box a.cart-button.product_type_external {
  width: 100%;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
}
.tp-product-btn-box a.cart-button.product_type_external .cart-icon {
  display: none;
}
.tp-product-btn-box a.cart-button.product_type_external .loading-icon {
  display: none;
}
.tp-product-btn-box a.cart-button.product_type_external {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}

.woosw-item--atc p.add_to_cart_inline {
  display: flex;
  align-items: center;
}
.woosw-item--atc p.add_to_cart_inline a.add_to_cart_button,
.woosw-item--atc p.add_to_cart_inline a.cart-button {
  box-shadow: none;
}
.woosw-item--atc p.add_to_cart_inline a.add_to_cart_button:hover,
.woosw-item--atc p.add_to_cart_inline a.cart-button:hover {
  border-color: var(--tp-common-black);
}
.woosw-item--atc p.add_to_cart_inline a.added_to_cart.wc-forward {
  box-shadow: none;
  background-color: var(--tp-common-black);
  border-color: var(--tp-common-black);
  color: var(--tp-common-white);
  text-decoration: none;
}

.woosw-item--info {
  text-align: left;
}
.woosw-item--info a {
  color: var(--tp-common-black);
  font-weight: 600;
  text-decoration: none;
  font-family: var(--tp-ff-marcellus);
  font-size: 16px;
}
.woosw-item--info a:hover {
  color: var(--tp-common-black);
}
.woosw-item--actions {
  width: 10%;
}
.woosw-item--actions .woosw-item--atc p {
  justify-content: center;
}

.woosw-name {
  font-family: var(--tp-ff-marcellus);
}

.tp-woo-single-action-wishlist button.woosw-btn {
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
}

.cart_load_spinning {
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -ms-animation: spin 2s linear infinite;
  -o-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  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 spin {
  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 spin {
  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 spin {
  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);
  }
}
.woosq-popup .tp-shop-details-price {
  margin-bottom: 20px;
}
.woosq-popup .tp-woo-single-action-wishlist {
  display: none !important;
}
.woosq-popup .tp-woo-single-action-wishlist button.woosw-btn::before {
  content: "";
  background-image: url("../img/icons/woocommerce/wishlist-icon.svg");
  width: 20px;
  height: 20px;
  display: block;
  background-repeat: no-repeat;
  text-align: center;
  background-position: center center;
  margin: auto;
  background-size: cover;
}
.woosq-popup .tp-woo-single-action-wishlist button.woosw-btn:hover {
  background-color: #fff;
}
.woosq-popup .tp-woo-single-action-wishlist button.woosw-btn.woosw-adding:hover {
  color: var(--tp-common-white);
}
.woosq-popup .tp-woo-single-action-wishlist button.woosw-btn.woosw-added::before {
  display: none;
}
.woosq-popup .tp-woo-single-action-wishlist button.woosw-btn.woosw-added:hover {
  background-color: var(--tp-common-black);
}

.tp-shop-details-quantity {
  position: relative;
  margin-right: 15px;
}
.tp-shop-details-quantity .tp-cart-input[type=text] {
  text-align: center;
  padding: 0 30px;
  height: 46px;
  line-height: 46px;
  background-color: #F3F5F6;
  border: 0;
  border-radius: 0;
  font-size: 16px;
  width: 122px;
  color: #000;
}
.tp-shop-details-quantity .tp-cart-plus:hover,
.tp-shop-details-quantity .tp-cart-minus:hover {
  cursor: pointer;
  color: var(--tp-theme-8);
  background-color: var(--tp-common-white);
}
.tp-shop-details-quantity .tp-cart-plus,
.tp-shop-details-quantity .tp-cart-minus {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  left: 14px;
}
.tp-shop-details-quantity .tp-cart-plus.tp-cart-plus,
.tp-shop-details-quantity .tp-cart-minus.tp-cart-plus {
  left: auto;
  right: 14px;
}

.woosc_table ins {
  text-decoration: none;
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-warning, .woocommerce .woocommerce-info {
  border-top: 4px solid #FD4B6B;
  background-color: rgba(253, 75, 107, 0.1);
  padding: 14px 26px;
  margin: 0;
  margin-bottom: 14px;
}
.woocommerce .woocommerce-error li, .woocommerce .woocommerce-warning li, .woocommerce .woocommerce-info li {
  list-style: none;
  margin-bottom: 0;
  color: var(--tp-common-black);
  position: relative;
}
.woocommerce .woocommerce-error li:not(:last-child), .woocommerce .woocommerce-warning li:not(:last-child), .woocommerce .woocommerce-info li:not(:last-child) {
  margin-bottom: 10px;
}
.woocommerce .woocommerce-error li::before, .woocommerce .woocommerce-warning li::before, .woocommerce .woocommerce-info li::before {
  content: url("../img/icons/woocommerce/error.svg");
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.woocommerce .woocommerce-warning, .woocommerce .woocommerce-info {
  border-top: 4px solid #FFB342;
  background-color: rgba(255, 179, 66, 0.1);
  font-family: var(--tp-ff-marcellus);
  font-size: 15px;
}
.woocommerce .woocommerce-warning li::before, .woocommerce .woocommerce-info li::before {
  content: url("../img/icons/woocommerce/warning.svg");
  top: 4px;
}
.woocommerce .woocommerce-warning a, .woocommerce .woocommerce-info a {
  color: var(--tp-common-black);
  font-weight: 700;
  font-family: var(--tp-ff-marcellus);
}
.woocommerce .woocommerce-warning a:hover, .woocommerce .woocommerce-info a:hover {
  color: var(--tp-common-black);
}

.woocommerce .woocommerce-message {
  border-top: 4px solid #00C853;
  background-color: rgba(0, 200, 83, 0.1);
  padding: 14px 26px;
  margin: 0;
  margin-bottom: 14px;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-marcellus);
  font-size: 15px;
}
.woocommerce .woocommerce-message a {
  font-weight: 500;
  color: #00C853;
  margin-right: 5px;
  text-decoration: underline;
}
.woocommerce .woocommerce-message a:hover {
  text-decoration: underline;
}

.tp-product-details-action-item-wrapper .nice-select {
  border-radius: 0;
  min-width: 200px;
}
.tp-product-details-action-item-wrapper .nice-select::after {
  right: 16px;
}
.tp-product-details-action-item-wrapper .nice-select .list {
  padding: 16px 0;
}
.tp-product-details-action-item-wrapper .nice-select .list .option {
  line-height: 1.3;
  min-height: auto;
  height: auto;
  padding: 5px 20px;
}
.tp-product-details-action-item-wrapper .nice-select .list .option:hover {
  color: var(--tp-common-black);
}
.tp-product-details-action-item-wrapper form.cart.variations_form .single_variation_wrap .tp-product-details-action-wrapper {
  margin-top: 30px;
}
.tp-product-details-action-item-wrapper form.cart.variations_form table.variations {
  margin-bottom: 20px;
}
.tp-product-details-action-item-wrapper form.cart.variations_form table.variations tbody tr th, .tp-product-details-action-item-wrapper form.cart.variations_form table.variations tbody tr td {
  padding: 0 0 10px;
  border-bottom: 1px solid var(--tp-border-color);
  vertical-align: middle;
}
.tp-product-details-action-item-wrapper form.cart.variations_form table.variations tbody th.label label {
  margin-bottom: 0 !important;
  margin-right: 20px;
  font-size: 14px;
  color: var(--tp-common-black);
}
.tp-product-details-action-item-wrapper form.cart.grouped_form .group_table tbody tr th, .tp-product-details-action-item-wrapper form.cart.grouped_form .group_table tbody tr td {
  padding: 10px 10px;
  border: 1px solid #E0E2E3;
}
.tp-product-details-action-item-wrapper form.cart.grouped_form .group_table tbody tr td label a {
  display: inline-block;
  font-size: 16px;
  color: var(--tp-common-black);
}
.tp-product-details-action-item-wrapper form.cart.grouped_form .group_table tbody tr td label a:hover {
  color: var(--tp-common-black);
}
.tp-product-details-action-item-wrapper form.cart.grouped_form .group_table tbody tr td .tp-shop-details-quantity {
  margin-bottom: 0;
}
.tp-product-details-action-item-wrapper form.cart.grouped_form .group_table tbody tr td.woocommerce-grouped-product-list-item__label {
  width: 44%;
}
.tp-product-details-action-item-wrapper form.cart.grouped_form .group_table tbody tr td.woocommerce-grouped-product-list-item__price > span, .tp-product-details-action-item-wrapper form.cart.grouped_form .group_table tbody tr td.woocommerce-grouped-product-list-item__price del, .tp-product-details-action-item-wrapper form.cart.grouped_form .group_table tbody tr td.woocommerce-grouped-product-list-item__price ins {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-marcellus);
}
.tp-product-details-action-item-wrapper form.cart.grouped_form .group_table tbody tr td.woocommerce-grouped-product-list-item__price ins {
  text-decoration: none;
}
.tp-product-details-action-item-wrapper form.cart.grouped_form .group_table tbody tr td.woocommerce-grouped-product-list-item__price del {
  font-size: 14px;
  color: #767A7D;
}
.tp-product-details-action-item-wrapper form.cart.grouped_form .tp-shop-details-quantity {
  margin-right: 0;
  width: 110px;
}
.tp-product-details-action-item-wrapper form.cart.grouped_form .tp-shop-details-quantity .tp-cart-input[type=text] {
  height: 44px;
  line-height: 44px;
}
.tp-product-details-action-item-wrapper form.cart tr, .tp-product-details-action-item-wrapper form.cart th, .tp-product-details-action-item-wrapper form.cart td, .tp-product-details-action-item-wrapper form.cart label, .tp-product-details-action-item-wrapper form.cart p, .tp-product-details-action-item-wrapper form.cart a {
  font-family: var(--tp-ff-marcellus);
}
.tp-product-details-action-item-wrapper form.cart .reset_variations {
  margin-left: 10px;
}
.tp-product-details-action-item-wrapper form.cart .reset_variations:hover {
  color: red;
}
.tp-product-details-action-item-wrapper .price > span, .tp-product-details-action-item-wrapper .price del, .tp-product-details-action-item-wrapper .price ins {
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-marcellus);
}
.tp-product-details-action-item-wrapper .price del {
  font-size: 16px;
  color: #767A7D;
}
.tp-product-details-action-item-wrapper .price ins {
  text-decoration: none;
}

.flex-control-nav {
  margin-top: 20px;
}
.flex-control-nav li {
  margin: 0 5px;
}
.flex-control-nav li img {
  width: 100%;
  height: auto;
  border: 1px solid transparent;
}
.flex-control-nav li img.flex-active {
  border-color: var(--tp-theme-8);
}
.flex-control-nav li img:hover {
  cursor: pointer;
}

.acadia-shop-breadcrumb-title {
  font-family: var(--tp-ff-marcellus);
}

.acadia-shop-breadcrumb-list span {
  text-transform: capitalize;
  font-family: var(--tp-ff-marcellus);
}

.acadia-product-related-title {
  font-weight: 500;
  font-size: 55px;
  line-height: 1;
  margin-bottom: 6px;
  font-family: var(--tp-ff-marcellus);
}

.tp-product-details-dsc-wrap table.shop_attributes {
  border: 1px solid #E0E2E3;
  width: 100%;
  margin-top: 20px;
}
.tp-product-details-dsc-wrap table.shop_attributes tr, .tp-product-details-dsc-wrap table.shop_attributes td, .tp-product-details-dsc-wrap table.shop_attributes th {
  font-family: var(--tp-ff-marcellus);
}
.tp-product-details-dsc-wrap table.shop_attributes th, .tp-product-details-dsc-wrap table.shop_attributes td {
  padding: 0;
  line-height: 1.5;
  vertical-align: middle;
  border: 1px solid #ECEDED;
  text-align: left;
  background-color: transparent;
}
.tp-product-details-dsc-wrap table.shop_attributes th p, .tp-product-details-dsc-wrap table.shop_attributes td p {
  margin-bottom: 0;
}
.tp-product-details-dsc-wrap table.shop_attributes tr:not(:last-child) {
  border-bottom: 1px solid #ECEDED;
}
.tp-product-details-dsc-wrap table.shop_attributes tr th {
  font-size: 16px;
  color: var(--tp-common-black);
  background-color: #F9F9F9 !important;
  width: 306px;
  padding: 12px 34px;
  font-weight: 400;
}
.tp-product-details-dsc-wrap table.shop_attributes tr td {
  padding: 12px 34px;
}
.tp-product-details-dsc-wrap table.shop_attributes tr td:first-child {
  font-size: 16px;
  color: var(--tp-common-black);
  background-color: #F9F9F9;
  width: 306px;
}
.tp-product-details-dsc-wrap table.shop_attributes tr td:last-child {
  font-size: 16px;
  color: var(--tp-text-body);
}

.tp-product-details-dsc-title {
  margin-bottom: 15px;
}

/*rating icon*/
@font-face {
  font-family: star;
  src: url(../fonts/woo/star.eot);
  src: url(../fonts/woo/star.eot?#iefix) format("embedded-opentype"), url(../fonts/woo/star.woff) format("woff"), url(../fonts/woo/star.ttf) format("truetype"), url(../fonts/woo/star.svg#star) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: WooCommerce;
  src: url(../fonts/woo/WooCommerce.eot);
  src: url(../fonts/woo/WooCommerce.eot?#iefix) format("embedded-opentype"), url(../fonts/woo/WooCommerce.woff) format("woff"), url(../fonts/woo/WooCommerce.ttf) format("truetype"), url(../fonts/woo/WooCommerce.svg#WooCommerce) format("svg");
  font-weight: 400;
  font-style: normal;
}
.woocommerce p.stars a {
  position: relative;
  height: 1em;
  width: 1em;
  text-indent: -999em;
  display: inline-block;
  text-decoration: none;
  color: #1E1E1E;
}

.woocommerce p.stars a::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  line-height: 1;
  font-family: WooCommerce;
  content: "\e021";
  text-indent: 0;
  color: #FFB21D;
}

.woocommerce p.stars a:hover ~ a::before {
  content: "\e021";
}

.woocommerce p.stars:hover a::before {
  content: "\e020";
}

.woocommerce p.stars.selected a.active::before {
  content: "\e020";
}

.woocommerce p.stars.selected a.active ~ a::before {
  content: "\e021";
}

.woocommerce p.stars.selected a:not(.active)::before {
  content: "\e020";
}

.star-rating {
  position: relative;
  font-size: 0;
  width: 83px;
  overflow: hidden;
  line-height: 1.2;
  display: inline-block;
  color: #1E1E1E;
}
.star-rating span {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  font-size: 0;
  color: #1E1E1E;
}

.star-rating::before,
.star-rating span::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f005\f005\f005\f005\f005";
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #D9D9EA;
  font-size: 12px;
  font-weight: 700;
}

.star-rating span::before {
  color: #FFB21D;
}

.comment-form-rating {
  display: flex;
  align-items: center;
  margin: 20px 0;
}
.comment-form-rating:not(.user-logged-in) {
  margin-bottom: 20px;
}
.comment-form-rating label[for=rating] {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #5D5D63;
  margin-bottom: 25px;
  font-family: var(--tp-ff-marcellus);
  margin: 0;
  margin-right: 8px;
}
.comment-form-rating p {
  margin: 0;
  font-size: 14px;
  line-height: 1;
}

#review_form label:not([for=rating]) {
  font-size: 14px;
  color: #1E1E1E;
  font-family: var(--tp-ff-body);
  margin-bottom: 6px;
  display: inline-block;
}
#review_form textarea {
  height: 140px;
  resize: none;
}
#review_form textarea:focus {
  border-color: var(--tp-theme-8);
}

.is-grid-view > img {
  margin-bottom: 5px;
}

.tp-product-details-review-form .comment-form-rating .nice-select {
  display: none;
}

.tp-product-details-review-list .tp-product-details-review-avater-thumb {
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 20px;
  overflow: hidden;
}
.tp-product-details-review-list .tp-product-details-review-avater-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tp-product-details-review-list .tp-product-details-review-avater-content {
  flex-grow: 1;
}

.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot {
  color: #1E1E1E;
}

.tp-woo-order-payment-msg p {
  font-family: var(--tp-ff-marcellus);
  border-top: 4px solid #0989FF;
  background-color: rgba(9, 137, 255, 0.1);
  padding: 14px 26px;
  margin: 0;
  margin-bottom: 14px;
  color: var(--tp-common-black);
  font-size: 14px;
}
.tp-woo-order-payment-msg p a {
  font-weight: 500;
  color: #0989FF;
  margin-right: 5px;
}
.tp-woo-order-payment-msg p a:hover {
  color: #006fd5;
}
.tp-woo-order-payment-msg p span.highlight {
  display: inline-block;
  padding: 2px 10px;
  font-weight: 700;
  background-color: #0989FF;
  color: #fff;
}

.tp-woo-order-customer-details-item {
  padding: 40px 30px;
}

.tp-woo-payment-pending-table {
  overflow-x: auto;
}
.tp-woo-payment-pending-table table tbody > tr:nth-child(2n+1) > td,
.tp-woo-payment-pending-table table tbody > tr:nth-child(2n+1) > th {
  background-color: transparent;
}
.tp-woo-payment-pending-table table tbody tr:hover > td,
.tp-woo-payment-pending-table table tbody tr:hover > th {
  background-color: transparent;
}
.tp-woo-payment-pending-table table.shop_table {
  border: 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), only screen and (max-width: 767px) {
  .tp-woo-payment-pending-table table.shop_table {
    width: 840px;
  }
}
.tp-woo-payment-pending-table table.shop_table td {
  border: 0;
  padding: 0;
  vertical-align: middle;
}
.tp-woo-payment-pending-table table.shop_table td, .tp-woo-payment-pending-table table.shop_table th {
  font-family: var(--tp-ff-marcellus);
  border-color: rgba(30, 30, 30, 0.12);
}
.tp-woo-payment-pending-table table.shop_table thead {
  background-color: #F1F3F4;
}
.tp-woo-payment-pending-table table.shop_table thead:first-child tr:first-child th {
  border: 0;
}
.tp-woo-payment-pending-table table.shop_table thead tr th {
  font-weight: 700;
  font-size: 14px;
  color: var(--tp-common-black);
  border: 0 !important;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
  text-align: left;
  padding-left: 0;
  width: 240px;
}
.tp-woo-payment-pending-table table.shop_table thead tr th.product-name {
  padding-left: 30px;
  width: 44%;
}
.tp-woo-payment-pending-table table.shop_table thead tr th.product-remove-heading {
  width: 9%;
}
.tp-woo-payment-pending-table table.shop_table thead tr th.product-total {
  padding-left: 26px;
}
.tp-woo-payment-pending-table table.shop_table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tp-woo-payment-pending-table table.shop_table tbody tr .product-thumbnail {
  width: 10%;
  padding: 20px 0;
  padding-left: 30px;
  text-align: left;
}
.tp-woo-payment-pending-table table.shop_table tbody tr .product-thumbnail img {
  width: 85px !important;
}
.tp-woo-payment-pending-table table.shop_table tbody tr td, .tp-woo-payment-pending-table table.shop_table tbody tr th {
  border-color: rgba(30, 30, 30, 0.12);
}
.tp-woo-payment-pending-table table.shop_table tbody tr td {
  padding: 20px 0;
}
.tp-woo-payment-pending-table table.shop_table tbody tr td.product-name {
  padding-left: 30px;
  color: var(--tp-common-black);
}
.tp-woo-payment-pending-table table.shop_table tbody tr td.product-name a {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  color: var(--tp-common-black);
}
.tp-woo-payment-pending-table table.shop_table tbody tr td.product-name a:hover {
  color: var(--tp-theme-primary);
}
.tp-woo-payment-pending-table table.shop_table tbody tr td.product-name dl.variation {
  margin-left: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.tp-woo-payment-pending-table table.shop_table tbody tr td.product-name dl.variation dd.variation-Vendor {
  margin-bottom: 0;
}
.tp-woo-payment-pending-table table.shop_table tbody tr td.product-name dl.variation dd.variation-Vendor p {
  margin-bottom: 0;
  margin-left: 10px;
}
.tp-woo-payment-pending-table table.shop_table tbody tr td.product-name dt.variation-Size {
  margin-right: 5px;
}
.tp-woo-payment-pending-table table.shop_table tbody tr td.product-name dd.variation-Size {
  margin-left: 0;
}
.tp-woo-payment-pending-table table.shop_table tbody tr td.product-name dd.variation-Size p {
  display: inline-block;
  margin-bottom: 0;
}
.tp-woo-payment-pending-table table.shop_table tbody tr .product-subtotal span, .tp-woo-payment-pending-table table.shop_table tbody tr .product-price span {
  font-size: 16px;
  color: var(--tp-common-black);
}
.tp-woo-payment-pending-table table.shop_table tbody tr .product-remove a {
  font-weight: 400;
  font-size: 14px;
  color: #818487;
  text-decoration: none;
}
.tp-woo-payment-pending-table table.shop_table tbody tr .product-remove a:hover {
  color: red;
}
.tp-woo-payment-pending-table table.shop_table tbody tr .product-quantity {
  border-right: 1px solid rgba(30, 30, 30, 0.12);
}
.tp-woo-payment-pending-table table.shop_table tbody tr .product-quantity .tp-product-quantity .tp-cart-input[type=text] {
  height: 34px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #DADCE0;
  background-color: #fff;
  padding: 0 30px;
  border-radius: 20px;
}
.tp-woo-payment-pending-table table.shop_table tbody tr .product-subtotal {
  padding-left: 26px;
}
.tp-woo-payment-pending-table table.shop_table tbody tr td {
  text-align: left;
  padding-left: 0;
}
.tp-woo-payment-pending-table table.shop_table tfoot tr td, .tp-woo-payment-pending-table table.shop_table tfoot tr th {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 0;
  border-bottom: 1px solid rgba(30, 30, 30, 0.12);
}
.tp-woo-payment-pending-table table.shop_table tfoot tr th {
  text-align: left;
  padding-left: 30px;
  color: var(--tp-common-black);
  font-weight: 700;
  border-right: 1px solid rgba(30, 30, 30, 0.12);
}
.tp-woo-payment-pending-table table.shop_table tfoot tr td {
  padding-left: 26px;
  color: var(--tp-common-black);
}
.tp-woo-payment-pending-table table.shop_table tfoot tr td del {
  font-size: 13px;
  color: #767A7D;
  font-weight: 400;
}
.tp-woo-payment-pending-table table.shop_table tfoot tr td ins {
  text-decoration: none;
  font-weight: 700;
}
.tp-woo-payment-pending-table table.shop_table tfoot tr:last-child td {
  font-weight: 700;
}

.tp-woo-payment {
  padding: 40px 30px;
  background-color: var(--tp-common-white);
}
.tp-woo-payment-ul {
  padding-left: 0 !important;
}
.tp-woo-payment-item {
  list-style: none;
}
.tp-woo-payment-item:not(:last-child) {
  padding-bottom: 10px;
}
.tp-woo-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-woo-payment-item > input {
  display: none;
}
.tp-woo-payment-item > input:checked ~ label::after {
  border-color: var(--tp-common-black);
}
.tp-woo-payment-item > input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}
.tp-woo-payment-item > label {
  font-size: 14px;
  position: relative;
  padding-left: 27px;
  font-weight: 500;
  color: var(--tp-common-black);
}
.tp-woo-payment-item > label:hover {
  cursor: pointer;
}
.tp-woo-payment-item > label::after {
  position: absolute;
  content: "";
  left: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #BCBCBC;
}
.tp-woo-payment-item > label::before {
  position: absolute;
  content: "";
  left: 3px;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--tp-common-black);
  visibility: hidden;
  opacity: 0;
}
.tp-woo-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-woo-payment-item > label a {
  margin-left: 20px;
  position: relative;
}
.tp-woo-payment-item > label a::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 3px;
  width: 100%;
  height: 1px;
  background-color: var(--tp-common-black);
}
.tp-woo-payment-desc {
  position: relative;
  padding-top: 10px;
  display: none;
}
.tp-woo-payment-desc::after {
  position: absolute;
  content: "";
  left: 57px;
  top: 0;
  width: 16px;
  height: 16px;
  background-color: #fff;
  -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-woo-payment-desc p {
  background-color: #fff;
  padding: 19px 30px;
  margin-left: 27px;
  font-size: 14px;
  line-height: 1.57;
  color: #55585B;
  margin-bottom: 0;
  font-family: var(--tp-ff-marcellus);
}
.tp-woo-payment .woocommerce-privacy-policy-text p {
  font-size: 14px;
  line-height: 1.57;
  font-family: var(--tp-ff-marcellus);
}
.tp-woo-payment .woocommerce-privacy-policy-text p a {
  color: var(--tp-common-black);
  text-decoration: underline;
}

.tp-woo-input-field label {
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-marcellus);
}
.tp-woo-input-field label .required {
  color: red;
}
.tp-woo-input-field label .optional {
  color: gray;
}
.tp-woo-input-field input[type]:not([type=checkbox], [type=radio]), .tp-woo-input-field textarea {
  width: 100%;
  background: #FFFFFF;
  outline: 0;
  box-shadow: none;
  border: 1px solid #D5D8DB;
  color: var(--tp-common-black);
  height: 50px;
  line-height: 56px;
  border-radius: 0;
}
.tp-woo-input-field input[type]:not([type=checkbox], [type=radio]):focus, .tp-woo-input-field textarea:focus {
  border-color: var(--tp-common-black);
}
[dir=rtl] .tp-woo-input-field input[type],
[dir=rtl] .tp-woo-input-field textarea {
  text-align: right;
}
.tp-woo-input-field textarea {
  line-height: 1.3;
  height: 200px;
  resize: none;
}
.tp-woo-input-field fieldset {
  margin-top: 50px;
  font-family: var(--tp-ff-marcellus);
}
.tp-woo-input-field fieldset legend {
  font-weight: 500;
  margin-bottom: 15px;
  color: var(--tp-common-black);
}
.tp-woo-input-field p > span {
  font-size: 14px;
  font-family: var(--tp-ff-marcellus);
}

.woosw-list {
  padding: 40px 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .woosw-list {
    overflow-x: auto;
  }
}

.woosw-items {
  width: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (max-width: 767px) {
  .woosw-items {
    width: 800px;
  }
}
.woosw-items .woosw-item--info {
  text-align: left;
}
.woosw-items .woosw-item--info a {
  color: var(--tp-common-black);
  font-weight: 600;
  text-decoration: none;
  font-family: var(--tp-ff-marcellus);
  font-size: 17px;
}
.woosw-items .woosw-item--info a:hover {
  color: var(--tp-theme-8);
}
.woosw-items .woosw-item--actions {
  width: 10%;
}
.woosw-items .woosw-item--actions .woosw-item--atc p {
  justify-content: center;
}
.woosw-items .woosw-item--price > span, .woosw-items .woosw-item--price del, .woosw-items .woosw-item--price ins {
  font-family: var(--tp-ff-marcellus);
  font-size: 14px;
  color: var(--tp-common-black);
}
.woosw-items .woosw-item--price del {
  font-size: 13px;
  color: #767A7D;
}
.woosw-items .woosw-item--price ins {
  text-decoration: none;
}
.woosw-items tbody tr td {
  background-color: #fff;
}
.woosw-items tbody tr:nth-child(2n) td {
  background-color: #f6f6f6 !important;
}
.woosw-items tbody tr:hover td, .woosw-items tbody tr:nth-child(2n):hover td {
  background-color: #fafafa !important;
}

.woosw-popup-content-mid-message {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-black);
}

.woosw-copy {
  flex-wrap: wrap;
}
.woosw-copy-label {
  font-size: 16px;
  font-family: var(--tp-ff-marcellus);
  color: var(--tp-common-black);
}
@media only screen and (max-width: 767px) {
  .woosw-copy-url {
    margin-left: 0 !important;
    margin-top: 15px;
  }
}
.woosw-copy-url input[type=url] {
  height: 40px;
  line-height: 40px;
}
.woosw-copy .woosw_copy_btn:focus {
  border-color: var(--tp-theme-8) !important;
}
.woosw-copy-btn button.button {
  font-family: var(--tp-ff-marcellus);
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  border: 0;
  border-radius: 0;
  padding: 6px 20px;
  margin-left: 15px;
}
@media only screen and (max-width: 767px) {
  .woosw-copy-btn button.button {
    margin-left: 0;
    margin-top: 15px;
  }
}
.woosw-copy-btn button.button:hover {
  background-color: var(--tp-theme-8);
}

.tp-login-wrapper p {
  font-size: 16px;
  line-height: 1.4;
  font-family: var(--tp-ff-marcellus);
}

.woocommerce-Price-currencySymbol {
  margin-right: 2px;
}

.woosw-popup .woosw-popup-inner {
  height: 100vh;
}

div.tpwvs-attr-image {
  width: 80px;
  max-width: 80px;
  height: 74px;
}

span.tpwvs-attr-button {
  color: #343434;
  padding: 15px 30px;
  font-size: 17px;
  font-family: var(--tp-ff-marcellus);
}

.tp-page-post .woocommerce .profile__tab ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.tp-page-post .woocommerce .profile__tab ul li.is-active {
  background-color: rgba(0, 107, 97, 0.1);
  color: var(--tp-theme-8);
}
.tp-page-post .woocommerce .woocommerce-info a:hover {
  color: var(--tp-theme-8);
}

.cartmini__area a.button,
.cartmini__area .cartmini__empty a {
  font-size: 15px;
  padding: 10px 30px;
  text-align: center;
  border-radius: 50px;
  text-transform: capitalize;
  color: var(--tp-common-white);
  font-weight: 500;
  display: inline-block;
  transition: all 0.3s 0s ease-out;
  background-color: var(--tp-dashboard-primary);
  border: 1px solid var(--tp-dashboard-primary);
  width: 100%;
}
.cartmini__area a.button:hover,
.cartmini__area .cartmini__empty a:hover {
  background-color: var(--tp-heading-primary);
  border: 1px solid var(--tp-heading-primary);
}
.cartmini__area a.button.checkout,
.cartmini__area .cartmini__empty a.checkout {
  margin-top: 15px;
  background-color: transparent;
  border: 1px solid var(--tp-heading-primary);
  color: var(--tp-heading-primary);
}
.cartmini__area a.button.checkout:hover,
.cartmini__area .cartmini__empty a.checkout:hover {
  background-color: var(--tp-heading-primary);
  color: var(--tp-common-white);
}

.tp-shop-widget-filter-info span {
  color: var(--tp-theme-8);
  padding: 0;
  border: 0;
  font-weight: 500;
  font-size: 14px;
}

.tp-woo-empty-cart {
  text-align: center;
  margin: 40px 0;
}

.tp-acadia-woo-cart table {
  border: none;
  width: 100%;
}
.tp-acadia-woo-cart table th,
.tp-acadia-woo-cart table td {
  border: none;
}
.tp-acadia-woo-cart table th,
.tp-acadia-woo-cart table td {
  text-align: start !important;
}
.tp-acadia-woo-cart table th a,
.tp-acadia-woo-cart table td a {
  margin: 0;
}
.tp-acadia-woo-cart table th {
  padding: 12px 14px;
}
.tp-acadia-woo-cart table .woocommerce-cart-form__cart-item {
  border-bottom: 1px solid #E0E2E3;
}
.tp-acadia-woo-cart table .woocommerce-cart-form__cart-item .product-thumbnail {
  width: 105px;
}
.tp-acadia-woo-cart table .woocommerce-cart-form__cart-item .product-name a {
  color: var(--tp-common-black);
  text-decoration: none;
  font-size: 15px;
  transition: 0.3s ease-in-out;
}
.tp-acadia-woo-cart table .woocommerce-cart-form__cart-item .product-name a:hover {
  color: var(--tp-theme-8);
}
.tp-acadia-woo-cart table .woocommerce-cart-form__cart-item .woocommerce-Price-amount.amount {
  font-size: 16px;
  color: var(--tp-common-black);
}
.tp-acadia-woo-cart table .woocommerce-cart-form__cart-item .tp-cart-input[type=text] {
  width: 85%;
  border-radius: 30px;
  background: transparent;
  border: 1px solid #DADCE0;
}
@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-acadia-woo-cart table .woocommerce-cart-form__cart-item .tp-cart-input[type=text] {
    width: 100px;
  }
}
.tp-acadia-woo-cart table .woocommerce-cart-form__cart-item .qty_button.plus.tp-cart-plus {
  right: 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-acadia-woo-cart table .woocommerce-cart-form__cart-item .qty_button.plus.tp-cart-plus {
    right: 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-acadia-woo-cart table .woocommerce-cart-form__cart-item .tp-cart-minus {
    left: 8px;
  }
}
.tp-acadia-woo-cart table .woocommerce-cart-form__cart-item .product-remove .remove {
  font-weight: 400;
  font-size: 15px;
  color: #818487;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}
.tp-acadia-woo-cart table .woocommerce-cart-form__cart-item .product-remove .remove:hover {
  color: var(--tp-common-black);
}
.tp-acadia-woo-cart .tp-woo-cart-coupon {
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.tp-acadia-woo-cart .tp-woo-cart-coupon .tp-cart-update-btn.button {
  background-color: var(--tp-theme-8);
  color: var(--tp-common-white);
}
.tp-acadia-woo-cart .tp-woo-cart-coupon .tp-cart-update-btn.button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.tp-acadia-woo-cart .tp-cart-checkout-wrapper h2 {
  font-size: 20px;
  color: var(--tp-common-black);
  font-weight: 500;
  text-transform: capitalize;
}
.tp-acadia-woo-cart .tp-cart-checkout-wrapper .shop_table.shop_table_responsive {
  border-top: 1px solid #E0E2E3;
  padding-top: 15px;
  margin-top: 20px;
  border-bottom: 1px solid #E0E2E3;
}
.tp-acadia-woo-cart .tp-cart-checkout-wrapper .cart-subtotal {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-heading-primary);
}
.tp-acadia-woo-cart .tp-cart-checkout-wrapper .order-total th {
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-common-black);
}
.tp-acadia-woo-cart .tp-cart-checkout-wrapper .order-total .woocommerce-Price-amount {
  font-size: 16px;
  color: var(--tp-common-black);
  font-weight: 400;
}
.tp-acadia-woo-cart .tp-cart-checkout-wrapper .tp-btn.checkout-button {
  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;
  border: none;
  border-radius: 0;
  transition: 0.3s ease-in-out;
}
.tp-acadia-woo-cart .tp-cart-checkout-wrapper .tp-btn.checkout-button:hover {
  background-color: var(--tp-theme-8);
  color: var(--tp-common-white);
}

.woocommerce-checkout .tp-page-area {
  background-color: #eff1f5;
}
.woocommerce-checkout .tp-page-area .woocommerce-form-coupon-toggle,
.woocommerce-checkout .tp-page-area .woocommerce-form-login-toggle {
  margin-bottom: 30px;
}
.woocommerce-checkout .tp-page-area .woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-checkout .tp-page-area .woocommerce-form-login-toggle .woocommerce-info {
  font-size: 14px;
  color: var(--tp-common-black);
  margin-bottom: 0;
  display: inline-block;
  border: 1px dashed #AAB0B2;
  padding: 8px 26px;
  width: 100%;
  background: transparent;
}
.woocommerce-checkout .tp-page-area .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon,
.woocommerce-checkout .tp-page-area .woocommerce-form-coupon-toggle .woocommerce-info .showlogin,
.woocommerce-checkout .tp-page-area .woocommerce-form-login-toggle .woocommerce-info .showcoupon,
.woocommerce-checkout .tp-page-area .woocommerce-form-login-toggle .woocommerce-info .showlogin {
  color: var(--tp-theme-8);
  text-decoration: underline;
}
.woocommerce-checkout .tp-page-area .woocommerce-form.woocommerce-form-login {
  padding: 40px 40px;
  background-color: var(--tp-common-white);
  margin-bottom: 25px;
}
.woocommerce-checkout .tp-page-area .woocommerce-form.woocommerce-form-login .lost_password a {
  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;
}
.woocommerce-checkout .tp-page-area .woocommerce-form.woocommerce-form-login .lost_password a:hover {
  background-color: var(--tp-common-black);
}
.woocommerce-checkout .tp-page-area .woocommerce-form.woocommerce-form-login p label {
  margin-bottom: 15px;
  color: var(--tp-common-black);
}
.woocommerce-checkout .tp-page-area .woocommerce-form.woocommerce-form-login p input:focus {
  border-color: var(--tp-theme-8);
}
.woocommerce-checkout .tp-page-area .woocommerce-form.woocommerce-form-login .woocommerce-form-login__submit:hover {
  color: var(--tp-theme-8);
}
.woocommerce-checkout .tp-page-area .checkout_coupon.tp-return-customer {
  margin-bottom: 25px;
}
.woocommerce-checkout .tp-page-area .tp-woo-checkout-customer-details {
  padding: 45px 40px 24px;
  background-color: var(--tp-common-white);
}
.woocommerce-checkout .tp-page-area .tp-woo-checkout-customer-details .woocommerce-billing-fields h3 {
  font-weight: 600;
  font-size: 26px;
  margin-bottom: 35px;
}
.woocommerce-checkout .tp-page-area .tp-woo-checkout-customer-details .woocommerce-billing-fields__field-wrapper label {
  font-size: 15px;
  margin-bottom: 5px;
  text-transform: capitalize;
}
.woocommerce-checkout .tp-page-area .order-review-wrapper {
  padding: 44px 50px 50px;
}
.woocommerce-checkout .tp-page-area .order-review-wrapper table.woocommerce-checkout-review-order-table {
  border: none;
  width: 100%;
}
.woocommerce-checkout .tp-page-area .order-review-wrapper table.woocommerce-checkout-review-order-table thead {
  border-bottom: 1px solid #E0E2E3;
}
.woocommerce-checkout .tp-page-area .order-review-wrapper table.woocommerce-checkout-review-order-table thead .product-name,
.woocommerce-checkout .tp-page-area .order-review-wrapper table.woocommerce-checkout-review-order-table thead .product-total {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--tp-common-black);
}
.woocommerce-checkout .tp-page-area .order-review-wrapper table.woocommerce-checkout-review-order-table th,
.woocommerce-checkout .tp-page-area .order-review-wrapper table.woocommerce-checkout-review-order-table td {
  border: none;
}
.woocommerce-checkout .tp-page-area .order-review-wrapper table.woocommerce-checkout-review-order-table tr,
.woocommerce-checkout .tp-page-area .order-review-wrapper table.woocommerce-checkout-review-order-table th,
.woocommerce-checkout .tp-page-area .order-review-wrapper table.woocommerce-checkout-review-order-table td {
  padding-left: 0;
  padding-right: 0;
}
.woocommerce-checkout .tp-page-area .order-review-wrapper table.woocommerce-checkout-review-order-table td {
  text-align: end;
}
.woocommerce-checkout .tp-page-area .order-review-wrapper table.woocommerce-checkout-review-order-table .cart_item {
  border-bottom: 1px solid #E0E2E3;
  padding-bottom: 12px;
}
.woocommerce-checkout .tp-page-area .order-review-wrapper table.woocommerce-checkout-review-order-table .product-name {
  font-size: 15px;
  color: #57595F;
  justify-content: start;
}
.woocommerce-checkout .tp-page-area .order-review-wrapper table.woocommerce-checkout-review-order-table .product-name .product-quantity {
  color: var(--tp-common-black);
}
.woocommerce-checkout .tp-page-area .order-review-wrapper table.woocommerce-checkout-review-order-table .woocommerce-Price-amount.amount {
  font-size: 14px;
  color: var(--tp-common-black);
}
.woocommerce-checkout .tp-page-area .order-review-wrapper table.woocommerce-checkout-review-order-table .cart-subtotal {
  border-bottom: 1px solid #E0E2E3;
}
.woocommerce-checkout .tp-page-area .order-review-wrapper table.woocommerce-checkout-review-order-table .cart-subtotal th {
  text-align: start;
  font-size: 15px;
  color: var(--tp-common-black);
}
.woocommerce-checkout .tp-page-area .order-review-wrapper table.woocommerce-checkout-review-order-table .cart-subtotal td {
  text-align: end;
}
.woocommerce-checkout .tp-page-area .order-review-wrapper table.woocommerce-checkout-review-order-table .cart-subtotal td .woocommerce-Price-amount.amount {
  color: var(--tp-theme-8);
  font-size: 15px;
}
.woocommerce-checkout .tp-page-area .order-review-wrapper table.woocommerce-checkout-review-order-table .order-total th {
  text-align: start;
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-black);
  padding-bottom: 0;
}
.woocommerce-checkout .tp-page-area .order-review-wrapper table.woocommerce-checkout-review-order-table .order-total td {
  text-align: end;
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-black);
  padding-bottom: 0;
}
.woocommerce-checkout .tp-page-area .order-review-wrapper .payment_methods.methods {
  padding-left: 0;
  padding-bottom: 18px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e0e2e3;
  list-style: none;
}
.woocommerce-checkout .tp-page-area .order-review-wrapper .payment_methods.methods label {
  font-size: 14px;
  position: relative;
  padding-left: 27px;
  font-weight: 500;
  color: var(--tp-common-black);
}
.woocommerce-checkout .tp-page-area .order-review-wrapper .payment_methods.methods .tp-woo-payment-item > label::before {
  background-color: var(--tp-theme-8);
}
.woocommerce-checkout .tp-page-area .order-review-wrapper .payment_methods.methods .tp-woo-payment-item > input:checked ~ label::after {
  border-color: var(--tp-theme-8);
}
.woocommerce-checkout .tp-page-area .order-review-wrapper .woocommerce-privacy-policy-text p {
  font-size: 14px;
}
.woocommerce-checkout .tp-page-area .order-review-wrapper .woocommerce-privacy-policy-text p a {
  color: var(--tp-theme-8);
  text-decoration: none;
}
.woocommerce-checkout .tp-page-area .order-review-wrapper .woocommerce-checkout-payment button {
  border-radius: 0;
  border: 0;
  outline: 0;
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-white);
  padding: 11px 45px;
  background-color: var(--tp-theme-8);
  margin-bottom: 15px;
}
.woocommerce-checkout .tp-page-area .order-review-wrapper .woocommerce-checkout-payment button:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}

.woocommerce .return-to-shop a {
  background-color: var(--tp-theme-8);
  border-color: var(--tp-theme-8);
}

body[class*=woocommerce-] .wc-block-cart:has(span, h1, h2, h3, h4, h5, h6, p, a, button, input, label, select, .wc-block-cart__totals-title, .wc-block-components-product-metadata__description, .wc-block-checkout__sidebar, .wc-block-components-checkout-step__title, .wc-block-components-checkout-step__description, .wc-block-components-checkout-step__description),
body[class*=woocommerce-] .wc-block-checkout:has(span, h1, h2, h3, h4, h5, h6, p, a, button, input, label, select, .wc-block-cart__totals-title, .wc-block-components-product-metadata__description, .wc-block-checkout__sidebar, .wc-block-components-checkout-step__title, .wc-block-components-checkout-step__description, .wc-block-components-checkout-step__description) {
  font-family: var(--tp-ff-marcellus);
}
body[class*=woocommerce-] .wc-block-components-notice-banner > .wc-block-components-button .wc-block-components-button__text {
  padding: 0;
  border: 0;
  background-color: transparent;
}
body[class*=woocommerce-] .wc-block-components-checkout-step__description,
body[class*=woocommerce-] .wc-block-components-checkout-step__title {
  font-family: var(--tp-ff-marcellus);
}
body[class*=woocommerce-] .wc-block-components-product-metadata__description > p {
  font-family: var(--tp-ff-primary);
  color: var(--tp-grey-3);
  font-size: 15px;
  margin-bottom: 30px;
  line-height: 24px;
}
body[class*=woocommerce-] .is-large.wc-block-cart .wc-block-cart-items td {
  padding: 16px 0 16px 0;
  position: relative;
  vertical-align: top;
  font-family: var(--tp-ff-marcellus);
}
body[class*=woocommerce-] .wc-block-cart-item__wrap {
  margin-left: 20px;
  text-align: left;
}
body[class*=woocommerce-] .wc-block-components-product-name {
  margin-right: 30px;
  font-weight: 400;
  font-size: 20px;
  color: var(--tp-common-black);
  line-height: 1.3;
  margin-bottom: 7px;
  text-decoration: none;
  font-family: var(--tp-ff-marcellus);
  transition: 0.2s linear;
}
@media only screen and (max-width: 767px) {
  body[class*=woocommerce-] .wc-block-components-product-name {
    margin-right: 0;
  }
}
body[class*=woocommerce-] .wc-block-components-product-name:hover {
  color: var(--tp-theme-8);
}
body[class*=woocommerce-] a.wc-block-components-product-name:hover {
  text-decoration: none;
}
body[class*=woocommerce-] .wc-block-components-product-price {
  display: flex;
  font-size: 16px;
  color: var(--tp-common-black);
  gap: 7px;
}
body[class*=woocommerce-] .wc-block-components-product-price del {
  font-size: 15px;
  color: var(--tp-text-body);
}
body[class*=woocommerce-] .wc-block-components-product-price .wc-block-components-product-price__value.is-discounted {
  margin-left: 0;
}
body[class*=woocommerce-] .wc-block-components-quantity-selector {
  border-radius: 20px;
  pad: 0 30px;
  width: 100px;
}
body[class*=woocommerce-] .wc-block-components-sidebar-layout .wc-block-components-main {
  padding-right: 20px;
  width: 60%;
}
body[class*=woocommerce-] .wc-block-components-sidebar {
  padding-left: 40px;
  width: 40%;
}
body[class*=woocommerce-] .wc-block-components-radio-control .wc-block-components-radio-control__input {
  left: 0;
}
body[class*=woocommerce-] .wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices {
  padding-top: 0;
}
body[class*=woocommerce-] .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link {
  color: var(--tp-common-black);
  text-decoration: underline;
}
body[class*=woocommerce-] table.wc-block-cart-items td,
body[class*=woocommerce-] table.wc-block-cart-items th {
  border-bottom: 1px solid #E0E2E3;
}
body[class*=woocommerce-] .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product,
body[class*=woocommerce-] .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product,
body[class*=woocommerce-] .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product {
  padding-bottom: 20px;
}
body[class*=woocommerce-] .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label,
body[class*=woocommerce-] .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label {
  left: 26px;
}
@media only screen and (max-width: 767px) {
  body[class*=woocommerce-] .wc-block-components-order-summary .wc-block-components-order-summary-item__description {
    flex: 0 0 calc(100% - 70px);
  }
}
@media only screen and (max-width: 767px) {
  body[class*=woocommerce-] .wc-block-components-order-summary .wc-block-components-order-summary-item__total-price {
    margin-top: 20px;
    margin-left: 94px;
    flex: 0 0 calc(100% - 70px);
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  body[class*=woocommerce-] .wc-block-components-order-summary .wc-block-components-order-summary-item {
    flex-wrap: wrap;
  }
}
body[class*=woocommerce-] .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
body[class*=woocommerce-] .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input {
  padding: 1.5em 26px 0.5em;
  border-radius: 0;
}
body[class*=woocommerce-] .is-medium.wc-block-components-sidebar-layout .wc-block-components-main,
body[class*=woocommerce-] .is-medium.wc-block-components-sidebar-layout .wc-block-components-sidebar,
body[class*=woocommerce-] .is-mobile.wc-block-components-sidebar-layout .wc-block-components-main,
body[class*=woocommerce-] .is-mobile.wc-block-components-sidebar-layout .wc-block-components-sidebar,
body[class*=woocommerce-] .is-small.wc-block-components-sidebar-layout .wc-block-components-main,
body[class*=woocommerce-] .is-small.wc-block-components-sidebar-layout .wc-block-components-sidebar {
  padding: 0;
  width: 100%;
}
body[class*=woocommerce-] .wc-block-components-order-summary .wc-block-components-order-summary-item__image {
  width: 70px;
}
body[class*=woocommerce-] .wc-block-components-order-summary .wc-block-components-order-summary-item__image > img {
  max-width: 70px;
  width: 70px;
}
body[class*=woocommerce-] .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
  min-width: 30px;
  text-align: center;
  border-radius: 30px;
  width: 100%;
  height: 34px;
}
body[class*=woocommerce-] .wc-block-components-quantity-selector::after {
  border: 1px solid #DADCE0;
  border-radius: 20px;
  opacity: 1;
}
body[class*=woocommerce-] .wc-block-components-product-badge {
  border: 1px solid rgba(49, 183, 87, 0.1);
  background-color: rgba(49, 183, 87, 0.14);
  border-radius: 20px;
  font-weight: 600;
  padding: 0 10px;
  color: #31B757;
}
body[class*=woocommerce-] .wc-block-components-quantity-selector > button:focus {
  border: 0;
  outline: 0;
  box-shadow: none;
}
body[class*=woocommerce-] .wc-block-components-totals-coupon-link {
  color: #1E1E1E;
}
body[class*=woocommerce-] .wc-block-components-totals-coupon-link:hover {
  color: #1E1E1E;
}
body[class*=woocommerce-] .wc-block-components-button__text {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-white) !important;
  background-color: var(--tp-common-black);
  display: inline-block;
  padding: 15px 30px;
  text-align: center;
  width: 100%;
  transition: 0.3s linear;
}
body[class*=woocommerce-] .wc-block-components-button__text:hover {
  background-color: var(--tp-theme-8) !important;
}
body[class*=woocommerce-] .wc-block-components-form {
  background: rgb(239, 241, 245);
  padding: 30px 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) {
  body[class*=woocommerce-] .wc-block-components-form {
    padding: 15px;
  }
}
body[class*=woocommerce-] .wc-block-components-panel__button {
  font-size: 14px !important;
  font-weight: 600;
}
body[class*=woocommerce-] .wc-block-components-form .wc-block-components-text-input input[type=email],
body[class*=woocommerce-] .wc-block-components-form .wc-block-components-text-input input[type=number],
body[class*=woocommerce-] .wc-block-components-form .wc-block-components-text-input input[type=tel],
body[class*=woocommerce-] .wc-block-components-form .wc-block-components-text-input input[type=text],
body[class*=woocommerce-] .wc-block-components-form .wc-block-components-text-input input[type=url],
body[class*=woocommerce-] .wc-block-components-text-input input[type=email],
body[class*=woocommerce-] .wc-block-components-text-input input[type=number],
body[class*=woocommerce-] .wc-block-components-text-input input[type=tel],
body[class*=woocommerce-] .wc-block-components-text-input input[type=text],
body[class*=woocommerce-] .wc-block-components-text-input input[type=url] {
  background-color: #fff;
  border: 1px solid #D5D8DB;
  border-radius: 0;
  color: var(--tp-common-black);
  padding-left: 26px;
  padding-right: 26px;
  font-family: var(--tp-ff-marcellus);
}
body[class*=woocommerce-] .wc-block-components-form .wc-block-components-text-input input[type=email]:focus,
body[class*=woocommerce-] .wc-block-components-form .wc-block-components-text-input input[type=number]:focus,
body[class*=woocommerce-] .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus,
body[class*=woocommerce-] .wc-block-components-form .wc-block-components-text-input input[type=text]:focus,
body[class*=woocommerce-] .wc-block-components-form .wc-block-components-text-input input[type=url]:focus,
body[class*=woocommerce-] .wc-block-components-text-input input[type=email]:focus,
body[class*=woocommerce-] .wc-block-components-text-input input[type=number]:focus,
body[class*=woocommerce-] .wc-block-components-text-input input[type=tel]:focus,
body[class*=woocommerce-] .wc-block-components-text-input input[type=text]:focus,
body[class*=woocommerce-] .wc-block-components-text-input input[type=url]:focus {
  box-shadow: none;
  border-color: var(--tp-theme-8);
}
body[class*=woocommerce-] .wc-block-components-form .wc-block-components-text-input label,
body[class*=woocommerce-] .wc-block-components-text-input label {
  left: 26px;
  transform: translateY(19px);
}
body[class*=woocommerce-] .wc-block-components-form .wc-block-components-text-input input:autofill + label,
body[class*=woocommerce-] .wc-block-components-form .wc-block-components-text-input.is-active label,
body[class*=woocommerce-] .wc-block-components-text-input input:autofill + label,
body[class*=woocommerce-] .wc-block-components-text-input.is-active label {
  transform: translateY(8px) scale(0.875);
}
body[class*=woocommerce-] .wc-block-grid.wp-block-product-new.wc-block-product-new {
  margin-top: 30px;
}
body[class*=woocommerce-] .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,
body[class*=woocommerce-] .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true],
body[class*=woocommerce-] .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,
body[class*=woocommerce-] .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true] {
  background-color: #fff;
  box-shadow: none;
  color: var(--tp-common-black);
  outline: 0;
}
body[class*=woocommerce-] .wc-block-components-validation-error > p {
  color: red;
  font-size: 13px;
  margin: 0;
  margin-top: 2px;
  line-height: 1;
  font-family: var(--tp-ff-marcellus);
}
body[class*=woocommerce-] .wc-block-components-form .wc-block-components-text-input.has-error label,
body[class*=woocommerce-] .wc-block-components-text-input.has-error label {
  color: red;
}
body[class*=woocommerce-] .wc-block-components-checkout-return-to-cart-button {
  font-weight: 600;
}
body[class*=woocommerce-] .wc-block-components-checkout-return-to-cart-button:hover {
  color: var(--tp-theme-8);
  text-decoration: none;
}
body[class*=woocommerce-] .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link,
body[class*=woocommerce-] table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link,
body[class*=woocommerce-] .wc-block-cart-item__remove-link {
  font-size: 13px !important;
  line-height: 1.4;
  text-decoration: none;
  padding-left: 18px;
  font-weight: 600 !important;
}
body[class*=woocommerce-] .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover,
body[class*=woocommerce-] table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover,
body[class*=woocommerce-] .wc-block-cart-item__remove-link:hover {
  color: red;
}
body[class*=woocommerce-] .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
  position: relative;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #818487 !important;
}
body[class*=woocommerce-] .wc-block-cart-item__quantity .wc-block-cart-item__remove-link::before {
  position: absolute;
  content: "\f00d";
  color: #818487;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-family: "Font Awesome 6 Pro";
  font-size: 15px;
}
body[class*=woocommerce-] .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover {
  color: red !important;
}
body[class*=woocommerce-] .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover::before {
  color: red;
}
body[class*=woocommerce-] .wc-block-components-product-details__name,
body[class*=woocommerce-] .wc-block-components-product-details__value {
  font-size: 14px;
  color: var(--tp-common-black);
}
body[class*=woocommerce-] .wc-block-components-product-details__value {
  font-size: 14px;
  color: var(--tp-common-black);
  margin-left: 4px;
}
body[class*=woocommerce-] .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
  font-size: 20px;
  font-weight: 500;
  opacity: 1;
}
body[class*=woocommerce-] .wc-block-grid .wc-block-grid__product-onsale,
body[class*=woocommerce-] .wc-block-grid__product-image .wc-block-grid__product-onsale {
  border: none;
  border-radius: 0;
  display: inline-block;
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  text-transform: capitalize;
  background-color: #1E1E1E;
  color: var(--tp-common-white);
  padding: 4px 10px 4px;
  margin-bottom: 5px;
  right: auto;
  left: 20px;
  top: 20px;
}
body[class*=woocommerce-] .is-medium.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title,
body[class*=woocommerce-] .is-mobile.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title,
body[class*=woocommerce-] .is-small.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title {
  display: block;
}
body[class*=woocommerce-] .wc-block-cart .wc-block-cart__totals-title {
  display: block;
  text-align: center;
  font-size: 20px;
  color: var(--tp-common-black);
  padding-bottom: 20px;
  padding-top: 0px;
}
body[class*=woocommerce-] .wc-block-components-radio-control--highlight-checked::after {
  display: none;
}
body[class*=woocommerce-] .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus {
  outline: 0;
}
body[class*=woocommerce-] .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
  color: var(--tp-common-black);
}
body[class*=woocommerce-] .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:focus {
  box-shadow: none;
  outline: none;
}
body[class*=woocommerce-] .wc-block-components-radio-control .wc-block-components-radio-control__input:focus {
  outline: 0;
}
body[class*=woocommerce-] .wc-block-components-address-card__edit {
  font-size: 14px;
  line-height: 1.4;
  color: var(--tp-common-black);
}
body[class*=woocommerce-] .wc-block-components-address-card__edit:hover {
  color: var(--tp-common-black);
}
body[class*=woocommerce-] .wc-block-components-radio-control__secondary-label {
  font-size: 14px;
  color: var(--tp-common-black);
}
body[class*=woocommerce-] .wc-block-checkout__add-note .wc-block-components-textarea:focus {
  background-color: #fff;
  box-shadow: none;
  color: var(--tp-common-black);
  outline: 0;
}
body[class*=woocommerce-] .wc-block-checkout__add-note .wc-block-components-textarea:focus:focus {
  border-color: var(--tp-theme-8);
}
body[class*=woocommerce-] .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
body[class*=woocommerce-] .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
  border-radius: 0;
  box-shadow: none;
}
body[class*=woocommerce-] .edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,
body[class*=woocommerce-] .editor-styles-wrapper .wc-block-grid__product-title,
body[class*=woocommerce-] .wc-block-grid__product-title {
  margin-bottom: 7px;
  font-size: 22px;
  font-weight: 500;
  color: var(--tp-theme-6);
}
body[class*=woocommerce-] .edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title:hover,
body[class*=woocommerce-] .editor-styles-wrapper .wc-block-grid__product-title:hover,
body[class*=woocommerce-] .wc-block-grid__product-title:hover {
  color: var(--tp-theme-8);
}
body[class*=woocommerce-] .wc-block-grid__product-price.price span {
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-black);
}
body[class*=woocommerce-] .wc-block-grid__product-price.price del, body[class*=woocommerce-] .wc-block-grid__product-price.price ins {
  text-decoration: none;
}
body[class*=woocommerce-] .wc-block-grid__product-price.price del {
  margin-left: 3px;
}
body[class*=woocommerce-] .wc-block-grid__product-price.price del span {
  font-weight: 400;
  font-size: 13px;
  text-decoration-line: line-through;
  color: var(--tp-text-body);
}
body[class*=woocommerce-] .wc-block-grid__product-price.price ins span {
  color: var(--tp-common-black);
}
body[class*=woocommerce-] .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
  font-size: 12px;
  padding: 1px 20px 2px;
}
body[class*=woocommerce-] .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover {
  background-color: #1E1E1E;
  color: var(--tp-common-white);
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus {
  box-shadow: none;
  box-shadow: none;
  outline: none;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus-visible {
  box-shadow: none;
  box-shadow: none;
  outline: none;
  border: 0;
}

body[class*=woocommerce-]:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus {
  box-shadow: none;
  box-shadow: none;
  outline: none;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover {
  color: var(--tp-theme-8);
}

div .wc-block-components-order-summary .wc-block-components-order-summary__button-text {
  font-weight: 600;
}

div .wc-block-components-totals-item__description {
  font-size: 15px;
  width: 100%;
}

.wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block.is-large {
  margin-bottom: 0;
}

.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block {
  margin: 0 !important;
}

.wc-block-components-totals-item.wc-block-components-totals-footer-item,
.wc-block-components-totals-item {
  color: #000;
}

.wc-block-components-totals-item .wc-block-components-totals-item__label {
  font-size: 15px;
  font-weight: 500;
}

.tp-woo-myaccount-login-title {
  font-weight: 500;
  font-size: 30px;
  margin-bottom: 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-woo-myaccount-register {
    margin-top: 50px;
  }
}
.tp-woo-myaccount-navigation ul {
  padding: 0 !important;
  margin: 0 0 25px !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.tp-woo-myaccount-navigation ul li {
  list-style: none;
}
.tp-woo-myaccount-navigation ul li:last-child a {
  border-right: 1px solid #E0E2E3;
}
.tp-woo-myaccount-navigation ul li a {
  display: inline-block;
  border: 1px solid #E0E2E3;
  padding: 5px 20px;
  margin: -1px 0 -1px -1px;
}
.tp-woo-myaccount-navigation ul li.is-active a, .tp-woo-myaccount-navigation ul li.is-active a:hover {
  background-color: var(--tp-common-black);
  border-color: var(--tp-common-black) !important;
  color: #fff;
}
.tp-woo-myaccount-content a {
  color: var(--tp-common-black);
}
.tp-woo-myaccount-content a:hover {
  text-decoration: underline;
}
.tp-woo-myaccount-order-table {
  background-color: #fff;
}
@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-woo-myaccount-order-table {
    overflow-x: auto;
  }
}
.tp-woo-myaccount-order-table td, .tp-woo-myaccount-order-table tr, .tp-woo-myaccount-order-table th, .tp-woo-myaccount-order-table p, .tp-woo-myaccount-order-table a, .tp-woo-myaccount-order-table span, .tp-woo-myaccount-order-table del {
  font-family: var(--tp-ff-marcellus);
}
.tp-woo-myaccount-order-table table.shop_table.shop_table_responsive {
  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) {
  .tp-woo-myaccount-order-table table.shop_table.shop_table_responsive {
    width: 800px;
  }
}
.tp-woo-myaccount-order-table table.shop_table.shop_table_responsive thead tr th {
  border-color: #EBEBEB;
  color: var(--tp-common-black);
  font-weight: 700;
}
.tp-woo-myaccount-order-table table.shop_table.shop_table_responsive thead tr th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-actions {
  width: 25%;
}
.tp-woo-myaccount-order-table table.shop_table.shop_table_responsive thead tr th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-total {
  width: 18%;
}
.tp-woo-myaccount-order-table table.shop_table.shop_table_responsive tbody tr td {
  font-size: 15px;
  text-align: left;
  padding: 1rem 1rem;
  text-align: center;
  border-color: #EBEBEB;
  text-transform: capitalize;
}
.tp-woo-myaccount-order-table table.shop_table.shop_table_responsive tbody tr td.woocommerce-orders-table__cell-order-number a {
  color: var(--tp-common-black);
  text-decoration: none;
  font-weight: 700;
}
.tp-woo-myaccount-order-table table.shop_table.shop_table_responsive tbody tr td.woocommerce-orders-table__cell-order-number a:hover {
  text-decoration: underline;
  color: var(--tp-common-black);
}
.tp-woo-myaccount-order-table table.shop_table.shop_table_responsive tbody tr td.woocommerce-orders-table__cell-order-actions a, .tp-woo-myaccount-order-table table.shop_table.shop_table_responsive tbody tr td.download-file a {
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-common-black);
  padding: 6px 18px 5px;
  border: 1px solid rgba(1, 15, 28, 0.12);
  text-align: center;
  text-decoration: none;
  margin-top: 5px;
  margin-bottom: 5px;
}
.tp-woo-myaccount-order-table table.shop_table.shop_table_responsive tbody tr td.woocommerce-orders-table__cell-order-actions a:not(:last-child), .tp-woo-myaccount-order-table table.shop_table.shop_table_responsive tbody tr td.download-file a:not(:last-child) {
  margin-right: 10px;
}
.tp-woo-myaccount-order-table table.shop_table.shop_table_responsive tbody tr td.woocommerce-orders-table__cell-order-actions a:hover, .tp-woo-myaccount-order-table table.shop_table.shop_table_responsive tbody tr td.download-file a:hover {
  background-color: var(--tp-common-black);
  border-color: var(--tp-common-black);
  color: #fff;
}
.tp-woo-myaccount-order-table table.shop_table.shop_table_responsive tbody tr td.woocommerce-orders-table__cell-order-actions a.cancel:hover, .tp-woo-myaccount-order-table table.shop_table.shop_table_responsive tbody tr td.download-file a.cancel:hover {
  background-color: #ff0000;
  border-color: #ff0000;
  color: #fff;
}
.tp-woo-myaccount-order-table table.shop_table.shop_table_responsive tbody tr td.woocommerce-orders-table__cell-order-total span {
  color: var(--tp-common-black);
}
.tp-woo-myaccount-order-table table.shop_table.shop_table_responsive tbody tr td.woocommerce-orders-table__cell-order-total del {
  font-weight: 400;
  font-size: 13px;
  color: var(--tp-text-body);
}
.tp-woo-myaccount-order-table table.shop_table.shop_table_responsive tbody tr td.woocommerce-orders-table__cell-order-total ins {
  text-decoration: none;
  font-weight: 700;
  color: var(--tp-common-black);
}
.tp-woo-myaccount-order-table table.shop_table.shop_table_responsive tbody tr td.download-product a {
  color: var(--tp-common-black);
  font-weight: 500;
  text-decoration: none !important;
}
.tp-woo-myaccount-order-table table.shop_table.shop_table_responsive tbody tr td.download-product a:hover {
  color: var(--tp-common-black);
}
.tp-woo-myaccount-order-table table.shop_table.shop_table_responsive tbody tr.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status span, .tp-woo-myaccount-order-table table.shop_table.shop_table_responsive tbody tr.woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status span {
  color: #ff9800;
}
.tp-woo-myaccount-order-table.is-download-table {
  margin-bottom: 70px;
}
.tp-woo-myaccount-order-table.is-download-table table {
  width: 100%;
}
.tp-woo-myaccount-order-view-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 10px;
}
.tp-woo-myaccount-order-status {
  border-top: 4px solid #FFB342;
  background-color: rgba(255, 179, 66, 0.1);
  padding: 14px 26px;
  margin: 0;
  margin-bottom: 35px;
}
.tp-woo-myaccount-order-status p {
  margin-bottom: 0;
  color: var(--tp-common-black);
}
.tp-woo-myaccount-order-status p span {
  color: var(--tp-common-black);
  font-weight: 500;
}
.tp-woo-myaccount-order-msg p {
  font-family: var(--tp-ff-marcellus);
  margin: 0;
  margin-bottom: 14px;
  color: var(--tp-common-black);
  font-size: 15px;
  letter-spacing: 0.5px;
}
.tp-woo-myaccount-order-msg p a {
  font-weight: 500;
  color: #0989FF;
  margin-right: 5px;
}
.tp-woo-myaccount-order-msg p a:hover {
  color: #006fd5;
}
.tp-woo-myaccount-order-msg p span.highlight {
  display: inline-block;
  padding: 0 10px;
  font-weight: 700;
  background-color: rgba(9, 137, 255, 0.1);
  color: #0989FF;
  border-radius: 4px;
}
.tp-woo-myaccount-address-title {
  font-weight: 500;
  margin-bottom: 15px;
}
.tp-woo-myaccount-address-msg.woocommerce-message {
  margin-bottom: 40px;
}

.woocommerce-privacy-policy-text p a {
  color: var(--tp-common-black);
}
.woocommerce-privacy-policy-text p a:hover {
  color: var(--tp-common-black);
}

.tp-shop-widget .yith-wcan-filters .yith-wcan-filter {
  margin-bottom: 0;
  padding-bottom: 30px;
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter .filter-title {
  font-weight: 400;
  font-size: 18px;
  padding-bottom: 10px;
  margin-bottom: 25px;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-marcellus);
  border-bottom: 1px solid #EEE;
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter .filter-content {
  margin-top: 25px;
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .term-label {
  font-size: 16px;
  color: #55585B;
  position: relative;
  padding-left: 26px;
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .term-label::after, .tp-shop-widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .term-label::before {
  position: absolute;
  content: "";
  top: 8px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 2px solid #DADADA;
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .term-label::before {
  content: "\f00c";
  font-family: var(--tp-ff-fontawesome);
  color: transparent;
  z-index: 1;
  border: 0;
  width: inherit;
  height: inherit;
  top: 11px;
  left: 4px;
  font-size: 10px;
  line-height: 1;
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item > label > a {
  color: var(--tp-text-body);
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item > label > a:hover {
  color: var(--tp-common-black);
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item.active > label a {
  color: var(--tp-common-black);
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item.checkbox input {
  display: none;
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item.checkbox input:checked ~ .term-label::before {
  color: var(--tp-common-white);
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item.checkbox input:checked ~ .term-label::after {
  background-color: var(--tp-common-black);
  border-color: var(--tp-common-black);
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter .filter-items.filter-color {
  margin: 0;
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active.color:not(.no-color):not(.no-image):not(.label-right) > a::after {
  content: "\f00c";
  right: auto;
  top: 44%;
  left: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: var(--tp-ff-fontawesome);
  background-image: none;
  background-color: transparent;
  font-size: 12px;
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.color {
  display: block;
  height: inherit;
  width: inherit;
  margin: inherit;
  margin-bottom: 5px;
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.color .term-color {
  border: 0;
  width: 22px;
  height: 22px;
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.color .term-label {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-text-body);
  position: relative;
  margin-left: 3px;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-shop-widget .yith-wcan-reset-navigation.button {
  font-size: 16px;
  color: var(--tp-common-black);
  text-align: center;
  padding: 9px 30px;
  border: 1px solid #E0E2E3;
}
.tp-shop-widget .yith-wcan-reset-navigation.button:hover {
  background-color: var(--tp-common-black);
  border-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-shop-widget .tp-shop-widget.widget_yith-woocommerce-ajax-navigation-filters,
.tp-shop-widget .yith-wcan-filters {
  margin-bottom: 0 !important;
}
.tp-shop-widget .yith-wcan-filter.filter-tax.text-design .filter-content .filter-items.filter-text {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.tp-shop-widget .yith-wcan-filter.filter-tax.text-design .filter-content .filter-items.filter-text .filter-item.text {
  margin-bottom: 10px;
}
.tp-shop-widget .yith-wcan-filter.filter-tax.text-design .filter-content .filter-items.filter-text .filter-item.text:not(:last-child) {
  margin-right: 10px;
}
.tp-shop-widget .yith-wcan-filter.filter-tax.text-design .filter-content .filter-items.filter-text .filter-item.text .term-label {
  display: inline-block;
  padding: 9px 13px;
  border: 1px solid #DADADA;
  line-height: 1;
}
.tp-shop-widget .yith-wcan-filter.filter-tax.text-design .filter-content .filter-items.filter-text .filter-item.text .term-label:hover {
  color: var(--tp-common-black);
}
.tp-shop-widget .yith-wcan-filter.filter-tax.text-design .filter-content .filter-items.filter-text .filter-item.text.active .term-label {
  background-color: var(--tp-common-black);
  border-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper .search-field-container .search-field {
  padding-right: 40px;
  padding-left: 15px;
  height: 45px;
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label input {
  display: none;
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label input:checked ~ a::before {
  color: var(--tp-common-white);
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label input:checked ~ a::after {
  background-color: var(--tp-common-black);
  border-color: var(--tp-common-black);
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a {
  padding-left: 26px;
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a::after, .tp-shop-widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a::before {
  position: absolute;
  content: "";
  top: 8px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 2px solid #DADADA;
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a::before {
  content: "\f00c";
  font-family: var(--tp-ff-fontawesome);
  color: transparent;
  z-index: 1;
  border: 0;
  width: inherit;
  height: inherit;
  top: 11px;
  left: 4px;
  font-size: 10px;
  line-height: 1;
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a:hover {
  color: var(--tp-common-black);
}
.tp-shop-widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.checkbox input {
  display: none;
}

.tp-sidebar-search-input {
  position: relative;
}

.tp-shop-sidebar .wp-block-heading {
  font-weight: 500;
  font-size: 18px;
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
.tp-shop-sidebar .wp-block-archives-list li,
.tp-shop-sidebar .wp-block-categories-list li {
  list-style: none;
  margin-bottom: 8px;
}
.tp-shop-sidebar .wp-block-archives-list li a,
.tp-shop-sidebar .wp-block-categories-list li a {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-text-body);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.tp-shop-sidebar .wp-block-archives-list li a:hover,
.tp-shop-sidebar .wp-block-categories-list li a:hover {
  color: var(--tp-theme-8);
}
.tp-shop-sidebar .product-categories li {
  list-style: none;
  margin-bottom: 10px;
}
.tp-shop-sidebar .widget_top_rated_products ul li,
.tp-shop-sidebar .widget_products ul li,
.tp-shop-sidebar .widget_rating_filter ul li {
  list-style: none;
  margin-bottom: 10px;
}
.tp-shop-sidebar .widget_recent_reviews li,
.tp-shop-sidebar .widget_products li,
.tp-shop-sidebar .widget_recently_viewed_products li,
.tp-shop-sidebar .widget_recent_reviews li,
.tp-shop-sidebar .widget_top_rated_products li {
  gap: 10px;
}
.tp-shop-sidebar .widget_recent_reviews a,
.tp-shop-sidebar .widget_products a,
.tp-shop-sidebar .widget_recently_viewed_products a,
.tp-shop-sidebar .widget_recent_reviews a,
.tp-shop-sidebar .widget_top_rated_products a {
  padding: 0 !important;
}
.tp-shop-sidebar .widget_recent_reviews a::after,
.tp-shop-sidebar .widget_products a::after,
.tp-shop-sidebar .widget_recently_viewed_products a::after,
.tp-shop-sidebar .widget_recent_reviews a::after,
.tp-shop-sidebar .widget_top_rated_products a::after {
  content: none !important;
}
.tp-shop-sidebar .widget_recent_reviews .tp-shop-widget-product-thumb,
.tp-shop-sidebar .widget_products .tp-shop-widget-product-thumb,
.tp-shop-sidebar .widget_recently_viewed_products .tp-shop-widget-product-thumb,
.tp-shop-sidebar .widget_recent_reviews .tp-shop-widget-product-thumb,
.tp-shop-sidebar .widget_top_rated_products .tp-shop-widget-product-thumb {
  height: 80px;
  overflow: hidden;
  width: 25%;
}
.tp-shop-sidebar .widget_recent_reviews .tp-shop-widget-product-thumb img,
.tp-shop-sidebar .widget_products .tp-shop-widget-product-thumb img,
.tp-shop-sidebar .widget_recently_viewed_products .tp-shop-widget-product-thumb img,
.tp-shop-sidebar .widget_recent_reviews .tp-shop-widget-product-thumb img,
.tp-shop-sidebar .widget_top_rated_products .tp-shop-widget-product-thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.tp-shop-sidebar .widget_recent_reviews .tp-shop-widget-product-content,
.tp-shop-sidebar .widget_products .tp-shop-widget-product-content,
.tp-shop-sidebar .widget_recently_viewed_products .tp-shop-widget-product-content,
.tp-shop-sidebar .widget_recent_reviews .tp-shop-widget-product-content,
.tp-shop-sidebar .widget_top_rated_products .tp-shop-widget-product-content {
  width: 70%;
}
.tp-shop-sidebar .widget_recent_reviews .tp-shop-widget-product-thumb {
  height: auto !important;
}
.tp-shop-sidebar .widget_recent_reviews .tp-shop-widget-product-title {
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-common-black-1);
  width: 100%;
  text-transform: capitalize;
}
.tp-shop-sidebar .widget_recent_reviews .reviewer span {
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-text-body);
  text-transform: capitalize;
}
.tp-shop-sidebar ins {
  text-decoration: none;
}
.tp-shop-sidebar .product_list_widget .tp-shop-widget-product-title {
  line-height: 1;
  margin-bottom: 3px;
}

.price_slider_amount {
  margin-top: 20px;
}

.tp-sidebar-search-input button svg {
  height: 22px;
}

.tp-shop-sidebar .widget_rating_filter ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
}

.tp-order-details .tp-order-details-top .tp-order-details-icon span {
  color: #010f1c;
  border: 1px solid rgba(0, 0, 0, 0.41);
}
.tp-order-details .tp-order-details-top .tp-order-details-content .tp-order-details-title,
.tp-order-details .tp-order-details-top .tp-order-details-content p {
  color: #010f1c;
}
.tp-order-details .tp-order-details-item h4,
.tp-order-details .tp-order-details-item p {
  color: #010f1c;
}

/*# sourceMappingURL=acadia-core.css.map */