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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--tp-ff-heading);
  color: var(--tp-heading-primary);
  margin-top: 0px;
  font-weight: 600;
  line-height: 1.2;
  -webkit-transition: color 0.3s 0s ease-out;
  -moz-transition: color 0.3s 0s ease-out;
  -ms-transition: color 0.3s 0s ease-out;
  -o-transition: color 0.3s 0s ease-out;
  transition: color 0.3s 0s ease-out;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

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

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

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

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

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

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

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

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

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

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

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* gutter for x axis */
.tp-gx-90 {
  --bs-gutter-x: 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;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .tp-header-3 {
    padding: 18px 0;
  }
}
.tp-header-3 .main-menu nav > ul > li > a {
  color: var(--tp-heading-3);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.tp-header-3 .main-menu nav > ul > li > a:hover {
  color: var(--tp-theme-3);
}
.tp-header-3 .main-menu nav > ul > li > a:hover::after {
  color: var(--tp-theme-3);
}
.tp-header-3 .main-menu nav > ul > li.has-dropdown > a:hover::after {
  color: var(--tp-theme-3);
}
.tp-header-3 .main-menu nav > ul > li.has-dropdown > a::after {
  color: var(--tp-heading-3);
}
.tp-header-3 .main-menu nav > ul > li:hover > a {
  color: var(--tp-theme-3);
}
.tp-header-3 .main-menu nav > ul > li:hover > a::after {
  color: var(--tp-theme-3);
}
.tp-header-3 .main-menu nav > ul > li:hover > a::before {
  background-color: var(--tp-theme-3);
}
.tp-header-3 .main-menu nav > ul > li .tp-submenu > li:hover a {
  color: var(--tp-theme-3);
}
.tp-header-3 .main-menu nav > ul > li .tp-submenu > li:hover a::before {
  background-color: var(--tp-theme-3);
}
.tp-header-3 .offcanvas-open-btn {
  border: 2px solid rgba(255, 113, 98, 0.4);
}
.tp-header-3 .offcanvas-open-btn i {
  color: var(--tp-theme-3);
}
.tp-header-3 .offcanvas-open-btn:hover {
  border-color: #ff7162;
}
.tp-header-3.tp-header-sticky .main-menu nav > ul > li > a {
  padding: 28px 0 28px 0;
}

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

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

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

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

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

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

/*----------------------------------------*/
/*  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, .main-menu > nav > ul > li > .tp-submenu li.active > a {
  color: var(--tp-theme-primary);
  padding-left: 35px;
}
.main-menu > nav > ul > li > .tp-submenu li:hover > a::after, .main-menu > nav > ul > li > .tp-submenu li.active > a::after {
  color: var(--tp-common-white);
}
.main-menu > nav > ul > li > .tp-submenu li:hover > a::before, .main-menu > nav > ul > li > .tp-submenu li.active > a::before {
  width: 12px;
}
.main-menu > nav > ul > li > .tp-submenu li:hover .tp-submenu, .main-menu > nav > ul > li > .tp-submenu li.active .tp-submenu {
  left: 100%;
  opacity: 1;
  visibility: visible;
}
.main-menu > nav > ul > li.tp-static {
  position: static;
}
.main-menu > nav > ul > li:hover > a {
  color: rgba(255, 255, 255, 0.7);
}
.main-menu > nav > ul > li:hover > a::after {
  transform: rotate(180deg);
  color: rgba(255, 255, 255, 0.7);
}
.main-menu > nav > ul > li:hover .tp-submenu {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.main-menu > nav > ul > li:hover .tp-submenu li:hover > .tp-submenu {
  left: 100%;
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.main-menu > nav > ul > li:hover > .tp-megamenu-main {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.main-menu.main-menu-4 > nav > ul > li {
  margin: 0;
}
.main-menu.main-menu-4 > nav > ul > li:not(:last-of-type) {
  margin-right: 30px;
}
.main-menu.main-menu-4 > nav > ul > li > a {
  padding: 28px 0 27px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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


/*----------------------------------------*/
/*  8.3 Category css
/*----------------------------------------*/
.tp-category-item {
  border-radius: 20px;
  border: 1px solid rgba(3, 31, 66, 0.1);
  padding: 23px 23px 15px 23px;
  display: block;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  background-color: var(--tp-common-white);
}
.tp-category-item:hover {
  transform: translateY(-4px);
  border-color: rgba(26, 115, 232, 0.5);
}
.tp-category-item:hover .tp-category-title {
  color: var(--tp-theme-secondary);
}
.tp-category-icon {
  margin-bottom: 40px;
}
.tp-category-icon span {
  height: 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;
  position: relative;
}
.tp-category-banner-shape {
  flex: 0 0 auto;
  margin-right: 30px;
}
.tp-category-banner-title {
  color: var(--tp-heading-2);
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0;
}
.tp-category-banner-text span {
  color: var(--tp-theme-secondary);
  font-size: 16px;
  margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*----------------------------------------*/
/*  8.6 Banner css
/*----------------------------------------*/
.tp-banner-sm-2-wrap {
  background-color: rgba(133, 19, 54, 0.08);
  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 20px 40px 20px;
    display: flex;
    flex-direction: column;
  }
  .tp-banner-sm-2-wrap .tp-banner-sm-2-title {
    order: 1;
    margin-bottom: 20px;
  }
  .tp-banner-sm-2-wrap .tp-banner-sm-2-shape-1 {
    order: 2;
    position: relative;
    right: 0;
    text-align: center;
    margin-bottom: 30px;
    z-index: 1;
  }
  .tp-banner-sm-2-wrap .tp-banner-sm-2-btn {
    order: 3;
  }
}
.tp-banner-sm-2-wrap.tp-banner-sm-2-bg-2 {
  background-color: rgba(133, 19, 54, 0.08);
}
.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: #851336;
  border: 2px solid #851336;
  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: 0;
  }
}
.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 var(--tp-theme-9);
  background: var(--tp-theme-9);
}
.tp-banner-sm-2-bg-2 .tp-banner-sm-2-btn a:hover {
  background-color: transparent;
  color: var(--tp-theme-9);
}

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

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

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

/*----------------------------------------*/
/* CTA Buttons & Floating WhatsApp */
/* White Unified Floating Bar CTA with Icon Shadows */
.sticky-mobile-cta {
  position: fixed;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  width: 92%;
  display: flex;
  align-items: center;
  z-index: 9999;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(133, 19, 54, 0.25);
  overflow: hidden;
}
.sticky-mobile-cta .cta-btn {
  flex: 1;
  text-align: center;
  padding: 12px 5px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: var(--tp-theme-9);
  border-right: 1px solid rgba(133, 19, 54, 0.2);
  transition: background 0.2s ease;
  text-decoration: none;
}
.sticky-mobile-cta .cta-btn:last-child {
  border-right: none;
}
.sticky-mobile-cta .cta-btn i {
  font-size: 20px;
  color: var(--tp-theme-9);
  filter: drop-shadow(0px 4px 6px rgba(133, 19, 54, 0.4));
}
.sticky-mobile-cta .cta-btn:active {
  background: rgba(133, 19, 54, 0.05);
}

.floating-whatsapp {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 60px;
  height: 60px;
  background-color: #25D366;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  box-shadow: 0 4px 10px rgba(37, 211, 102, 0.4);
  z-index: 9999;
  transition: all 0.3s ease;
}
.floating-whatsapp:hover {
  background-color: #1ebe57;
  color: #fff;
  transform: translateY(-3px);
}