@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@keyframes bannerAnimationTwo {

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

  }

}

.back-to-top-wrapper,
a,

button,

p,

input,

select,

textarea,

li,

.transition-3 {

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.cst-btn span svg,
.tp-product-details-views>span svg,
.tp-btn-white-border span {

  -webkit-transform: translateY(-1px);

  -moz-transform: translateY(-1px);

  -ms-transform: translateY(-1px);

  -o-transform: translateY(-1px);

  transform: translateY(-1px);

}



.tp-product-details-action-sm-btn svg,
.tp-product-details-wishlist-btn svg,
.tp-perspective-social-info span svg,
.tp-team-details-info-contact a svg,
.app-testimonial-review-content span svg,
.pp-service-2-banner-text p span,
.pp-service-2-banner-text a span,
.tp-service-4-solution-item-btn a span,
.pp-service-details-process-bottom span a svg,
.st-hero-btn-icon,
.pp-footer-btn span,
.postbox__comment-reply a span,
.tp-header-10-announcement-content a span,
.breadcrumb__list span:not(:last-child)::after,
.tp-btn-border-2.st span,
.tp-portfolio-details-btn span {

  -webkit-transform: translateY(-2px);

  -moz-transform: translateY(-2px);

  -ms-transform: translateY(-2px);

  -o-transform: translateY(-2px);

  transform: translateY(-2px);

}



.tp-career-title .shape-1 {

  -webkit-transform: translateY(-3px);

  -moz-transform: translateY(-3px);

  -ms-transform: translateY(-3px);

  -o-transform: translateY(-3px);

  transform: translateY(-3px);

}



/* transform */

@font-face {

  font-family: "Platform";

  src: url("../fonts/Platform-Light.eot");

  src: local("Platform Light"), local("Platform-Light"), url("../fonts/Platform-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Platform-Light.woff2") format("woff2"), url("../fonts/Platform-Light.woff") format("woff"), url("../fonts/Platform-Light.ttf") format("truetype");

  font-weight: 300;

  font-style: normal;

}

@font-face {

  font-family: "Platform";

  src: url("../fonts/Platform-Regular.eot");

  src: local("Platform Regular"), local("Platform-Regular"), url("../fonts/Platform-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Platform-Regular.woff2") format("woff2"), url("../fonts/Platform-Regular.woff") format("woff"), url("../fonts/Platform-Regular.ttf") format("truetype");

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: "Platform";

  src: url("../fonts/Platform-Medium.eot");

  src: local("Platform Medium"), local("Platform-Medium"), url("../fonts/Platform-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Platform-Medium.woff2") format("woff2"), url("../fonts/Platform-Medium.woff") format("woff"), url("../fonts/Platform-Medium.ttf") format("truetype");

  font-weight: 500;

  font-style: normal;

}

@font-face {

  font-family: "MangoGrotesque";

  src: url("../fonts/MangoGrotesque-Bold.eot");

  src: url("../fonts/MangoGrotesque-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/MangoGrotesque-Bold.woff") format("woff"), url("../fonts/MangoGrotesque-Bold.woff2") format("woff2"), url("../fonts/MangoGrotesque-Bold.ttf") format("truetype");

  font-style: normal;

  font-weight: bold;

  text-rendering: optimizeLegibility;

}

@font-face {

  font-family: "MangoGrotesqueLight";

  src: url("../fonts/MangoGrotesque-Light.eot");

  src: url("../fonts/MangoGrotesque-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/MangoGrotesque-Light.woff") format("woff"), url("../fonts/MangoGrotesque-Light.woff2") format("woff2"), url("../fonts/MangoGrotesque-Light.ttf") format("truetype");

  font-style: normal;

  font-weight: normal;

  text-rendering: optimizeLegibility;

}

@font-face {

  font-family: "MangoGrotesqueMed";

  src: url("../fonts/MangoGrotesque-Medium.eot");

  src: url("../fonts/MangoGrotesque-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/MangoGrotesque-Medium.woff") format("woff"), url("../fonts/MangoGrotesque-Medium.woff2") format("woff2"), url("../fonts/MangoGrotesque-Medium.ttf") format("truetype");

  font-style: normal;

  font-weight: normal;

  text-rendering: optimizeLegibility;

}

@font-face {

  font-family: "MangoGrotesqueSemBd";

  src: url("../fonts/MangoGrotesque-SemiBold.eot");

  src: url("../fonts/MangoGrotesque-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/MangoGrotesque-SemiBold.woff") format("woff"), url("../fonts/MangoGrotesque-SemiBold.woff2") format("woff2"), url("../fonts/MangoGrotesque-SemiBold.ttf") format("truetype");

  font-style: normal;

  font-weight: normal;

  text-rendering: optimizeLegibility;

}

@font-face {

  font-family: "MangoGrotesque";

  src: url("../fonts/MangoGrotesque-Regular.eot");

  src: url("../fonts/MangoGrotesque-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/MangoGrotesque-Regular.woff") format("woff"), url("../fonts/MangoGrotesque-Regular.woff2") format("woff2"), url("../fonts/MangoGrotesque-Regular.ttf") format("truetype");

  font-style: normal;

  font-weight: normal;

  text-rendering: optimizeLegibility;

}

@font-face {

  font-family: "MangoGrotesqueThin";

  src: url("../fonts/MangoGrotesque-Thin.eot");

  src: url("../fonts/MangoGrotesque-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/MangoGrotesque-Thin.woff") format("woff"), url("../fonts/MangoGrotesque-Thin.woff2") format("woff2"), url("../fonts/MangoGrotesque-Thin.ttf") format("truetype");

  font-style: normal;

  font-weight: normal;

  text-rendering: optimizeLegibility;

}

@font-face {

  font-family: "dirtyline-36daysoftype-2022";

  src: url("../fonts/dirtyline-36daysoftype-2022.otf");

  font-style: normal;

  font-weight: normal;

  text-rendering: optimizeLegibility;

}

@font-face {

  font-family: "ClashDisplay-Light";

  src: url("../fonts/ClashDisplay-Light.woff2") format("woff2"), url("../fonts/ClashDisplay-Light.woff") format("woff"), url("../fonts/ClashDisplay-Light.ttf") format("truetype");

  font-weight: 300;

  font-display: swap;

  font-style: normal;

}

@font-face {

  font-family: "ClashDisplay-Regular";

  src: url("../fonts/ClashDisplay-Regular.woff2") format("woff2"), url("../fonts/ClashDisplay-Regular.woff") format("woff"), url("../fonts/ClashDisplay-Regular.ttf") format("truetype");

  font-weight: 400;

  font-display: swap;

  font-style: normal;

}

@font-face {

  font-family: "ClashDisplay-Medium";

  src: url("../fonts/ClashDisplay-Medium.woff2") format("woff2"), url("../fonts/ClashDisplay-Medium.woff") format("woff"), url("../fonts/ClashDisplay-Medium.ttf") format("truetype");

  font-weight: 500;

  font-display: swap;

  font-style: normal;

}

@font-face {

  font-family: "ClashDisplay-Semibold";

  src: url("../fonts/ClashDisplay-Semibold.woff2") format("woff2"), url("../fonts/ClashDisplay-Semibold.woff") format("woff"), url("../fonts/ClashDisplay-Semibold.ttf") format("truetype");

  font-weight: 600;

  font-display: swap;

  font-style: normal;

}

@font-face {

  font-family: "ClashDisplay-Bold";

  src: url("../fonts/ClashDisplay-Bold.woff2") format("woff2"), url("../fonts/ClashDisplay-Bold.woff") format("woff"), url("../fonts/ClashDisplay-Bold.ttf") format("truetype");

  font-weight: 700;

  font-display: swap;

  font-style: normal;

}

:root {

  /**

  @font family declaration

  */

  --tp-ff-teko: 'Teko', serif;

  --tp-ff-body: 'Montserrat', sans-serif;

  --tp-ff-heading: 'Montserrat', sans-serif;

  --tp-ff-inter: 'Montserrat', sans-serif;

  --tp-ff-p: 'Montserrat', sans-serif;

  --tp-ff-besley: 'Besley', serif;

  --tp-ff-mango-thin: 'MangoGrotesqueThin', serif;

  --tp-ff-mango-light: 'MangoGrotesqueLight', serif;

  --tp-ff-mango: 'MangoGrotesque', serif;

  --tp-ff-mango-medium: 'MangoGrotesqueMed', serif;

  --tp-ff-mango-semibold: 'MangoGrotesqueSemBd', serif;

  --tp-ff-mango-bold: 'MangoGrotesque', serif;

  --tp-ff-clash-light: 'ClashDisplay-Light', serif;

  --tp-ff-clash-regular: 'ClashDisplay-Regular', serif;

  --tp-ff-clash-medium: 'ClashDisplay-Medium', serif;

  --tp-ff-clash-semibold: 'ClashDisplay-Semibold', serif;

  --tp-ff-clash-bold: 'ClashDisplay-Bold', serif;

  --tp-ff-grotesk: 'Space Grotesk', serif;

  --tp-ff-platform: 'Platform', serif;

  --tp-ff-playfair: 'Playfair Display', serif;

  --tp-ff-satisfy: 'Satisfy', cursive;

  --tp-ff-dirtyline: 'dirtyline-36daysoftype-2022', serif;

  --tp-ff-phudu: 'Phudu', serif;

  --tp-ff-poppins: 'Poppins', serif;

  --tp-ff-onest: 'Onest', serif;

  --tp-ff-fontawesome: "Font Awesome 6 Pro";

  /**

  @color declaration

  */

  --tp-common-white: #ffffff;

  --tp-common-black: #141414;

  --tp-common-black-2: #232323;

  --tp-common-black-3: #000;

  --tp-common-black-4: #0a0a0a;

  --tp-common-black-5: #121212;

  --tp-common-black-6: #212121;

  --tp-common-black-7: #0E0F11;

  --tp-common-black-8: #1a1b1e;

  --tp-common-black-9: #16302f;

  --tp-common-black-10: #21212D;

  --tp-common-cream: #f9f4e8;

  --tp-common-cream-2: #FFF6BF;

  --tp-common-cream-3: #ffffe6;

  --tp-common-yellow: #ffc446;

  --tp-common-yellow-1: #FFF669;

  --tp-common-yellow-green: #E9FF48;

  --tp-common-green-1: #B4E717;

  --tp-common-green-light: #D0FF71;

  --tp-common-green-regular: #C1ED00;

  --tp-common-green-solid: #17312F;

  --tp-common-pink-light: #FDE1DA;

  --tp-common-paste: #43D4A0;

  --tp-common-paste-2: #0C5752;

  --tp-common-sky: #C5FCFC;

  --tp-common-red: #FF4851;

  --tp-common-red-2: #FF481F;

  --tp-common-red-3: #FF5722;

  --tp-common-blue: #7463FF;

  --tp-common-brown: #453030;

  --tp-grey-1: #f8f8f8;

  --tp-grey-2: #f1f1f1;

  --tp-grey-3: #F8F8FB;

  --tp-grey-4: #F6F8EF;

  --tp-coffe-1: #653624;

  --tp-coffe-2: #552411;

  --tp-cream-1: #B7AB98;

  --tp-cream-2: #CFC292;

  --tp-text-body: #2e2d2d;

  --tp-theme-green: #A0FF27;

  --tp-theme-pink: #EC6FD5;

  --tp-theme-yellow: #FFB701;

  --tp-theme-shop: #4d3d30;

  --tp-border-1: #EAEBED;

  --tp-border-2: #e7e7e7;

}



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



    Template Name: Agntix - Digital Agency and Portfolio Wordpress Theme

    Author: Theme_Pure

    Support: https://themepure.net/support/

    Description: Template

    Version: 1.0.0



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



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



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

    01. THEME CSS

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

		1.1 Theme Default

		1.2 Common Classes



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

    02. COMPONENTS CSS

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

		2.1 Back to top

		2.2 Buttons

		2.3 Animations

		2.4 Preloader

		2.5 Background

		2.6 Nice Select

		2.7 Breadcrumb

		2.8 Accordion

		2.9 Section Title

		2.10 Accordion

		2.11 Search

		2.12 Magic Cursor



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

    03. HEADER CSS

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

		3.1 Header Style



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

	04. MENU CSS

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

		4.1 Main Menu

		4.2 Mobile Menu

		4.3 offcanvas Menu



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

	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

		6.2 Footer Style 2

		6.3 Footer Style 3

		6.5 Footer Style 5

		6.7 Footer Style 7

		6.8 Footer Style 8

		6.9 Footer Style 9

		6.10 Footer Style 10

		6.11 Footer Style 11

		6.12 Footer Style 12

		6.13 Footer Style 13

		6.14 Footer Style 14

		6.15 Footer Style 15



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

	07. PAGES CSS

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

		7.1 Hero css

		7.2 About Css

		7.3 Banner Css

		7.4 Text-slide Css

		7.5 Service Css

		7.6 Project Css

		7.7 Funfact Css

		7.8 Work Css

		7.9 Testimonail Css

		8.0 Award Css

		8.1 Video Css

		8.2 Brand Css

		8.3 Team Css

		8.4 Step Css

		8.5 Choose Css

		8.6 Price Css

		8.7 Faq Css

		8.8 Success Css

		8.9 Instagram Css

		9.0 Feature Css

		9.1 Review Css

		9.2 Stack Css

		9.3 Benefits Css

		9.4 Cta Css

		9.5 Intaractive Css

		9.6 Project Slider Css

		9.7 Career Css

		9.8 Contact Css

		9.9 Portfolio css

		10.0 Shop Css

		10.1 Shop Details Css

		10.2 Login Css

		10.3 Checkout css

		10.4 Cart css

		10.5 Account css

		10.6 Error Css

		10.7 Dark Css Start

		10.8 Light Css Start





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

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

/*  1.1 Theme Default

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

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



html {

  scroll-behavior: smooth;

}



@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {

    max-width: 1510px;

  }

  .container-1830 {

    max-width: 1830px;

  }

  .container-1860 {

    max-width: 1860px;

  }

  .container-1800 {

    max-width: 1800px;

  }

  .container-1750 {

    max-width: 1750px;

  }

  .container-1730 {

    max-width: 1730px;

  }

  .container-1680 {

    max-width: 1680px;

  }

  .container-1630 {

    max-width: 1630px;

  }

  .container-1580 {

    max-width: 1580px;

  }

  .container-1550 {

    max-width: 1550px;

  }

  .container-1460 {

    max-width: 1460px;

  }

  .container-1430 {

    max-width: 1430px;

  }

  .container-1350 {

    max-width: 1350px;

  }

  .container-1330 {

    max-width: 1330px;

  }

  .container-1320 {

    max-width: 1320px;

  }

  .container-1300 {

    max-width: 1300px;

  }

  .container-1230 {

    max-width: 1230px;

  }

  .container-1200 {

    max-width: 1200px;

  }

  .container-1030 {

    max-width: 1030px;

  }

}

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

	typography css start 

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

body {

  font-size: 14px;

  line-height: 26px;

  font-weight: normal;

  color: var(--tp-text-body);

  font-family: var(--tp-ff-body);

}



img {

  max-width: 100%;

}



a {

  text-decoration: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin-top: 0px;

  font-weight: 500;

  line-height: 1.2;

  -webkit-transition: color 0.3s ease-in-out;

  -moz-transition: color 0.3s ease-in-out;

  -ms-transition: color 0.3s ease-in-out;

  -o-transition: color 0.3s ease-in-out;

  transition: color 0.3s ease-in-out;

  color: var(--tp-common-black);

  font-family: var(--tp-ff-heading);

}



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-weight: 400;

  font-size: 18px;

  line-height: 1.56;

  margin-bottom: 15px;

  letter-spacing: -0.02em;

  font-family: var(--tp-ff-p);

  color: var(--tp-text-body);

}



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;

  height: 60px;

  width: 100%;

  line-height: 60px;

  font-size: 16px;

  padding-left: 26px;

  padding-right: 26px;

  border-radius: 8px;

  background: rgb(246, 246, 249);

  color: var(--tp-common-black);

  border: 1px solid rgb(246, 246, 249);

}

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: var(--tp-common-black);

}

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: var(--tp-common-black);

}

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: var(--tp-common-black);

}

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: var(--tp-common-black);

}

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: var(--tp-common-black);

}

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-common-black);

}

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;

}



.tp-line-black {

  display: inline;

  transition: all 0.3s linear;

  background-repeat: no-repeat;

  background-size: 0% 1px, 0 1px;

  background-position: 100% 100%, 0 100%;

  background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);

}

.tp-line-black:hover {

  background-size: 0% 1px, 100% 1px;

}



.tp-line-white {

  display: inline;

  transition: all 0.3s linear;

  background-repeat: no-repeat;

  background-size: 0% 1px, 0 1px;

  background-position: 100% 100%, 0 100%;

  background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);

}

.tp-line-white.green {

  background-position: 100% 100%, 0 75%;

  background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);

}

.tp-line-white.cream {

  background-position: 100% 100%, 0 75%;

  background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);

}

.tp-line-white.cream-2 {

  background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);

}

.tp-line-white:hover {

  background-size: 0% 1px, 100% 1px;

}



.body-padding {

  padding: 0 20px;

}
.number-funfact-exp
  {
    display: none;
  }

@media (max-width: 767px) {

  .body-padding {

    padding: 0;

  }
  body.archive .tp-product-ptb .agntix-product
  {
    width: 50%;
    margin-bottom: 40px !important;
  }

  .tp-product-ptb .agntix-product:nth-child(2n):before {
  display: none !important;
}

  .list-mobile-padd ul 
  {
    padding-bottom: 0 !important;
  }
  .list-mobile-padd2 ul 
  {
    padding-top: 0 !important;
  }

  .studio-team-title-box.mb-80
  {
    margin-bottom: 50px !important;
  }
  .elementor-widget-tp-testimonial-zigzag .tp-section-title {
    font-size: 38px;
  }
  .tp-testimonial-global img 
  {
    display: none;
  }

  .tp-service-pin h4.tp-section-title, .tp-service-pin h4.tp-section-title a, .tp-service-pin h4.tp-section-title a div
  {
    display: block !important;
    opacity: 1 !important;
    color: #000 !important;
  }
  .number-funfact-exp
  {
    display: block;
    width: 100%;
    font-size: 112px;
    color: #000;
    padding-bottom: 30px;
    padding-top: 10px;
  }
  .tp-copyright-img {
  top: -20px !important;
  width: 45px !important;
  height: auto !important;
}

}



.tp_img_reveal {

  visibility: hidden;

  overflow: hidden;

}



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

    1.2 Common Classes

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

.w-img img {

  width: 100%;

}



.m-img img {

  max-width: 100%;

}



.fix {

  overflow: hidden;

}



.clear {

  clear: both;

}



.z-index-1 {

  position: relative;

  z-index: 1;

}



.z-index-2 {

  position: relative;

  z-index: 2;

}



.z-index-3 {

  position: relative;

  z-index: 3;

}



.z-index-4 {

  position: relative;

  z-index: 4;

}



.z-index-5 {

  position: relative;

  z-index: 5;

}



.z-index-6 {

  position: relative;

  z-index: 6;

}



.z-index-7 {

  position: relative;

  z-index: 7;

}



.z-index-8 {

  position: relative;

  z-index: 8;

}



.z-index-9 {

  position: relative;

  z-index: 9;

}



.z-index-10 {

  position: relative;

  z-index: 10;

}



.gx-7 {

  --bs-gutter-x: 7px;

}



.gx-10 {

  --bs-gutter-x: 10px;

}



.gx-12 {

  --bs-gutter-x: 12px;

}



.gx-15 {

  --bs-gutter-x: 15px;

}



.gx-20 {

  --bs-gutter-x: 20px;

}



.gx-24 {

  --bs-gutter-x: 24px;

}



.gx-30 {

  --bs-gutter-x: 30px;

}



.gx-40 {

  --bs-gutter-x: 40px;

}



.gx-45 {

  --bs-gutter-x: 45px;

}



.gx-50 {

  --bs-gutter-x: 50px;

}



.gx-55 {

  --bs-gutter-x: 55px;

}



.gx-60 {

  --bs-gutter-x: 60px;

}



.gx-70 {

  --bs-gutter-x: 70px;

}



.gx-80 {

  --bs-gutter-x: 80px;

}



.gx-90 {

  --bs-gutter-x: 90px;

}



.gx-100 {

  --bs-gutter-x: 100px;

}



.gx-135 {

  --bs-gutter-x: 135px;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .gx-135 {

    --bs-gutter-x: 30px;

  }

}



.overflow-y-visible {

  overflow-x: hidden;

  overflow-y: visible;

}



.text-capitalize {

  text-transform: capitalize;

}



.text-uppercase {

  text-transform: uppercase;

}



.p-relative {

  position: relative;

}



.p-absolute {

  position: absolute;

}



.include-bg {

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}



/* dropcap */

.tp-dropcap::first-letter {

  float: left;

  width: 65px;

  height: 85px;

  font-size: 90px;

  line-height: 0.8;

  font-weight: 500;

  margin-right: 5px;

  text-align: center;

  line-height: inherit;

  text-transform: capitalize;

  color: var(--tp-common-white);

  font-family: var(--tp-ff-body);

}



.coffe-bg {

  background-color: var(--tp-coffe-1);

}



.counter-row {

  counter-reset: count;

}



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

/*  2.1 Back to top

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

.back-to-top-wrapper {

  position: fixed;

  right: 50px;

  bottom: 0;

  height: 44px;

  width: 44px;

  cursor: pointer;

  display: block;

  border-radius: 50%;

  z-index: 99;

  opacity: 0;

  visibility: hidden;

}

@media (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;

  border-radius: 50%;

  color: var(--tp-common-black);

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  background: var(--tp-common-white);

  box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);

}

.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 Buttons

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

.tp-btn-black {

  position: relative;

  display: inline-block;

}

.tp-btn-black-text {

  font-size: 16px;

  font-weight: 500;

  padding: 7px 22px;

  border-radius: 9999px;

  color: var(--tp-common-white);

  background-color: var(--tp-common-black);

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-btn-black-text {

    font-size: 14px;

    padding: 7px 17px;

  }

}

@media (max-width: 767px) {

  .tp-btn-black-text {

    font-size: 15px;

    padding: 7px 13px;

  }

}

.tp-btn-black-filter-blur {

  position: absolute;

  top: 0;

  left: 0;

}

.tp-btn-black-circle {

  width: 36px;

  height: 36px;

  line-height: 32px;

  margin-left: -4px;

  text-align: center;

  border-radius: 9999px;

  transition-duration: 0.9s;

  background: var(--tp-common-black);

  transition-timing-function: cubic-bezier(0.135, 0.9, 0.15, 1);

}

.tp-btn-black-circle>svg {

  width: 14px;

  margin-left: 3px;

  color: var(--tp-common-white);

  transform: translateX(-2px);

}

.tp-btn-black:hover .tp-btn-black-circle {

  transform: translateX(12px) rotate(45deg);

}

.tp-btn-black.btn-green-bg .tp-btn-black-text {

  color: var(--tp-common-black);

  background-color: var(--tp-theme-green);

}

.tp-btn-black.btn-green-bg .tp-btn-black-circle {

  background: var(--tp-theme-green);

}

.tp-btn-black.btn-green-bg .tp-btn-black-circle svg {

  color: var(--tp-common-black);

}

.tp-btn-black.btn-green-bg:hover .tp-btn-black-circle {

  transform: translateX(12px) rotate(45deg);

}

.tp-btn-black.btn-red-bg .tp-btn-black-text {

  color: var(--tp-common-white);

  background-color: var(--tp-common-red-3);

}

.tp-btn-black.btn-red-bg .tp-btn-black-circle {

  background: var(--tp-common-red-3);

}

.tp-btn-black.btn-red-bg .tp-btn-black-circle svg {

  color: var(--tp-common-white);

}

.tp-btn-black.btn-red-bg:hover .tp-btn-black-circle {

  transform: translateX(12px) rotate(45deg);

}

.tp-btn-black.btn-white-bg .tp-btn-black-text {

  color: var(--tp-common-black);

  background-color: var(--tp-common-white);

}

.tp-btn-black.btn-white-bg .tp-btn-black-circle {

  background: var(--tp-common-white);

}

.tp-btn-black.btn-white-bg .tp-btn-black-circle svg {

  color: var(--tp-common-black);

}

.tp-btn-black.btn-white-bg:hover .tp-btn-black-circle {

  transform: translateX(12px) rotate(45deg);

}

.tp-btn-black.btn-green-light-bg .tp-btn-black-text {

  color: var(--tp-common-black);

  background-color: var(--tp-common-green-light);

}

.tp-btn-black.btn-green-light-bg .tp-btn-black-circle {

  background-color: var(--tp-common-green-light);

}

.tp-btn-black.btn-green-light-bg .tp-btn-black-circle svg {

  color: var(--tp-common-black);

}

.tp-btn-black.btn-transparent-bg .tp-btn-black-text {

  color: var(--tp-common-white);

  background-color: #26282C;

}

.tp-btn-black.btn-transparent-bg .tp-btn-black-circle {

  background-color: #26282C;

}

.tp-btn-black.btn-transparent-bg .tp-btn-black-circle svg {

  color: var(--tp-common-white);

}

.tp-btn-black-square {

  padding: 20px 34px;

  font-weight: 600;

  font-size: 16px;

  line-height: 1;

  border-radius: 10px;

  display: inline-block;

  letter-spacing: -0.01em;

  color: var(--tp-common-white);

  background-color: var(--tp-common-black);

}

.tp-btn-black-square span {

  position: relative;

  z-index: 1;

  overflow: hidden;

  display: inline-block;

}

.tp-btn-black-square span span.text-1 {

  position: relative;

  display: block;

  transition: 0.3s;

}

.tp-btn-black-square span span.text-2 {

  position: absolute;

  top: 100%;

  display: block;

  transition: 0.3s;

}

.tp-btn-black-square i {

  position: relative;

  overflow: hidden;

  width: 14px;

  height: 14px;

  display: inline-flex;

  margin-left: 7px;

}

.tp-btn-black-square i svg {

  transform: translateY(-2px);

  position: absolute;

  bottom: -1px;

  left: 1px;

  transition: all 0.2s ease-out;

}

.tp-btn-black-square i svg:last-child {

  left: -12px;

  bottom: -12px;

  transform: translate(0, 0);

  opacity: 0;

}

.tp-btn-black-square:hover {

  color: var(--tp-common-white);

}

.tp-btn-black-square:hover span span.text-1 {

  -webkit-transform: translateY(-150%);

  transform: translateY(-150%);

}

.tp-btn-black-square:hover span span.text-2 {

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.tp-btn-black-square:hover i svg:first-child {

  transform: translate(16px, -16px);

}

.tp-btn-black-square:hover i svg:last-child {

  opacity: 1;

  visibility: visible;

  transform: translate(13px, -13px);

}

.tp-btn-black-square:focus {

  color: var(--tp-common-white);

}

.tp-btn-black-square.yellow-bg {

  color: var(--tp-common-black);

  background-color: var(--tp-common-yellow);

}

.tp-btn-black-solid {

  display: inline-block;

  border-radius: 40px;

  padding: 18px 70px;

  font-size: 16px;

  line-height: 1;

  letter-spacing: 1px;

  text-transform: uppercase;

  color: var(--tp-common-white);

  background-color: var(--tp-common-black);

  font-family: var(--tp-ff-clash-medium);

}

@media (max-width: 767px) {

  .tp-btn-black-solid {

    font-size: 15px;

    padding: 18px 30px;

  }

}

.tp-btn-black-solid:hover {

  color: var(--tp-common-white);

  border-color: var(--tp-common-red-2);

  background-color: var(--tp-common-red-2);

}

.tp-btn-black-solid:focus {

  color: var(--tp-common-white);

}

.tp-btn-black-radius {

  font-size: 16px;

  font-weight: 600;

  padding: 4px 22px;

  padding-right: 4px;

  border-radius: 38px;

  display: inline-block;

  letter-spacing: -0.01em;

  color: var(--tp-common-white);

  background-color: #21212d;

  gap: 10px;

}

.tp-btn-black-radius span {

  position: relative;

  z-index: 1;

  overflow: hidden;

  display: inline-block;

}

.tp-btn-black-radius span span.text-1 {

  position: relative;

  display: block;

  transition: 0.3s;

  transform: translateY(-1px);

}

.tp-btn-black-radius span span.text-2 {

  position: absolute;

  top: 100%;

  display: block;

  transition: 0.3s;

  transform: translateY(-1px);

}

.tp-btn-black-radius i {

  height: 38px;

  width: 38px;

  line-height: 38px;

  border-radius: 50%;

  margin-left: 2px;

  text-align: center;

  display: inline-block;

  background-color: var(--tp-common-white);

}

.tp-btn-black-radius i span {

  position: relative;

  overflow: hidden;

  width: 14px;

  height: 14px;

  display: inline-flex;

}

.tp-btn-black-radius i svg {

  transform: translateY(-2px);

  position: absolute;

  bottom: -1px;

  left: 1px;

  transition: all 0.2s ease-out;

}

.tp-btn-black-radius i svg:last-child {

  left: -12px;

  bottom: -12px;

  transform: translate(0, 0);

  opacity: 0;

}

.tp-btn-black-radius:hover {

  color: var(--tp-common-white);

}

.tp-btn-black-radius:hover span span.text-1 {

  -webkit-transform: translateY(-150%);

  transform: translateY(-150%);

}

.tp-btn-black-radius:hover span span.text-2 {

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.tp-btn-black-radius:hover i svg:first-child {

  transform: translate(16px, -16px);

}

.tp-btn-black-radius:hover i svg:last-child {

  opacity: 1;

  visibility: visible;

  transform: translate(13px, -13px);

}

.tp-btn-black-radius:focus {

  color: var(--tp-common-white);

}

.tp-btn-black-radius.btn-blue-bg {

  padding: 5px 22px;

  padding-right: 5px;

  background-color: var(--tp-common-blue);

  border: 1px solid rgba(238, 241, 234, 0.04);

}

.tp-btn-black-radius.btn-blue-bg i {

  height: 48px;

  width: 48px;

  line-height: 50px;

}

.tp-btn-black-radius.btn-blue-bg.btn-border {

  background-color: transparent;

  color: var(--tp-common-black-10);

  border: 1px solid rgba(33, 33, 45, 0.1);

}

.tp-btn-black-radius.btn-blue-bg.btn-border i {

  line-height: 52px;

  color: var(--tp-common-white);

  background-color: var(--tp-common-black-10);

}

.tp-btn-black-radius.btn-blue-bg.btn-border i span {

  width: 19px;

  height: 15px;

  margin-left: 2px;

  display: inline-block;

}

.tp-btn-black-radius.btn-blur {

  backdrop-filter: blur(20px);

  background: rgba(255, 255, 255, 0.1);

  border: 1.5px solid rgba(255, 255, 255, 0.3);

}

.tp-btn-border {

  font-weight: 400;

  font-size: 40px;

  transition: 0.3s;

  border-radius: 6px;

  padding: 8px 20px;

  line-height: 1;

  display: inline-block;

  letter-spacing: 1px;

  color: var(--tp-common-cream);

  font-family: var(--tp-ff-mango);

  border: 1px solid rgba(249, 244, 232, 0.1);

}

.tp-btn-border:hover {

  color: var(--tp-common-black);

  border-color: var(--tp-common-cream);

  background-color: var(--tp-common-cream);

}

.tp-btn-border-2 {

  font-weight: 500;

  font-size: 15px;

  line-height: 1;

  transition: 0.3s;

  padding: 15px 25px;

  border-radius: 24px;

  display: inline-block;

  text-transform: uppercase;

  color: var(--tp-common-black);

  font-family: var(--tp-ff-clash-medium);

  border: 1px solid rgba(25, 25, 25, 0.1);

}

.tp-btn-border-2:hover {

  color: var(--tp-common-white);

  border-color: var(--tp-common-red-2);

  background-color: var(--tp-common-red-2);

}

.tp-btn-border-2 span svg {

  margin-left: 6px;

  transform: translateY(-2px);

}

.tp-btn-border-2.st {

  font-size: 18px;

  font-weight: 600;

  padding: 14px 28px;

  color: var(--tp-common-brown);

  font-family: var(--tp-ff-poppins);

  border-color: rgba(69, 48, 48, 0.15);

}

.tp-btn-border-2.st:hover {

  color: var(--tp-common-white);

  border-color: var(--tp-common-brown);

  background-color: var(--tp-common-brown);

}

.tp-btn-sky-border {

  font-weight: 600;

  font-size: 16px;

  line-height: 1;

  display: inline-block;

  letter-spacing: -0.02em;

  color: var(--tp-common-sky);

  border: 1.5px solid #c5fcfc;

  border-radius: 50px;

  padding: 22px 36px;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-btn-sky-border {

    padding: 17px 25px;

  }

}

@media (max-width: 767px) {

  .tp-btn-sky-border {

    padding: 16px 25px;

  }

}

.tp-btn-sky-border:hover {

  background-color: #c5fcfc;

  color: var(--tp-common-black);

}

.tp-btn-sky-border.height-50 {

  padding: 16px 36px;

}

.tp-btn-sky-border.solid-bg {

  color: var(--tp-common-black);

  background-color: #c5fcfc;

}

.tp-btn-sky-border.solid-bg:hover {

  color: var(--tp-common-sky);

  background-color: transparent;

}

.tp-btn-sky {

  font-weight: 600;

  font-size: 16px;

  line-height: 1;

  display: inline-block;

  letter-spacing: -0.02em;

  border-radius: 50px;

  padding: 20px 36px;

  background-color: #c5fcfc;

  color: var(--tp-common-black);

}

.tp-btn-yellow {

  font-weight: 600;

  font-size: 14px;

  line-height: 1;

  padding: 12px 24px;

  display: inline-block;

  letter-spacing: -0.01em;

  color: var(--tp-common-black);

  background-color: var(--tp-common-yellow);

  border: 1px solid rgba(255, 255, 255, 0.3);

}

@media (max-width: 767px) {

  .tp-btn-yellow {

    padding: 12px 13px;

  }

}

.tp-btn-yellow span {

  margin-right: 8px;

}

.tp-btn-yellow span svg {

  transform: translateY(-1px);

}

.tp-btn-green-border {

  font-weight: 600;

  font-size: 14px;

  line-height: 1;

  padding: 16px 28px 14px;

  border-radius: 30px;

  display: inline-block;

  text-transform: uppercase;

  color: #2A4C3A;

  border: 1px solid #2A4C3A;

}

.tp-btn-green-border span {

  position: relative;

  z-index: 1;

  overflow: hidden;

  display: inline-block;

}

.tp-btn-green-border span span.text-1 {

  position: relative;

  display: block;

  transition: 0.3s;

}

.tp-btn-green-border span span.text-2 {

  position: absolute;

  bottom: 100%;

  display: block;

  transition: 0.3s;

}

.tp-btn-green-border i {

  position: relative;

  overflow: hidden;

  width: 12px;

  height: 12px;

  display: inline-flex;

  margin-left: 8px;

}

.tp-btn-green-border i svg {

  transform: translateY(-2px);

  position: absolute;

  bottom: -1px;

  left: 1px;

  transition: all 0.2s ease-out;

}

.tp-btn-green-border i svg:last-child {

  left: -12px;

  bottom: -12px;

  transform: translate(0, 0);

  opacity: 0;

}

.tp-btn-green-border:hover {

  color: #2A4C3A;

}

.tp-btn-green-border:hover span span.text-1 {

  -webkit-transform: translateY(150%);

  transform: translateY(150%);

}

.tp-btn-green-border:hover span span.text-2 {

  bottom: 50%;

  -webkit-transform: translateY(50%);

  transform: translateY(50%);

}

.tp-btn-green-border:hover i {

  display: inline-block;

  transform: translateY(-1px);

}

.tp-btn-green-border:hover i svg:first-child {

  transform: translate(16px, -16px);

}

.tp-btn-green-border:hover i svg:last-child {

  opacity: 1;

  visibility: visible;

  transform: translate(13px, -13px);

}

.tp-btn-green-border:focus {

  color: #2A4C3A;

}

.tp-btn-yellow-green {

  border-radius: 10px;

  padding: 16px 24px;

  font-weight: 600;

  font-size: 14px;

  line-height: 1;

  display: inline-block;

  letter-spacing: -0.01em;

  text-transform: uppercase;

  color: var(--tp-common-black-9);

  background-color: var(--tp-common-yellow-green);

}

.tp-btn-yellow-green span {

  position: relative;

  z-index: 1;

  overflow: hidden;

  display: inline-block;

}

.tp-btn-yellow-green span span.text-1 {

  position: relative;

  display: block;

  transition: 0.3s;

}

.tp-btn-yellow-green span span.text-2 {

  position: absolute;

  top: 100%;

  display: block;

  transition: 0.3s;

}

.tp-btn-yellow-green.lg {

  font-size: 16px;

  padding: 22px 28px;

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-btn-yellow-green.lg {

    font-size: 14px;

    padding: 17px 20px;

  }

}

.tp-btn-yellow-green.green-solid {

  gap: 8px;

  line-height: 1;

  font-size: 16px;

  font-weight: 600;

  padding: 18px 24px;

  letter-spacing: -0.01em;

  text-transform: capitalize;

  color: var(--tp-common-black);

  display: inline-flex;

  align-items: center;

  justify-content: center;

  background-color: var(--tp-common-green-regular);

}

.tp-btn-yellow-green.green-solid span {

  position: relative;

  z-index: 1;

  overflow: hidden;

  display: inline-block;

}

.tp-btn-yellow-green.green-solid span span.text-1 {

  position: relative;

  display: block;

  transition: 0.3s;

}

.tp-btn-yellow-green.green-solid span span.text-2 {

  position: absolute;

  top: 100%;

  display: block;

  transition: 0.3s;

}

.tp-btn-yellow-green.green-solid.btn-60 {

  padding: 23px 24px;

}

.tp-btn-yellow-green.green-solid.btn-60 span {

  position: relative;

  z-index: 1;

  overflow: hidden;

  display: inline-block;

}

.tp-btn-yellow-green.green-solid.btn-60 span span.text-1 {

  position: relative;

  display: block;

  transition: 0.3s;

}

.tp-btn-yellow-green.green-solid.btn-60 span span.text-2 {

  position: absolute;

  top: 100%;

  display: block;

  transition: 0.3s;

}

.tp-btn-yellow-green.green-solid.btn-60 i {

  position: relative;

  overflow: hidden;

  width: 14px;

  height: 14px;

  display: inline-flex;

  margin-left: 4px;

}

.tp-btn-yellow-green.green-solid.btn-60 i svg {

  transform: translateY(-2px);

  position: absolute;

  bottom: -1px;

  left: 1px;

  transition: all 0.2s ease-out;

}

.tp-btn-yellow-green.green-solid.btn-60 i svg:last-child {

  left: -12px;

  bottom: -12px;

  transform: translate(0, 0);

  opacity: 0;

}

.tp-btn-yellow-green.green-solid.btn-60:hover {

  color: var(--tp-common-black);

}

.tp-btn-yellow-green.green-solid.btn-60:hover span span.text-1 {

  -webkit-transform: translateY(-150%);

  transform: translateY(-150%);

}

.tp-btn-yellow-green.green-solid.btn-60:hover span span.text-2 {

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.tp-btn-yellow-green.green-solid.btn-60:hover i svg:first-child {

  transform: translate(16px, -16px);

}

.tp-btn-yellow-green.green-solid.btn-60:hover i svg:last-child {

  opacity: 1;

  visibility: visible;

  transform: translate(13px, -13px);

}

.tp-btn-yellow-green.green-solid:hover {

  color: var(--tp-common-black);

}

.tp-btn-yellow-green.green-solid:hover span span.text-1 {

  -webkit-transform: translateY(-150%);

  transform: translateY(-150%);

}

.tp-btn-yellow-green.green-solid:hover span span.text-2 {

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.tp-btn-yellow-green.green-solid:focus {

  color: var(--tp-common-black);

}

.tp-btn-yellow-green:hover {

  color: var(--tp-common-black);

}

.tp-btn-yellow-green:hover span span.text-1 {

  -webkit-transform: translateY(-150%);

  transform: translateY(-150%);

}

.tp-btn-yellow-green:hover span span.text-2 {

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.tp-btn-yellow-green:focus {

  color: var(--tp-common-black);

}

.tp-btn-yellow-green.sidebar-btn {

  font-weight: 600;

  font-size: 16px;

  line-height: 1;

  color: #16302f;

  padding: 18px 24px;

  letter-spacing: -0.01em;

  background-color: #D0FF71;

}

.tp-btn-yellow-green.sidebar-btn.sidebar-btn-style {

  padding: 20px 54px;

  padding-bottom: 16px;

  font-weight: 600;

  font-size: 16px;

  line-height: 1;

  color: #16302f;

  letter-spacing: -0.01em;

}

.tp-btn-yellow-border {

  font-weight: 600;

  font-size: 16px;

  line-height: 1;

  padding: 21px 28px;

  border-radius: 10px;

  display: inline-block;

  letter-spacing: -0.01em;

  text-transform: uppercase;

  color: var(--tp-common-yellow-green);

  border: 1px solid var(--tp-common-yellow-green);

}

.tp-btn-yellow-border span {

  position: relative;

  z-index: 1;

  overflow: hidden;

  display: inline-block;

}

.tp-btn-yellow-border span span.text-1 {

  position: relative;

  display: block;

  transition: 0.3s;

}

.tp-btn-yellow-border span span.text-2 {

  position: absolute;

  bottom: 100%;

  display: block;

  transition: 0.3s;

}

.tp-btn-yellow-border i {

  position: relative;

  overflow: hidden;

  width: 12px;

  height: 12px;

  display: inline-flex;

  margin-left: 7px;

}

.tp-btn-yellow-border i svg {

  transform: translateY(-2px);

  position: absolute;

  bottom: -1px;

  left: 1px;

  transition: all 0.2s ease-out;

}

.tp-btn-yellow-border i svg:last-child {

  left: -12px;

  bottom: -12px;

  transform: translate(0, 0);

  opacity: 0;

}

@media (max-width: 767px) {

  .tp-btn-yellow-border {

    font-size: 14px;

    padding: 15px 20px;

  }

}

.tp-btn-yellow-border.sm {

  font-size: 14px;

  padding: 15px 28px;

}

.tp-btn-yellow-border:hover {

  color: var(--tp-common-yellow-green);

}

.tp-btn-yellow-border:hover span span.text-1 {

  -webkit-transform: translateY(150%);

  transform: translateY(150%);

}

.tp-btn-yellow-border:hover span span.text-2 {

  bottom: 50%;

  -webkit-transform: translateY(50%);

  transform: translateY(50%);

}

.tp-btn-yellow-border:hover i svg:first-child {

  transform: translate(16px, -16px);

}

.tp-btn-yellow-border:hover i svg:last-child {

  opacity: 1;

  visibility: visible;

  transform: translate(13px, -13px);

}

.tp-btn-yellow-border:focus {

  color: var(--tp-common-yellow-green);

}

.tp-btn-yellow-border.postbox-btn {

  font-weight: 600;

  font-size: 15px;

  line-height: 1;

  color: #d0ff71;

  padding: 15.5px 28px;

  background: #1a1b1e;

  border: 1px solid #1a1b1e;

}

.tp-btn-yellow-border.postbox-btn i {

  width: 15px;

  height: 15px;

  border-radius: 14px;

}

.tp-btn-red-border {

  border-radius: 20px;

  padding: 11px 20px;

  font-size: 16px;

  line-height: 1;

  display: inline-block;

  text-transform: uppercase;

  color: #000 !important;

  font-family: var(--tp-ff-clash-semibold);

  border: 0px !important;

}

 

.tp-btn-red-border.about-us-2 {

  color: var(--tp-common-black-10);

}

.tp-btn-red-border.about-us-2:hover {

  color: var(--tp-common-white);

}

.tp-btn-gradient {

  display: flex;

  position: relative;

  align-items: center;

  overflow: hidden;

  font-weight: 600;

  font-size: 17px;

  line-height: 1;

  z-index: 1;

  margin: 1px;

  transition: 0.4s;

  border-radius: 14px;

  padding: 22px 30px;

  padding-top: 25px;

  display: inline-block;

  letter-spacing: -0.01em;

  color: var(--tp-common-white);

  background: linear-gradient(230deg, #FF994B 6.7%, #D34BE9 48.83%, #3188FF 90.96%);

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-btn-gradient {

    font-size: 16px;

    padding: 15px 25px;

    padding-top: 18px;

  }

}

.tp-btn-gradient:hover {

  color: var(--tp-common-white);

}

.tp-btn-gradient:focus {

  color: var(--tp-common-white);

}

.tp-btn-gradient span {

  margin-right: 10px;

  display: inline-block;

}

.tp-btn-gradient span svg {

  transform: translateY(-2px);

}

.tp-btn-gradient.sm {

  padding-top: 0;

  padding: 13px 24px;

  position: relative;

}

.tp-btn-black-border {

  margin: 1px;

  display: flex;

  align-items: center;

  font-weight: 600;

  font-size: 17px;

  line-height: 1;

  border-radius: 14px;

  padding: 12px 24px;

  display: inline-block;

  letter-spacing: -0.01em;

  backdrop-filter: blur(10px);

  color: var(--tp-common-white);

  background: rgb(41, 38, 54);

  border: 1px solid rgba(255, 246, 191, 0.1);

}

.tp-btn-black-border:hover {

  color: var(--tp-common-white);

}

.tp-btn-black-border:focus {

  color: var(--tp-common-white);

}

.tp-btn-black-border span {

  margin-right: 10px;

  display: inline-block;

}

.tp-btn-black-border span svg {

  transform: translateY(-2px);

}

.tp-btn-red-circle-box {

  display: inline-flex;

  width: -moz-fit-content;

  width: fit-content;

}

.tp-btn-red-circle-box>*:nth-child(1) {

  transform: scale3d(0.5, 0.5, 1);

  margin-inline-end: -55px;

}

.tp-btn-red-circle-box>*:nth-child(2) {

  transform: scale3d(1, 1, 1);

}

.tp-btn-red-circle-box>*:nth-child(3) {

  transform: scale3d(1, 1, 1);

  margin-inline-start: 0;

}

.tp-btn-red-circle-box:hover>*:nth-child(1) {

  transform: scale3d(1, 1, 1);

  margin-inline-end: 0;

  color: var(--tp-common-white);

  background-color: var(--tp-common-red-2);

}

.tp-btn-red-circle-box:hover>*:nth-child(2) {

  position: relative;

  z-index: 1;

  transform: scale3d(1, 1, 1);

}

.tp-btn-red-circle-box:hover>*:nth-child(3) {

  transform: scale3d(0.5, 0.5, 1);

  margin-inline-start: -55px;

}

.tp-btn-red-circle-box:hover .tp-btn-red-circle-text {

  color: var(--tp-common-white);

  background-color: var(--tp-common-red-2);

}

.tp-btn-red-circle-box.tp-pp-btn-style .tp-btn-red-circle-text {

  font-size: 16px;

  font-weight: 600;

  color: #FFF669;

  letter-spacing: -0.32px;

  text-transform: capitalize;

  background-color: transparent;

  border: 1px solid #FFF669;

  font-family: var(--tp-ff-inter);

}

.tp-btn-red-circle-box.tp-pp-btn-style .tp-btn-red-circle-icon {

  background: #FFF669;

  color: var(--tp-common-black);

  border: 1px solid #FFF669;

}

.tp-btn-red-circle-box.tp-pp-btn-style> :nth-child(1) {

  opacity: 0;

}

.tp-btn-red-circle-box.tp-pp-btn-style:hover .tp-btn-red-circle-text {

  color: var(--tp-common-black);

  background-color: #FFF669;

}

.tp-btn-red-circle-box.tp-pp-btn-style:hover>*:nth-child(1) {

  opacity: 1;

}

.tp-btn-red-circle-box.tp-pp-btn-style:hover>*:nth-child(3) {

  opacity: 0;

}

.tp-btn-red-circle-icon {

  height: 54px;

  width: 54px;

  line-height: 50px;

  border-radius: 50%;

  text-align: center;

  display: inline-block;

  color: var(--tp-common-red-2);

  border: 1px solid var(--tp-common-red-2);

}

.tp-btn-red-circle-text {

  font-size: 15px;

  line-height: 1;

  border-radius: 30px;

  padding: 18.5px 36px;

  letter-spacing: 1px;

  display: inline-block;

  text-transform: uppercase;

  background-color: #F2F1EE;

  color: var(--tp-common-red-2);

  font-family: var(--tp-ff-clash-medium);

  border: 1px solid var(--tp-common-red-2);

}

.tp-btn-white-border {

  font-size: 15px;

  font-weight: 500;

  color: #0E0F11;

  display: inline-block;

  border-radius: 40px;

  padding: 6px 20px 6px;

  backdrop-filter: blur(10px);

  letter-spacing: -0.15px;

  background-color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.tp-btn-white-border.coffee-bg {

  padding: 7px 30px;

  background-color: var(--tp-theme-shop);

  text-transform: capitalize;

  color: var(--tp-common-white);

}

.tp-btn-white-border.coffee-bg:hover {

  color: var(--tp-theme-shop);

  border-color: var(--tp-theme-shop);

  background-color: transparent;

}

.tp-btn-white-border.coffee-bg.border-none {

  color: var(--tp-theme-shop);

  border-color: var(--tp-theme-shop);

  background-color: transparent;

}

.tp-btn-white-border.coffee-bg.border-none:hover {

  border-color: var(--tp-theme-shop);

  color: var(--tp-common-white);

  background-color: var(--tp-common-black);

}

.tp-btn-white-border:hover {

  color: var(--tp-common-white);

  background-color: transparent;

  border-color: var(--tp-common-white);

}

.tp-btn-white-border span {

  margin-left: 4px;

  display: inline-block;

}

.tp-btn-white-border.tp-btn-transparent {

  color: var(--tp-common-white);

  background-color: transparent;

  border-color: rgba(255, 255, 255, 0.2);

}

.tp-btn-white-border.tp-btn-transparent:hover {

  color: var(--tp-common-black);

  background-color: var(--tp-common-white);

}

.tp-btn-animation {

  height: 50px;

  line-height: 1;

  padding: 17px 15px;

  border-radius: 30px;

  display: inline-block;

  white-space: nowrap;

  animation: scrollText 20s infinite linear;

  background: rgba(255, 255, 255, 0.08);

}

.tp-btn-animation:hover {

  animation-play-state: paused;

}

.tp-btn-animation span {

  font-weight: 600;

  font-size: 18px;

  z-index: 9;

  overflow: hidden;

  display: inline-block;

  text-transform: uppercase;

  position: relative;

  transition: all 0.3s;

  color: var(--tp-common-white);

}

.tp-btn-animation span svg {

  margin-right: 8px;

  margin-left: 8px;

}



.tp-btn-cream-bdr {

  height: 50px;

  line-height: 50px;

  padding: 0 25px;

  font-size: 14px;

  font-weight: 500;

  display: inline-block;

  text-transform: uppercase;

  color: var(--tp-cream-2);

  font-family: var(--tp-ff-poppins);

  border: 1px solid var(--tp-cream-2);

  transition: 0.3s;

}

.tp-btn-cream-bdr:hover {

  background-color: var(--tp-cream-2);

  color: var(--tp-coffe-1);

}



/* Glow Border Animation */

.animated-border-box {

  position: relative;

  overflow: hidden;

  z-index: 0;

  line-height: 0;

  border-radius: 14px;

  display: inline-block;

  transition: 0.4s;

}

.animated-border-box:hover {

  transform: scale(1.1);

}

.animated-border-box:before {

  content: "";

  z-index: -2;

  text-align: center;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%) rotate(0deg);

  position: absolute;

  width: 99999px;

  height: 99999px;

  background-repeat: no-repeat;

  background-position: 0 0;

  background-image: conic-gradient(rgba(0, 0, 0, 0), #FFF, rgba(0, 0, 0, 0) 25%);

  animation: rotate 4s linear infinite;

}

.animated-border-box.radius-style-2 {

  border-radius: 100px;

}

.animated-border-box.radius-style-2 .tp-btn-gradient.sm {

  border-radius: 100px;

}

.animated-border-box.radius-style-2::before {

  background-image: conic-gradient(rgba(0, 0, 0, 0), #21212D, rgba(0, 0, 0, 0) 25%);

}

.animated-border-box.border-icon .tp-btn-gradient span {

  padding-right: 10px;

  border-right: 1px solid rgba(255, 255, 255, 0.3);

}

.animated-border-box.border-icon::before {

  background-image: conic-gradient(rgba(0, 0, 0, 0), #21212D, rgba(0, 0, 0, 0) 25%);

}



.tp-action-btn {

  font-size: 15px;

  font-weight: 600;

  color: #FFF;

  width: 100%;

  padding: 11px 50px;

  background: #5a5b5d;

  display: inline-block;

  text-transform: uppercase;

  backdrop-filter: blur(10px);

  border: 1px solid #5a5b5d;

  transform: translateY(100%);

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.tp-action-btn:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-theme-shop);
  border: 1px solid  var(--tp-theme-shop);

}



.tp-quick-view-btn {

  height: 40px;

  width: 40px;

  display: grid;

  color: var(--tp-theme-shop);

  text-align: center;

  place-content: center;

  background-color: #F4F0EA;

  transform: translateX(100%);

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.tp-quick-view-btn:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-theme-shop);

}



.tp-portfolio-details-btn {

  font-size: 16px;

  font-weight: 600;

  padding: 9px 25px;

  border-radius: 24px;

  letter-spacing: -0.16px;

  display: inline-block;

  text-transform: uppercase;

  color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.tp-portfolio-details-btn:hover {

  color: var(--tp-common-black);

  background-color: var(--tp-common-white);

}

.tp-portfolio-details-btn span {

  display: inline-block;

  margin-left: 15px;

}



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

/*  2.3 Animations

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

@keyframes rotate2 {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(360deg);

  }

}

@keyframes animationglob {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(-360deg);

    transform: rotate(-360deg);

  }

}

@keyframes lqdItiImgOut {

  0% {

    transform: translateY(0) scale(1);

  }

  to {

    transform: translateY(100%) scale(1.15);

  }

}

@keyframes hero-circle-2 {

  0% {

    -webkit-transform: translateX(1000px);

    -moz-transform: translateX(1000px);

    -ms-transform: translateX(1000px);

    -o-transform: translateX(1000px);

    transform: translateX(1000px);

  }

  100% {

    -webkit-transform: translateX(0px);

    -moz-transform: translateX(0px);

    -ms-transform: translateX(0px);

    -o-transform: translateX(0px);

    transform: translateX(0px);

  }

}

@keyframes hero-circle-3 {

  0% {

    -webkit-transform: translateX(500px);

    -moz-transform: translateX(500px);

    -ms-transform: translateX(500px);

    -o-transform: translateX(500px);

    transform: translateX(500px);

  }

  100% {

    -webkit-transform: translateX(0px);

    -moz-transform: translateX(0px);

    -ms-transform: translateX(0px);

    -o-transform: translateX(0px);

    transform: translateX(0px);

  }

}

@keyframes move1 {

  0% {

    bottom: -300px;

    left: -300px;

  }

  30% {

    bottom: 100px;

    left: 300px;

  }

  60% {

    bottom: 200px;

    left: 600px;

  }

  100% {

    bottom: -300px;

    left: 1200px;

  }

}

@keyframes move1-reverse {

  0% {

    bottom: -150px;

    left: 1400px;

  }

  40% {

    bottom: 50px;

    left: 600px;

  }

  70% {

    bottom: 200px;

    left: 300px;

  }

  100% {

    bottom: -150px;

    left: -150px;

  }

}

@keyframes animate-pulse {

  0% {

    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(255, 255, 255, 0.2);

  }

  40% {

    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 255, 255, 0.2);

  }

  80% {

    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);

  }

  100% {

    box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);

  }

}

@keyframes animate-pulse-2 {

  0% {

    box-shadow: 0 0 0 0 rgba(255, 246, 105, 0.1), 0 0 0 0 rgba(255, 246, 105, 0.1);

  }

  40% {

    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 246, 105, 0.1);

  }

  80% {

    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);

  }

  100% {

    box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);

  }

}

@keyframes rotate {

  100% {

    transform: translate(-50%, -50%) rotate(1turn);

  }

}

@keyframes marquee-horizontal {

  from {

    transform: translateX(0);

  }

  to {

    transform: translateX(-100%);

  }

}

@-webkit-keyframes video-border {

  0% {

    transform: translate(-50%, -50%) scale(1);

  }

  60% {

    opacity: 1;

  }

  100% {

    transform: translate(-50%, -50%) scale(2);

    opacity: 0;

  }

}

@-moz-keyframes video-border {

  0% {

    transform: translate(-50%, -50%) scale(1);

  }

  60% {

    opacity: 1;

  }

  100% {

    transform: translate(-50%, -50%) scale(2);

    opacity: 0;

  }

}

@-ms-keyframes video-border {

  0% {

    transform: translate(-50%, -50%) scale(1);

  }

  60% {

    opacity: 1;

  }

  100% {

    transform: translate(-50%, -50%) scale(2);

    opacity: 0;

  }

}

@keyframes video-border {

  0% {

    transform: translate(-50%, -50%) scale(1);

  }

  60% {

    opacity: 1;

  }

  100% {

    transform: translate(-50%, -50%) scale(2);

    opacity: 0;

  }

}

@keyframes scroll-up-down {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes scroll1 {

  0% {

    top: 0px;

  }

  100% {

    top: 100%;

  }

}

@keyframes scroll2 {

  0% {

    top: 0px;

  }

  100% {

    top: 100%;

  }

}

@keyframes transform {

  0% {

    transform: scale(0.5);

    opacity: 0.8;

  }

  50% {

    transform: scale(1);

    opacity: 1;

  }

  100% {

    transform: scale(0.5);

    opacity: 0.8;

  }

}

@keyframes dash {

  0% {

    stroke-dashoffset: 1000;

  }

  100% {

    stroke-dashoffset: 0;

  }

}

.tp-zoom-in-out {

  -webkit-animation: tp_zoom_in_out 7s infinite linear;

  -moz-animation: tp_zoom_in_out 7s infinite linear;

  -ms-animation: tp_zoom_in_out 7s infinite linear;

  -o-animation: tp_zoom_in_out 7s infinite linear;

  animation: tp_zoom_in_out 7s infinite linear;

}



@-webkit-keyframes tp_zoom_in_out {

  0% {

    -webkit-transform: scale(0.8);

    -moz-transform: scale(0.8);

    -ms-transform: scale(0.8);

    -o-transform: scale(0.8);

    transform: scale(0.8);

  }

  50% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

  }

  100% {

    -webkit-transform: scale(0.8);

    -moz-transform: scale(0.8);

    -ms-transform: scale(0.8);

    -o-transform: scale(0.8);

    transform: scale(0.8);

  }

}

@-moz-keyframes tp_zoom_in_out {

  0% {

    -webkit-transform: scale(0.8);

    -moz-transform: scale(0.8);

    -ms-transform: scale(0.8);

    -o-transform: scale(0.8);

    transform: scale(0.8);

  }

  50% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

  }

  100% {

    -webkit-transform: scale(0.8);

    -moz-transform: scale(0.8);

    -ms-transform: scale(0.8);

    -o-transform: scale(0.8);

    transform: scale(0.8);

  }

}

@-ms-keyframes tp_zoom_in_out {

  0% {

    -webkit-transform: scale(0.8);

    -moz-transform: scale(0.8);

    -ms-transform: scale(0.8);

    -o-transform: scale(0.8);

    transform: scale(0.8);

  }

  50% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

  }

  100% {

    -webkit-transform: scale(0.8);

    -moz-transform: scale(0.8);

    -ms-transform: scale(0.8);

    -o-transform: scale(0.8);

    transform: scale(0.8);

  }

}

@keyframes tp_zoom_in_out {

  0% {

    -webkit-transform: scale(0.8);

    -moz-transform: scale(0.8);

    -ms-transform: scale(0.8);

    -o-transform: scale(0.8);

    transform: scale(0.8);

  }

  50% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

  }

  100% {

    -webkit-transform: scale(0.8);

    -moz-transform: scale(0.8);

    -ms-transform: scale(0.8);

    -o-transform: scale(0.8);

    transform: scale(0.8);

  }

}

@keyframes scroll_anim {

  0% {

    transform: translateY(0);

  }

  50% {

    transform: translateY(10px);

  }

  100% {

    transform: translateY(0);

  }

}

@keyframes loadingAnimation {

  to {

    transform: rotate(-360deg);

  }

}

@keyframes roteted {

  0% {

    transform: rotate(0);

  }

  100% {

    transform: rotate(360deg);

  }

}

@keyframes headerSlideDown {

  0% {

    margin-top: -150px;

  }

  100% {

    margin-top: 0;

  }

}

@keyframes bar_anim {

  0%,
  100% {

    -webkit-clip-path: inset(-2px 0);

    clip-path: inset(-2px 0);

  }

  42% {

    -webkit-clip-path: inset(-2px 0 -2px 100%);

    clip-path: inset(-2px 0 -2px 100%);

  }

  43% {

    -webkit-clip-path: inset(-2px 100% -2px 0);

    clip-path: inset(-2px 100% -2px 0);

  }

}

@keyframes scrollText {

  from {

    transform: translateX(0%);

  }

  to {

    transform: translateX(-50%);

  }

}

@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);

  }

}

.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

}



@-webkit-keyframes tpshake {

  10% {

    transform: translateY(-10px);

  }

  50% {

    transform: skew(15deg);

  }

  80% {

    transform: rotate(10deg);

  }

  100% {

    transform: translate(0);

  }

}

@-moz-keyframes tpshake {

  10% {

    transform: translateY(-10px);

  }

  50% {

    transform: skew(15deg);

  }

  80% {

    transform: rotate(10deg);

  }

  100% {

    transform: translate(0);

  }

}

@-ms-keyframes tpshake {

  10% {

    transform: translateY(-10px);

  }

  50% {

    transform: skew(15deg);

  }

  80% {

    transform: rotate(10deg);

  }

  100% {

    transform: translate(0);

  }

}

@keyframes tpshake {

  10% {

    transform: translateY(-10px);

  }

  50% {

    transform: skew(15deg);

  }

  80% {

    transform: rotate(10deg);

  }

  100% {

    transform: translate(0);

  }

}

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

/*  2.4 Preloader

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

#preloader {

  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: var(--tp-theme-green);
  overflow: hidden;

}



.preloader {

  width: 50px;

  height: 50px;

  display: inline-block;

  padding: 0px;

  text-align: left;

  box-sizing: border-box;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -25px;

  margin-top: -25px;

}



.preloader span {

  position: absolute;

  display: inline-block;

  width: 50px;

  height: 50px;

  border-radius: 100%;

  background: #FFF;

  animation: preloader 1.3s linear infinite;

  -webkit-animation: preloader 1.3s linear infinite;

}



.preloader span:last-child {

  animation-delay: -0.9s;

  -webkit-animation-delay: -0.9s;

}



@keyframes preloader {

  0% {

    transform: scale(0, 0);

    opacity: 0.5;

  }

  100% {

    transform: scale(1, 1);

    opacity: 0;

  }

}

@-webkit-keyframes preloader {

  0% {

    -webkit-transform: scale(0, 0);

    opacity: 0.5;

  }

  100% {

    -webkit-transform: scale(1, 1);

    opacity: 0;

  }

}

/*--- end of preloader ---*/

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

/*  2.5 Background

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

.grey-bg {

  background-color: var(--tp-grey-1);

}



.grey-bg-2 {

  background-color: var(--tp-grey-4);

}



.green-bg {

  background-color: var(--tp-theme-green);

}



.white-bg {

  background-color: var(--tp-common-white);

}



.black-bg {

  background-color: var(--tp-common-black);

}



.black-bg-3 {

  background-color: var(--tp-common-black-3);

}



.black-bg-4 {

  background-color: var(--tp-common-black-4);

}



.black-bg-5 {

  background-color: var(--tp-common-black-5);

}



.black-bg-6 {

  background-color: var(--tp-common-black-6);

}



.black-bg-7 {

  background-color: var(--tp-common-black-7);

}



.black-bg-8 {

  background-color: var(--tp-common-black-8);

}



.pink-light-bg {

  background-color: var(--tp-common-pink-light);

}



.yellow-bg {

  background-color: var(--tp-common-yellow);

}



.red-bg {

  background-color: var(--tp-common-red-2);

}



.red-bg-2 {

  background-color: var(--tp-common-red-3);

}



.yellow-green-bg {

  background-color: var(--tp-common-yellow-green);

}



.green-regular-bg {

  background-color: var(--tp-common-green-regular);

}



.paste-bg-2 {

  background-color: var(--tp-common-paste-2);

}



[data-bg-color=footer-bg-grey] {

  background-color: var(--tp-footer-grey-1);

}



[data-bg-color=footer-bg-white] {

  background-color: var(--tp-common-white);

}



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

/*  2.6 Nice Select

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

.custom-select {

  position: relative;

  width: 200px;

  border: 1px solid #ccc;

  cursor: pointer;

}

.custom-select .selected {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 10px;

  background: #fff;

}

.custom-select .selected.open .arrow {

  transform: rotate(-135deg);

}

.custom-select .selected.open+.options {

  max-height: 500px;

  opacity: 1;

}

.custom-select .selected .arrow {

  display: inline-block;

  width: 8px;

  height: 8px;

  border: solid #333;

  border-width: 0 1px 1px 0;

  transform: rotate(45deg);

  transition: transform 0.3s ease;

}

.custom-select .options {

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  background: #fff;

  border: 1px solid #ccc;

  max-height: 0;

  overflow: hidden;

  opacity: 0;

  z-index: 100;

  transition: max-height 0.3s ease, opacity 0.3s ease;

}

.custom-select .options li {

  padding: 10px;

  cursor: pointer;

  list-style: none;

  transition: background 0.2s ease;

}

.custom-select .options li:hover {

  background: #f0f0f0;

}



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

/*  2.7 Breadcrumb

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

.tp-breadcrumb-ptb {

  padding-top: 180px;

}

.tp-breadcrumb-title {

  font-weight: 700;

  font-size: 80px;

  line-height: 1.5;

  margin-bottom: 0;

  letter-spacing: -0.03em;

  color: var(--tp-common-white);

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-breadcrumb-title {

    font-size: 60px;

  }

}

@media (max-width: 767px) {

  .tp-breadcrumb-title {

    font-size: 40px;

  }

}

.tp-breadcrumb-list {

  display: inline-block;

  padding: 0px 10px;

}

.tp-breadcrumb-list span:last-child {

  color: var(--tp-common-white);

}

.tp-breadcrumb-list span {

  font-weight: 400;

  font-size: 18px;

  line-height: 1;

  text-transform: capitalize;

  color: rgba(255, 255, 255, 0.4);

}

@media (max-width: 767px) {

  .tp-breadcrumb-list span {

    font-size: 15px;

  }

}

.tp-breadcrumb-list span.dvdr i {

  padding: 0px 14px;

  font-style: normal;

}



.breadcrumb__list span {

  font-size: 14px;

  font-weight: 500;

  position: relative;

  color: rgba(77, 61, 48, 0.6);

}

.breadcrumb__list span:not(:last-child) {

  padding-right: 12px;

  margin-right: 5px;

}

.breadcrumb__list span:not(:last-child)::after {

  position: absolute;

  content: "";

  right: 0;

  top: 50%;

  width: 4px;

  height: 4px;

  background-color: #A8ACB0;

  border-radius: 50%;

}

.breadcrumb__list span:hover {

  color: var(--tp-theme-shop);

}

.breadcrumb__list span a:hover {

  color: var(--tp-coffe-2);

}

.breadcrumb__style-2 .breadcrumb__list span:last-child {

  color: var(--tp-theme-shop);

}

.breadcrumb__style-2 .breadcrumb__list span.breadcrumb-icon {

  padding-right: 0;

  margin-right: 0;

}

.breadcrumb__style-2 .breadcrumb__list span.breadcrumb-icon svg {

  transform: translateY(-3px);

}

.breadcrumb__style-2 .breadcrumb__list.has-icon span:nth-child(1)::after {

  display: none;

}



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

/*  2.8 Accordion

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

.design-service-accordion .accordion-header {

  font-size: inherit;

}

.design-service-accordion .accordion-buttons {

  text-align: left;

  width: 100%;

  height: 100%;

  position: relative;

}

.design-service-accordion .accordion-buttons img {

  transition: 0.3s;

}

.design-service-accordion .accordion-buttons span {

  font-weight: 500;

  font-size: 14px;

  line-height: 1;

  color: #999da6;

  padding-bottom: 25px;

  display: block;

}

.design-service-accordion .accordion-buttons i {

  font-weight: 400;

  font-size: 80px;

  line-height: 0.87;

  color: #E0EEEE;

  margin-bottom: 0;

  transition: 0.3s;

  font-style: normal;

  padding-bottom: 5px;

  letter-spacing: -0.02em;

  font-family: var(--tp-ff-dirtyline);

}

@media (max-width: 767px) {

  .design-service-accordion .accordion-buttons i {

    font-size: 50px;

  }

}

.design-service-accordion .accordion-buttons:not(.collapsed) img {

  transform: scale(1.4) rotate(-20deg) translate(-45px, 25px);

}

.design-service-accordion .accordion-buttons:not(.collapsed) i {

  color: #C5FCFC;

}

.design-service-accordion .accordion-body {

  padding: 0;

  padding-right: 280px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .design-service-accordion .accordion-body {

    padding-right: 250px;

  }

}

@media (max-width: 767px) {

  .design-service-accordion .accordion-body {

    padding-right: 0;

  }

}

.design-service-accordion .accordion-body p {

  font-weight: 500;

  font-size: 16px;

  line-height: 1.62;

  color: #999da6;

  margin-bottom: 0;

  padding-bottom: 30px;

  letter-spacing: -0.02em;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .design-service-accordion .accordion-body p br {

    display: none;

  }

}

.design-service-accordion .accordion-items {

  padding-bottom: 40px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.design-service-accordion .accordion-items:not(:last-child) {

  margin-bottom: 30px;

}

.design-service-category a {

  font-weight: 500;

  font-size: 13px;

  line-height: 1;

  padding: 7px 16px;

  border-radius: 20px;

  display: inline-block;

  letter-spacing: -0.02em;

  text-transform: uppercase;

  color: #E0EEEE;

  margin-bottom: 5px;

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.design-service-category a:hover {

  background-color: #272729;

}

@media (max-width: 767px) {

  .design-service-category a {

    margin-bottom: 10px;

  }

}

.design-service-category a:not(:last-child) {

  margin-right: 5px;

}

.design-service-img {

  position: absolute;

  top: 0;

  right: 0;

  border-radius: 10px;

  height: 110px;

  width: 160px;

}



.ai-faq-accordion-wrap .accordion-items {

  padding-left: 40px;

  padding-bottom: 15px;

  position: relative;

}

.ai-faq-accordion-wrap .accordion-items:not(:last-child) {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.ai-faq-accordion-wrap .accordion-header {

  margin-bottom: 0;

  font-size: 0;

}

.ai-faq-accordion-wrap .accordion-header .accordion-buttons {

  padding-top: 25px;

  padding-bottom: 13px;

  font-weight: 600;

  font-size: 20px;

  line-height: 1;

  width: 100%;

  text-align: left;

  letter-spacing: -0.02em;

  color: var(--tp-common-white);

}

@media (max-width: 767px) {

  .ai-faq-accordion-wrap .accordion-header .accordion-buttons {

    font-size: 15px;

  }

}

.ai-faq-accordion-wrap .accordion-header .accordion-buttons:not(.collapsed) .accordion-icon::before {

  transform: translate(-50%, -50%) rotate(90deg);

}

.ai-faq-accordion-wrap .accordion-header .accordion-buttons .accordion-icon {

  position: absolute;

  top: 35px;

  left: 7px;

}

.ai-faq-accordion-wrap .accordion-header .accordion-buttons .accordion-icon::before {

  position: absolute;

  content: "";

  width: 2px;

  height: 14px;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  background-color: var(--tp-common-white);

  border-radius: 2px;

  transition: 0.4s;

}

.ai-faq-accordion-wrap .accordion-header .accordion-buttons .accordion-icon::after {

  position: absolute;

  content: "";

  width: 14px;

  height: 2px;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  background-color: var(--tp-common-white);

  border-radius: 2px;

}

.ai-faq-accordion-wrap .accordion-header span {

  margin-right: 20px;

}

.ai-faq-accordion-wrap .accordion-body {

  padding: 0;

  padding-right: 85px;

}

@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),
(max-width: 767px) {

  .ai-faq-accordion-wrap .accordion-body {

    padding-right: 0;

  }

}

.ai-faq-accordion-wrap .accordion-body p {

  font-weight: 500;

  font-size: 15px;

  line-height: 1.6;

  margin-bottom: 15px;

  letter-spacing: -0.02em;

  color: rgba(255, 255, 255, 0.6);

  margin-bottom: 0;

  padding-bottom: 15px;

}

@media (max-width: 767px) {

  .ai-faq-accordion-wrap .accordion-body p {

    font-size: 14px;

  }

}



.it-faq-wrap {

  margin-left: 85px;

  position: relative;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .it-faq-wrap {

    margin-left: 100px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .it-faq-wrap {

    margin-left: 0;

  }

}

@media (max-width: 767px) {

  .it-faq-wrap {

    margin-left: 0;

  }

}

.it-faq-wrap::after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: 8px;

  height: 100%;

  border-radius: 20px;

  background-color: rgba(255, 255, 255, 0.1);

}

.it-faq-wrap .accordion-items {

  padding-left: 115px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .it-faq-wrap .accordion-items {

    padding-left: 60px;

  }

}

@media (max-width: 767px) {

  .it-faq-wrap .accordion-items {

    padding-left: 50px;

  }

}

.it-faq-wrap .accordion-items:not(:last-child) {

  margin-bottom: 70px;

}

@media (max-width: 767px) {

  .it-faq-wrap .accordion-items:not(:last-child) {

    margin-bottom: 45px;

  }

}

.it-faq-wrap .accordion-buttons {

  text-align: left;

}

.it-faq-wrap .accordion-buttons i {

  font-weight: 400;

  font-size: 22px;

  line-height: 1.18;

  font-style: normal;

  margin-bottom: 20px;

  display: inline-block;

  letter-spacing: 0.04em;

  color: rgba(255, 255, 255, 0.6);

  font-family: var(--tp-ff-platform);

}

.it-faq-wrap .accordion-buttons span {

  font-weight: 500;

  font-size: 36px;

  line-height: 0.7;

  display: block;

  letter-spacing: 0.04em;

  color: var(--tp-common-white);

  font-family: var(--tp-ff-platform);

}

@media (max-width: 767px) {

  .it-faq-wrap .accordion-buttons span {

    font-size: 32px;

  }

}

.it-faq-wrap .accordion-body {

  padding: 0;

  padding: 25px 85px 0 0;

}

@media (max-width: 767px) {

  .it-faq-wrap .accordion-body {

    padding: 25px 15px 0 0;

  }

}

.it-faq-wrap .accordion-body p {

  font-weight: 500;

  font-size: 18px;

  line-height: 1.5;

  margin-bottom: 0;

  color: rgba(255, 255, 255, 0.6);

}



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

/*  2.9 Section Title

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

.tp-hero-title {

  font-weight: 700;

  font-size: 220px;

  line-height: 0.9;

  margin-bottom: 0;

  letter-spacing: -0.08em;

  text-transform: uppercase;

  color: var(--tp-common-white);

}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {

  .tp-hero-title {

    font-size: 180px;

  }

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .tp-hero-title {

    font-size: 160px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-hero-title {

    font-size: 120px;

    letter-spacing: -0.02em;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-hero-title {

    font-size: 140px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-hero-title {

    font-size: 115px;

  }

}

@media (max-width: 767px) {

  .tp-hero-title {

    font-size: 50px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .tp-hero-title {

    font-size: 65px;

  }

}



.ar-title-mlr {

  margin-left: 100px;

  margin-right: 100px;

}

@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),
(max-width: 767px) {

  .ar-title-mlr {

    margin-left: 0;

    margin-right: 0;

  }

}



.tp-section-subtitle {

  font-weight: 400;

  font-size: 18px;

  line-height: 1;

  display: inline-block;

  text-transform: uppercase;

  color: var(--tp-common-black);

}

.tp-section-subtitle.pre::before {

  content: "";

  height: 8px;

  width: 8px;

  margin-right: 12px;

  border-radius: 4px;

  display: inline-block;

  transform: translateY(-2px);

  background-color: var(--tp-common-red-3);

}

.tp-section-subtitle.subtitle-black {

  font-weight: 400;

  font-size: 16px;

  line-height: 1.2;

  text-transform: capitalize;

  color: var(--tp-common-black);

}

.tp-section-subtitle.fs-17 {

  font-weight: 400;

  font-size: 17px;

  line-height: 1;

  text-transform: capitalize;

  color: var(--tp-common-white);

}

.tp-section-subtitle.fs-17.pre-circle::before {

  content: "";

  height: 8px;

  width: 8px;

  margin-right: 12px;

  border-radius: 50%;

  display: inline-block;

  transform: translateY(-2px);

  background-color: var(--tp-common-white);

}

.tp-section-subtitle-clash {

  font-size: 14px;

  line-height: 1.1;

  color: #f9f4e8;

  text-transform: uppercase;

  font-family: var(--tp-ff-clash-semibold);

}

.tp-section-subtitle-clash i {

  margin-left: 10px;

}

.tp-section-subtitle-clash.clash-subtitle-pos {

  display: inline-block;

  transform: translateY(60px);

}

@media (max-width: 767px) {

  .tp-section-subtitle-clash.clash-subtitle-pos {

    transform: translateY(0px);

    margin-bottom: 20px;

  }

}

.tp-section-subtitle-clash.clash-subtitle-pos.body-ff {

  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  display: inline-block;
  text-transform: uppercase;
  font-family: Montserrat;
  transform: translateY(5px);
    min-width: 200px;

}

.tp-section-subtitle-clash.clash-subtitle-pos.about-us-2 {

  color: var(--tp-common-black-10);

}

.tp-section-subtitle-clash.color-red {

  color: var(--tp-common-red);

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-section-subtitle-clash.color-red {

    padding-bottom: 20px;

  }

}

.tp-section-subtitle-gradient {

  font-weight: 600;

  font-size: 14px;

  line-height: 1;

  display: inline-block;

  text-transform: uppercase;

  background: linear-gradient(139deg, #9968ff 0%, #ff6cb2 49%, #ffaf56 100%);

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.tp-section-subtitle-gradient div img {

  margin-bottom: 13px;

  display: inline-block;

}

.tp-section-subtitle-gradient.icon-left div {

  display: inline-block;

}

.tp-section-subtitle-gradient.icon-left div img {

  margin-bottom: 0;

  margin-right: 10px;

  transform: translateY(-3px);

}

.tp-section-subtitle-gradient.ct {

  font-size: 16px;

  font-weight: 500;

  padding: 7px 20px;

  border-radius: 20px;

  margin-bottom: 15px;

  text-transform: capitalize;

  font-family: var(--tp-ff-onest);

  border: 1px solid rgba(255, 255, 255, 0.1);

}

@media (max-width: 767px) {

  .tp-section-subtitle-gradient.ct {

    font-size: 14px;

  }

}

.tp-section-subtitle-satisfy {

  font-weight: 400;

  font-size: 26px;

  line-height: 1;

  display: inline-block;

  color: var(--tp-common-red-2);

  font-family: var(--tp-ff-satisfy);

}

.tp-section-subtitle-teko {

  font-weight: 500;

  font-size: 30px;

  line-height: 1;

  display: inline-block;

  font-family: var(--tp-ff-teko);

  color: var(--tp-common-cream-3);

}

@media (max-width: 767px) {

  .tp-section-subtitle-teko {

    font-size: 25px;

  }

}

.tp-section-subtitle-teko i {

  font-style: normal;

  color: var(--tp-common-yellow-green);

}

.tp-section-subtitle.border-bg {

  font-size: 14px;

  font-weight: 500;

  padding: 7px 12px;

  border-radius: 40px;

  margin-bottom: 10px;

  text-transform: capitalize;

  color: var(--tp-common-black-10);

  border: 1px solid rgba(33, 33, 45, 0.06);

  box-shadow: 0px 0px 2px 0px rgba(39, 39, 46, 0.04);

  backdrop-filter: blur(10px);

}

.tp-section-subtitle.border-bg.bg-color {

  font-size: 15px;

  font-weight: 600;

  background: var(--tp-common-white);

  border: 1px solid rgba(33, 33, 45, 0.06);

  box-shadow: 0px 0px 2px 0px rgba(39, 39, 46, 0.04);

}

.tp-section-subtitle-platform {

  font-size: 24px;

  font-weight: 400;

  font-style: italic;

  display: inline-block;

  letter-spacing: 0.04em;

  color: var(--tp-common-white);

  font-family: var(--tp-ff-platform);

}

@media (max-width: 767px) {

  .tp-section-subtitle-platform {

    font-size: 20px;

  }

}

.tp-section-subtitle-platform.platform-text-black {

  color: var(--tp-common-black-10);

}

.tp-section-subtitle.st {

  font-weight: 500;

  color: #494949;

  margin-bottom: 20px;

}

.tp-section-subtitle.orange-color {

  color: var(--tp-common-red-3);

}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-section-subtitle.orange-color {

    margin-right: 50px;

  }

}



.tp-section-title {

  font-size: 80px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: -0.08em;

  text-transform: uppercase;

}

@media only screen and (min-width: 1701px) and (max-width: 1800px) {

  .tp-section-title {

    font-size: 70px;

  }

}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {

  .tp-section-title {

    font-size: 60px;

  }

}

@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) {

  .tp-section-title {

    font-size: 50px;

  }

}

@media (max-width: 767px) {

  .tp-section-title {

    font-size: 42px;

  }

}

.tp-section-title.fs-140 {

  line-height: 0.89;

  font-size: 140px;

}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-section-title.fs-140 {

    font-size: 115px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-section-title.fs-140 {

    font-size: 100px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-section-title.fs-140 {

    font-size: 75px;

    letter-spacing: 0;

  }

}

@media (max-width: 767px) {

  .tp-section-title.fs-140 {

    letter-spacing: 0;

    font-size: 65px;

  }

}

.tp-section-title.fs-64 {

  font-weight: 600;

  font-size: 64px;

  line-height: 1.1;

  letter-spacing: -0.02em;

  text-transform: capitalize;

  color: var(--tp-common-white);

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-section-title.fs-64 {

    font-size: 55px;

  }

}

@media (max-width: 767px) {

  .tp-section-title.fs-64 {

    font-size: 42px;

  }

}

.tp-section-title.fs-44 {

  font-weight: 600;

  font-size: 44px;

  line-height: 1.18;

  margin-bottom: 0;

  letter-spacing: -0.03em;

  text-transform: capitalize;

  color: var(--tp-common-white);

}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-section-title.fs-44 {

    font-size: 40px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-section-title.fs-44 {

    font-size: 38px;

  }

  .tp-section-title.fs-44 br {

    display: none;

  }

}

.tp-section-title.fs-54 {

  font-weight: 700;

  font-size: 54px;

  line-height: 1.15;

  letter-spacing: -0.04em;

  text-transform: capitalize;

  color: var(--tp-common-white);

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-section-title.fs-54 {

    font-size: 45px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-section-title.fs-54 {

    font-size: 40px;

  }

}

@media (max-width: 767px) {

  .tp-section-title.fs-54 {

    font-size: 35px;

  }

}

.tp-section-title.fs-54 span {

  height: 55px;

  width: 50px;

  display: inline-block;

}

.tp-section-title.fs-54.fs-60 {

  font-size: 60px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-section-title.fs-54.fs-60 {

    font-size: 55px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-section-title.fs-54.fs-60 {

    font-size: 45px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-section-title.fs-54.fs-60 {

    font-size: 55px;

  }

}

@media (max-width: 767px) {

  .tp-section-title.fs-54.fs-60 {

    font-size: 40px;

  }

}

.tp-section-title.lts {

  letter-spacing: -2.4px;

  text-transform: capitalize;

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .tp-section-title.lts {

    font-size: 60px;

  }

}

@media (max-width: 767px) {

  .tp-section-title.lts {

    letter-spacing: 0;

  }

}

@media (max-width: 767px) {

  .tp-section-title.lts br {

    display: none;

  }

}

.tp-section-title-mango {

  font-weight: 300;

  font-size: 56px;

  line-height: 1;

  color: var(--tp-common-cream);

}

.tp-section-title-mango.fs-100 {

  font-size: 100px;

  font-family: var(--tp-ff-mango-semibold);

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-section-title-mango.fs-100 {

    font-size: 80px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-mango.fs-100 {

    font-size: 50px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-mango {

    font-size: 50px;

  }

}

.tp-section-title-grotesk {

  font-size: 60px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: -0.03em;

  color: var(--tp-common-black);

  font-family: var(--tp-ff-grotesk);

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-section-title-grotesk {

    font-size: 55px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-grotesk {

    font-size: 50px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-grotesk br {

    display: none;

  }

}

.tp-section-title-grotesk>span {

  display: inline-block;

}

.tp-section-title-shape {

  position: absolute;

  bottom: -12px;

  left: 0;

  z-index: -1;

}

.tp-section-title-dirtyline {

  font-weight: 400;

  font-size: 200px;

  line-height: 0.8;

  color: #e0eeee;

  letter-spacing: -0.02em;

  font-family: var(--tp-ff-dirtyline);

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-section-title-dirtyline {

    font-size: 160px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-section-title-dirtyline {

    font-size: 130px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-section-title-dirtyline {

    font-size: 130px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-dirtyline {

    font-size: 80px;

  }

}

.tp-section-title-dirtyline.fs-140 {

  font-size: 140px;

}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-section-title-dirtyline.fs-140 {

    font-size: 110px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-section-title-dirtyline.fs-140 {

    font-size: 80px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-dirtyline.fs-140 {

    font-size: 70px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-section-title-dirtyline.fs-140 br {

    display: none;

  }

}

.tp-section-title-clash {

  font-size: 130px;

  line-height: 0.79;

  letter-spacing: -0.06em;
  font-weight: 900;

  text-transform: uppercase;

  color: var(--tp-common-red);


}

@media only screen and (min-width: 1801px) and (max-width: 1850px),
only screen and (min-width: 1701px) and (max-width: 1800px) {

  .tp-section-title-clash {

    font-size: 120px;

  }

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .tp-section-title-clash {

    font-size: 115px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-section-title-clash {

    font-size: 110px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-section-title-clash {

    font-size: 100px;

  }

  .tp-section-title-clash br {

    display: none;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-section-title-clash {

    font-size: 85px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-clash {

    font-size: 40px;

    letter-spacing: 0;

  }

  .tp-section-title-clash br {

    display: none;

  }

}

.tp-section-title-clash span {

  display: inline-block;

}

@media (max-width: 767px) {

  .tp-section-title-clash span br {

    display: none;

  }

}

.tp-section-title-clash span.clash-subtitle-space-1 {

  padding-left: 230px;

}

@media (max-width: 767px) {

  .tp-section-title-clash span.clash-subtitle-space-1 {

    padding-left: 0;

  }

  .tp-section-title-clash span.clash-subtitle-space-1 br {

    display: none;

  }

}

.tp-section-title-clash.fs-200 {

  font-size: 200px;

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .tp-section-title-clash.fs-200 {

    font-size: 170px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-section-title-clash.fs-200 {

    font-size: 135px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-section-title-clash.fs-200 {

    font-size: 125px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-section-title-clash.fs-200 {

    font-size: 125px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-clash.fs-200 {

    font-size: 60px;

  }

}

.tp-section-title-clash-600 {

  font-weight: 600;

  font-size: 80px;

  line-height: 1;

  letter-spacing: -0.02em;

  text-transform: uppercase;

  color: var(--tp-common-black);

  font-family: var(--tp-ff-clash-semibold);

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-section-title-clash-600 {

    font-size: 60px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-section-title-clash-600 {

    font-size: 60px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-section-title-clash-600 {

    font-size: 50px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-clash-600 {

    font-size: 45px;

  }

}

.tp-section-title-clash-600.fs-60 {

  font-size: 60px;

  line-height: 1.1;

  letter-spacing: 0;

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .tp-section-title-clash-600.fs-60 {

    font-size: 55px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-section-title-clash-600.fs-60 {

    font-size: 45px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-section-title-clash-600.fs-60 {

    font-size: 40px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-section-title-clash-600.fs-60 {

    font-size: 45px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-clash-600.fs-60 {

    font-size: 30px;

  }

}

.tp-section-title-clash-600.fw-400 {

  font-family: var(--tp-ff-clash-light);

}

.tp-section-title-teko {

  font-weight: 600;

  font-size: 72px;

  line-height: 0.9;

  letter-spacing: -0.01em;

  font-family: var(--tp-ff-teko);

  color: var(--tp-common-cream-3);

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-section-title-teko {

    font-size: 60px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-section-title-teko {

    font-size: 55px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-section-title-teko {

    font-size: 60px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-teko {

    font-size: 44px;

  }

}

.tp-section-title-teko span {

  color: var(--tp-common-yellow-green);

}

.tp-section-title-teko.fs-150 {

  line-height: 0.73;

  font-size: 150px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-section-title-teko.fs-150 {

    font-size: 130px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-section-title-teko.fs-150 {

    font-size: 115px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-section-title-teko.fs-150 {

    font-size: 100px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-teko.fs-150 {

    font-size: 80px;

  }

}

.tp-section-title-teko.fs-80 {

  font-size: 80px;

  font-weight: 500;

  letter-spacing: -0.8px;

  color: var(--tp-common-white);

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .tp-section-title-teko.fs-80 {

    font-size: 70px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-section-title-teko.fs-80 {

    font-size: 60px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-section-title-teko.fs-80 {

    font-size: 50px;

  }

}

.tp-section-title-teko.fs-80 span {

  color: rgba(255, 255, 255, 0.3);

}

@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),
(max-width: 767px) {

  .tp-section-title-teko.fs-80 br {

    display: none;

  }

}

.tp-section-title-teko.fs-120 {

  font-size: 120px;

  letter-spacing: -1.2px;

  color: var(--tp-common-white);

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .tp-section-title-teko.fs-120 {

    font-size: 100px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-section-title-teko.fs-120 {

    font-size: 85px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-section-title-teko.fs-120 {

    font-size: 75px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-teko.fs-120 {

    font-size: 50px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px) {

  .tp-section-title-teko.fs-120 {

    font-size: 75px;

  }

}

.tp-section-title-teko.fs-120 span {

  color: rgba(255, 255, 255, 0.3);

}

.tp-section-title-phudu {

  font-size: 94px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: -2px;

  text-transform: uppercase;

  font-family: var(--tp-ff-phudu);

  color: var(--tp-common-black-10);

}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-section-title-phudu {

    font-size: 75px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-section-title-phudu {

    font-size: 65px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-phudu {

    font-size: 50px;

    letter-spacing: 0;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .tp-section-title-phudu {

    font-size: 60px;

    letter-spacing: 0;

  }

}

@media (max-width: 767px) {

  .tp-section-title-phudu br {

    display: none;

  }

}

.tp-section-title-phudu.fs-70 {

  font-size: 70px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-section-title-phudu.fs-70 {

    font-size: 62px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-phudu.fs-70 {

    font-size: 50px;

    letter-spacing: 0;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .tp-section-title-phudu.fs-70 {

    font-size: 60px;

    letter-spacing: 0;

  }

}

.tp-section-title-phudu.ff-inter {

  font-size: 70px;

  letter-spacing: -2px;

  text-transform: inherit;

  font-family: var(--tp-ff-inter);

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-section-title-phudu.ff-inter {

    font-size: 62px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-phudu.ff-inter {

    font-size: 50px;

    letter-spacing: 0;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .tp-section-title-phudu.ff-inter {

    font-size: 60px;

    letter-spacing: 0;

  }

}

.tp-section-title-platform {

  font-weight: 500;

  font-size: 60px;

  line-height: 1;

  color: var(--tp-common-white);

  font-family: var(--tp-ff-platform);

}

@media (max-width: 767px) {

  .tp-section-title-platform {

    font-size: 45px;

  }

}

.tp-section-title-platform.platform-text-black {

  color: var(--tp-common-black-10);

}

.tp-section-title-platform.fs-200 {

  font-size: 200px;

  font-style: italic;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-section-title-platform.fs-200 {

    font-size: 115px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-section-title-platform.fs-200 {

    font-size: 100px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-platform.fs-200 {

    font-size: 60px;

  }

}

.tp-section-title-platform.fs-84 {

  font-size: 80px;

  line-height: 0.88;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-section-title-platform.fs-84 {

    font-size: 70px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-platform.fs-84 {

    font-size: 60px;

  }

}

.tp-section-title-playfair {

  font-size: 80px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: -1.6px;

  color: var(--tp-common-brown);

  font-family: var(--tp-ff-poppins);

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-section-title-playfair {

    font-size: 70px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-section-title-playfair {

    font-size: 60px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-playfair {

    font-size: 45px;

  }

  .tp-section-title-playfair br {

    display: none;

  }

}

.tp-section-title-playfair span {

  font-style: italic;

  color: rgba(69, 48, 48, 0.6);

  font-family: var(--tp-ff-playfair);

}

.tp-section-title-onest {

  font-size: 54px;

  font-weight: 600;

  line-height: 1.1;

  margin-bottom: 25px;

  letter-spacing: -2.16px;

  color: var(--tp-common-white);

  font-family: var(--tp-ff-onest);

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-section-title-onest {

    font-size: 42px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-onest br {

    display: none;

  }

}

.tp-section-title-onest.fs-72 {

  font-size: 72px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-section-title-onest.fs-72 {

    font-size: 55px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-section-title-onest.fs-72 {

    font-size: 50px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-onest.fs-72 {

    font-size: 45px;

  }

}

.tp-section-title-onest.fs-44 {

  font-size: 44px;

}

.tp-section-title-5 {

  font-size: 120px;

  font-weight: 500;

  line-height: 0.9;

  letter-spacing: -4.8px;

  color: var(--tp-cream-1);

  text-transform: uppercase;

  font-family: var(--tp-ff-poppins);

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-section-title-5 {

    font-size: 100px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-5 {

    font-size: 70px;

  }

}

.tp-section-title-5.fs-140 {

  font-size: 140px;

  font-weight: 400;

  line-height: 1;

  letter-spacing: -8.4px;

  text-transform: uppercase;

  color: var(--tp-cream-2);

  font-family: var(--tp-ff-playfair);

}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-section-title-5.fs-140 {

    font-size: 120px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-section-title-5.fs-140 {

    font-size: 85px;

  }

}

@media (max-width: 767px) {

  .tp-section-title-5.fs-140 {

    font-size: 50px;

    letter-spacing: -1.4px;

    line-height: 1.2;

  }

}

.tp-section-title-5.fs-140 span {

  transform: translateY(-15px);

  display: inline-block;

  margin: 0px 30px;

  white-space: nowrap;

}

@media (max-width: 767px) {

  .tp-section-title-5.fs-140 span {

    white-space: inherit;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-section-title-5.fs-140 span {

    margin: 0;

  }

}

.tp-section-title-5.fs-140 span img {

  border-radius: 100px;

}

.tp-section-title-5.fs-140 em {

  font-style: normal;

  padding-left: 160px;

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-section-title-5.fs-140 em {

    padding-left: 0;

  }

}



.tp-revel-line {

  overflow: hidden;

}



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

/*  2.11 Search

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

.tp-search-area {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  opacity: 0;

  height: 300px;

  visibility: hidden;

  background: var(--tp-common-white);

  -webkit-transform: translateY(calc(-100% - 80px));

  -moz-transform: translateY(calc(-100% - 80px));

  -ms-transform: translateY(calc(-100% - 80px));

  -o-transform: translateY(calc(-100% - 80px));

  transform: translateY(calc(-100% - 80px));

  transition: all 0.5s ease-in-out 0s, visibility 0.5s ease-in-out;

  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;

  z-index: 99999;

  overflow-y: scroll;

  overscroll-behavior-y: contain;

  scrollbar-width: none;

}

.tp-search-area::-webkit-scrollbar {

  display: none;
  /* for Chrome, Safari, and Opera */

}

.tp-search-area.opened {

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  visibility: visible;

  opacity: 1;

}

.tp-search-area.search-black {

  background: rgb(38, 37, 40);

}

.tp-search-area.search-black .tp-search-content .search::before {

  background-color: var(--tp-common-white);

}

.tp-search-area.search-black .tp-search-content input {

  border-color: #4F4F4F;

  background-color: transparent;

  color: var(--tp-common-white);

}

.tp-search-area.search-black .tp-search-content input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  color: var(--tp-common-white);

}

.tp-search-area.search-black .tp-search-content input::-moz-placeholder {
  /* Firefox 19+ */

  color: var(--tp-common-white);

}

.tp-search-area.search-black .tp-search-content input:-moz-placeholder {
  /* Firefox 4-18 */

  color: var(--tp-common-white);

}

.tp-search-area.search-black .tp-search-content input:-ms-input-placeholder {
  /* IE 10+  Edge*/

  color: var(--tp-common-white);

}

.tp-search-area.search-black .tp-search-content input::placeholder {
  /* MODERN BROWSER */

  color: var(--tp-common-white);

}

.tp-search-area.search-black .tp-search-content .tp-search-icon {

  color: var(--tp-common-white);

}

.tp-search-area.search-black .tp-search-close-btn {

  border-color: #4F4F4F;

  color: var(--tp-common-white);

}

.tp-search-wrapper {

  position: relative;

  display: flex;

  padding-top: 80px;

  justify-content: center;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-search-wrapper {

    padding-top: 115px;

  }

}

.tp-search-close {

  position: absolute;

  top: 35px;

  right: 35px;

}
.tp-header-10-offcanvas
{
  display:none ;
}
.tp-megamenu-list a.tp-el-title::before {

  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  transition: all 0.2s ease-in-out 0s;
  content: "";
  width: 6px;
  height: 6px;
  display: inline-block;
  transform: translateY(-2px);
  background-color: #636368;
}
.tp-megamenu-list a.tp-el-title::after {
    content: "";
    position: absolute;
    right: 0;
    width: calc(100% - 20px);
    bottom: 0;
    border-bottom: 1px solid #ccc;
    transition: all 0.2s ease-in-out 0s;
  }

  .aboutus .tp-section-subtitle-clash:before 
  {
    content: "";
    height: 8px;
    width: 8px;
    margin-right: 12px;
    border-radius: 4px;
    display: inline-block;
    transform: translateY(-2px);
    background-color: var(--tp-common-red-3);
  }

.tp-megamenu-list a.tp-el-title:hover:before {
  color: #141414 !important;
}
.tp-megamenu-list a.tp-el-title:hover:after {
  border-bottom: 1px solid #141414;
}

@media (max-width: 767px) {

  .tp-search-close {

    right: 20px;

    top: 20px;

  }
  .tp-header-10-offcanvas
{
  display:block ;
}

}

.tp-search-close-btn {

  position: relative;

  height: 50px;

  width: 50px;

  z-index: 2;

  line-height: 1;

  border-radius: 50%;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  background-color: transparent;

  color: var(--tp-common-black);

  border: 1px solid rgba(22, 22, 19, 0.1);

}

.tp-search-close-btn svg {

  height: 12px;

  width: 12px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transform: translateY(-1px);

  -moz-transform: translateY(-1px);

  -ms-transform: translateY(-1px);

  -o-transform: translateY(-1px);

  transform: translateY(-1px);

}

.tp-search-close-btn:hover svg {

  -webkit-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -o-transform: rotate(90deg);

  transform: rotate(90deg);

}

.tp-search-content .search {

  margin-bottom: 40px;

  position: relative;

}

.tp-search-content .search:has(input:focus)::before {

  width: 100%;

}

.tp-search-content .search::before {

  position: absolute;

  content: "";

  left: 0;

  bottom: 0;

  height: 1px;

  width: 0;

  transition: 0.4s;

  background-color: var(--tp-common-black);

}

.tp-search-content input {

  height: 80px;

  border: none;

  font-size: 30px;

  font-weight: 400;

  padding: 0 60px 0 10px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  border-bottom: 1px solid #E6E8F0;

  color: var(--tp-common-black);

  background: var(--tp-common-white);

}

.tp-search-content input:focus:hover {

  background: transparent;

}

.tp-search-content input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  font-size: 30px;

  font-weight: 400;

  color: var(--tp-common-black);

}

.tp-search-content input::-moz-placeholder {
  /* Firefox 19+ */

  font-size: 30px;

  font-weight: 400;

  color: var(--tp-common-black);

}

.tp-search-content input:-moz-placeholder {
  /* Firefox 4-18 */

  font-size: 30px;

  font-weight: 400;

  color: var(--tp-common-black);

}

.tp-search-content input:-ms-input-placeholder {
  /* IE 10+  Edge*/

  font-size: 30px;

  font-weight: 400;

  color: var(--tp-common-black);

}

.tp-search-content input::placeholder {
  /* MODERN BROWSER */

  font-size: 30px;

  font-weight: 400;

  color: var(--tp-common-black);

}

.tp-search-icon {

  position: absolute;

  right: 20px;

  top: 50%;

  line-height: 1;

  transform: translateY(-50%);

}



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

/*  2.12 Magic Cursor

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

body.tp-magic-cursor #magic-cursor {

  display: block;

}



#magic-cursor {

  position: absolute;

  display: none;

  width: 10px;

  height: 10px;

  pointer-events: none;

  z-index: 99999;

  opacity: 0;

  top: 0;

  left: 0;

}



#ball {

  position: fixed;

  display: flex;

  align-items: center;

  pointer-events: none;

  border-radius: 50%;

  color: transparent;

  justify-content: center;

  mix-blend-mode: difference;

  background-color: var(--tp-common-black);

}



.cursor-bg-red #ball {

  background-color: #FF535B !important;

}

.cursor-bg-red #ball .ball-view {

  color: var(--tp-common-white);

}



.cursor-bg-red-2 #ball {

  background-color: #FF481F !important;

}

.cursor-bg-red-2 #ball .ball-view {

  color: var(--tp-common-white);

}



.cursor-bg-yellow #ball {

  background-color: #FFF669 !important;

}

.cursor-bg-yellow #ball .ball-view {

  color: var(--tp-common-black);

}



.cursor-white-bg #ball .ball-view {

  color: var(--tp-common-black);

}



/* Ball view 

============= */

#ball .ball-view {

  position: absolute;

  opacity: 0;

  visibility: hidden;

  padding: 0 5px;

  font-size: 15px;

  font-weight: 500;

  line-height: 1.3;

  text-align: center;

  transform: scale(0);

  color: var(--tp-common-black);

}



/* Ball drag 

============= */

#ball .ball-drag {

  position: absolute;

  display: block;

  width: 100%;

  padding: 0 5px;

  font-size: 15px;

  font-weight: 600;

  line-height: 1.2;

  text-align: center;

  transition: all 0.3s;

  color: var(--tp-common-black);

}



#ball .ball-drag::before,

#ball .ball-drag::after {

  position: absolute;

  top: 50%;

  margin-top: -5px;

  font-size: 19px;

  height: 10px;

  line-height: 10px;

  font-weight: 900;

  display: inline-block;

  font-style: normal;

  font-variant: normal;

  text-rendering: auto;

  color: var(--tp-common-white);

  font-family: "Font Awesome 6 Pro";

  -webkit-font-smoothing: antialiased;

}



#ball .ball-drag::before {

  content: "\f104";
  /* Font Awesome */

  left: 0;

  transform: translate3d(-30px, 0, 0);

  transition: all 0.25s;

}



#ball .ball-drag::after {

  content: "\f105";
  /* Font Awesome */

  right: 0;

  transform: translate3d(30px, 0, 0);

  transition: all 0.25s;

}



#ball.with-blur {

  -webkit-backdrop-filter: blur(5px);

  backdrop-filter: blur(5px);

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



/* Ball close 

============== */

#ball.ball-close-enabled {

  opacity: 1 !important;

}



#ball .ball-close {

  position: absolute;

  padding: 0 5px;

  font-size: 14px;

  font-weight: 600;

  line-height: 1;

  text-align: center;

  color: var(--tp-common-black);

}



.tp-magnetic-wrap {

  display: flex;

  align-items: center;

  justify-content: center;

}



.tp-page-area .tp-page-content .tp-page-post blockquote.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow {

  border: 1px solid rgb(240, 240, 240);

}

.tp-page-area .tp-page-content .tp-page-post blockquote.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow p {

  color: var(--tp-text-body);

}

.tp-page-area .tp-page-content .tp-page-post blockquote.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow::before {

  color: var(--tp-text-body);

}



.admin-bar .tp-header-transparent,
.admin-bar .header-sticky-2,
.admin-bar .cartmini__area,
.admin-bar .offcanvas__full,
.admin-bar .tp-search-area,

.admin-bar .tp-header-2__transparent {

  margin-top: var(--wp-admin--admin-bar--height);

}

.admin-bar .tp-agntix-default-header,

.admin-bar .header-sticky {

  top: var(--wp-admin--admin-bar--height);

}



@media only screen and (min-width: 600px) and (max-width: 767px) {

  .admin-bar .tp-search-area,

  .admin-bar .tp-header-transparent,

  .admin-bar .cartmini__area,

  .admin-bar .tp-header-2__transparent {

    margin-top: var(--wp-admin--admin-bar--height);

  }

  .admin-bar .offcanvas__area,

  .admin-bar .tp-agntix-default-header,

  .admin-bar .header-sticky,

  .admin-bar .header-sticky-2 {

    margin-top: 0;

  }

  .admin-bar .tpoffcanvas {

    margin-top: var(--wp-admin--admin-bar--height);

  }

}

@media only screen and (min-width: 300px) and (max-width: 599px) {

  .admin-bar .tp-search-area,

  .admin-bar .tp-header-transparent,

  .admin-bar .cartmini__area,

  .admin-bar .tp-header-2__transparent {

    margin-top: var(--wp-admin--admin-bar--height);

  }

  .admin-bar .tp-agntix-default-header,

  .admin-bar .header-sticky {

    top: 0;

  }

}

.postbox-author-name {

  text-transform: capitalize;

}



@media only screen and (max-width: 991px) {

  .tp-el-advance-tab .app-price-tab-wrap.mb-30.tp_fade_anim {

    margin-bottom: 0px;

  }

}

.height-100>div {

  height: 100%;

}



.height-100-7>.elementor-widget-tp-video-popup {

  height: 100%;

}



div.el-height-100>div {

  height: 100%;

}



.cr-multi-border:before {

  position: absolute;

  top: 0;

  width: 1px;

  height: 100px;

  opacity: 0.5;

  content: "";

  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);

  left: 0px;

  animation: 20s ease-out 0s infinite normal none running scroll1;

}



.cr-feature-3-border-box:before {

  position: absolute;

  top: 0;

  width: 1px;

  height: 100px;

  opacity: 0.5;

  content: "";

  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);

  left: 0px;

  animation: 20s ease-out 0s infinite normal none running scroll1;

}



em {

  font-style: normal;

}



.tp-el-about-hero .pp-about-me-area {

  z-index: -1;

}



.tp-el-button-svg span.elementor-button-icon svg {

  width: 14px;

  height: 14px;

  margin-top: -3px;

}



.tp-el-custome-contact-me .tp-contact-me-interest-category span {

  margin-left: 0px;

}



.tp-el-custome-contact-me .tp-contact-me-interest-category label span {

  font-size: 18px;

  font-weight: 600;

  line-height: 1;

  cursor: pointer;

  border-radius: 12px;

  padding: 20px 43px;

  margin-bottom: 10px;

  margin-right: 10px;

  margin-left: 0px !important;

  display: inline-block;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.08);

}



.tp-el-custome-contact-me .tp-contact-me-interest-category input {

  display: none;

}



.tp-el-custome-contact-me .tp-contact-me-interest-category label span:hover {

  background-color: #FFF669;

  color: var(--tp-common-black);

  border-color: #FFF669;

  cursor: pointer;

}



.tp-el-custome-contact-me .tp-contact-me-interest-category input:checked~span {

  background-color: #FFF669;

  color: var(--tp-common-black);

  border-color: #FFF669;

}



.tp-el-menu-blur {

  backdrop-filter: blur(40px);

}



div .tp-search-content input {

  outline: none;

}



@media (max-width: 1200px) {

  .tp-megamenu-list a.tp-el-title {

    font-weight: 500 !important;

  }

}

.tp-header-inner-style .tp-header-menu>nav>ul {

  padding: 0 28px 0 10px;

}



.tp-el-custom-scroll .tp_text_invert_2>div {

  padding: 0px;

}



.body-overlay {

  background: rgba(24, 24, 24, 0.4) !important;

}



.cartmini__area a.button,

.cartmini__area .cartmini__empty a {

  font-size: 15px;

  padding: 10px 30px;

  text-align: center;

  border-radius: 50px;

  text-transform: capitalize;

  color: var(--tp-common-white);

  font-weight: 500;

  display: inline-block;

  transition: all 0.3s 0s ease-out;

  background-color: var(--tp-theme-shop);

  border: 1px solid var(--tp-theme-shop);

  width: 100%;

}



.cartmini__area a.button.checkout,

.cartmini__area .cartmini__empty a.checkout {

  margin-top: 15px;

  background-color: transparent;

  border: 1px solid var(--tp-theme-shop);

  color: var(--tp-theme-shop);

}



.cartmini__area a.button.checkout:hover {

  background-color: var(--tp-theme-shop);

  color: #fff;

}



:root {

  --strb-theme-primary: var(--tp-theme-shop);

}



.woocommerce .woocommerce-warning,

.woocommerce .woocommerce-info {

  border-top: 4px solid #FFB342;

  background-color: rgba(255, 179, 66, 0.1);

  font-family: var(--tp-ff-marcellus);

  font-size: 15px;

  padding: 14px 26px;

  margin-bottom: 20px;

}



.tp-login-input-eye {

  display: none;

}



.woocommerce-account.woocommerce-page,

.woocommerce-checkout.woocommerce-page {

  background: #F4F0EA;

}



.woocommerce-account.woocommerce-page .tp-page-area,

.woocommerce-js .tp-page-area {

  padding-top: 200px;

}



div table.variations label {

  margin-bottom: 0px !important;

}



.woocommerce-page .strb-product-details-add-to-cart form .woocommerce-variation-price ins {

  color: var(--tp-theme-shop) !important;

  font-size: 24px !important;

  font-weight: 600 !important;

  font-family: var(--tp-ff-body) !important;

}



div .product {

  margin-bottom: 0;

}



.agntix-product.product.type-product .tp-product-item {

  margin-bottom: 0px;

}



.product-quickview-wrapper.strb-product-quickview-modal .product_meta {

  margin-top: 30px;

}



.strb-myaccount-table .woocommerce-orders-table.woocommerce-MyAccount-orders {

  background: #fff;

  border-radius: 10px;

}



.woocommerce-page .strb-myaccount-table table.shop_table thead tr th,

.strb-myaccount-table table.shop_table thead tr th {

  background-color: transparent !important;

}



.woocommerce-page .strb-myaccount-table table.shop_table thead tr,

body[class*=elementor] .strb-myaccount-table table.shop_table thead tr {

  border-bottom: 1px solid #e0e2e3;

}



div .woocommerce-page .strb-myaccount-nav-item.is-active a,

body[class*=elementor] .strb-myaccount-nav-item.is-active a {

  color: #fff;

  background: var(--strb-theme-primary);

}



.strb-myaccount-table .woocommerce-orders-table.woocommerce-MyAccount-orders {

  width: 100%;

}



div .woocommerce-page .strb-profile-message p,

body[class*=elementor] .strb-profile-message p {

  font-size: 16px;

}



div .woocommerce-page .strb-profile-message p a,

body[class*=elementor] .strb-profile-message p a {

  text-decoration: underline !important;

}



.pure-woocommerce-MyAccount-content.strb-myaccount-content-box address {

  font-size: 17px;

}



.woocommerce-page .pure-woocommerce-MyAccount-content.strb-myaccount-content-box fieldset {

  border: none;

}



.woocommerce-page .pure-woocommerce-MyAccount-content.strb-myaccount-content-box fieldset p {

  margin-bottom: 0 !important;

}



.agntix-product.product.type-product .label.woocommerce-loop-product__title.left {

  display: none;

}



.strb-product-quickview-modal .tp-product-details-query {

  margin-top: 25px;

}



@media only screen and (min-width: 1600px) and (max-width: 1700px) {

  .tp-el-design-agncy-title h4 {

    font-size: 360px !important;

  }

}

.tp-footer-widget-menu ul li a {

  transition: 0.3s linear;

}



.postbox-details-item .postbox-tag span {

  display: flex;

  align-items: center;

  gap: 15px;

}



.tp-team-inner-thumb img {

  width: 100%;

}



.tp-portfolio-inner-thumb img {

  height: 500px !important;

  object-fit: cover;

}



.agntix-light .cr-multi-border {

  border-color: rgba(0, 0, 0, 0.06);

}



.agntix-light .cr-multi-border::after,

.agntix-light .cr-multi-border::before {

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);

}



.agntix-light .cr-feature-2-ptb {

  border-bottom: 1px solid rgba(0, 0, 0, 0.07);

}



#agntix_post_mesonary_image-g-container .tm-image-item {

  width: 430px !important;

  height: 400px !important;

  overflow: hidden;

}



.tp-contact-me-interest-category .wpcf7-list-item.first .wpcf7-checkbox .wpcf7-list-item-label {

  background-color: #FFF669;

}



.agntix-light .tp-breadcrumb-area.tp-custom-breadcrumb-bg,

.agntix-light .tp-blogpost-area.postbox-area,

.agntix-light .postbox-area.tp-postbox.tp-postbox-details {

  background: #fff !important;

}



.agntix-light .tp-postbox-btn a svg path {

  stroke: var(--tp-common-black) !important;

}



.agntix-light .postbox-tag svg path {

  stroke: rgba(0, 0, 0, 0.6);

}



.agntix-light .sidebar-widget.widget_categories ul li a {

  color: rgba(0, 0, 0, 0.8);

  background: #F6F6F9;

}



.agntix-light .sidebar-widget.widget_categories ul li a span {

  color: rgba(0, 0, 0, 0.8);

}



.agntix-light .sidebar-widget.widget_categories ul li a:hover {

  color: var(--tp-common-red-3);

}



.agntix-light .sidebar-widget.widget_categories ul li a:hover span {

  color: var(--tp-common-red-3);

}



.agntix-light .postbox-details-text p {

  color: rgba(0, 0, 0, 0.7) !important;

}



/* diganta */

.agntix-light .tp-postbox.tp-postbox-details .postbox-details-quote p {

  color: var(--tp-common-black) !important;

}



.agntix-light .postbox-details-quote-box i svg path {

  fill: black;

}



.agntix-light .postbox-details-list ul li {

  color: rgba(0, 0, 0, 0.7) !important;

}



.agntix-light .sidebar-widget-author-content p {

  color: rgba(0, 0, 0, 0.7) !important;

}



.agntix-light .postbox-details-form p {

  color: rgba(0, 0, 0, 0.7) !important;

}



.agntix-light p.logged-in-as a {

  color: #FF5722;

}



/* ln */

.agntix-light .tp-blog-full-width-area,

.agntix-light .postbox-area,

.agntix-light .postbox__area,

.agntix-light .postbox-details-nevigation-thumb-bg {

  background-color: #fff !important;

}



body .tp-megamenu-list ul::after {

  display: none;

}



.agntix-dark .wpcf7-checkbox .wpcf7-list-item-label {

  color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.08);

}



.tp-header-3-style .tp-header-dropdown nav ul li.has-dropdown a::after {

  color: var(--tp-common-black);

}



.single-post .postbox-thumb img {

  width: 100%;

}



.added_to_cart.wc-forward {

  font-size: 15px;

  font-weight: 600;

  color: var(--tp-theme-shop);

  width: 100%;

  padding: 11px 50px;

  background: #F4F0EA;

  display: inline-block;

  text-transform: uppercase;

  backdrop-filter: blur(10px);

  border: 1px solid rgba(77, 61, 48, 0.1);

  transform: translateY(100%);

  transition: all 0.3s ease-in-out;

  text-align: center;

}



.archive.woocommerce-shop.woocommerce .added_to_cart.wc-forward {

  margin: 0px 0px 65px 10px !important;

}



.single-product .woocommerce-page .strb-product-details-add-to-cart form .added_to_cart.wc-forward,

body[class*=elementor].single-product .strb-product-details-add-to-cart form .added_to_cart.wc-forward {

  top: -35px;

}



.strb-product-wishlist-table-item-info img {

  width: 60px;

}



.product-quickview-wrapper.strb-product-quickview-modal.strb-ps-active.popup .added_to_cart.wc-forward {

  bottom: 45px;

}



/* header */

.tp-header-dropdown nav ul>li:last-child {

  margin-right: 0 !important;

}



.tp-header-dropdown nav ul>li:first-child {

  margin-left: 0 !important;

}



.tp-header-area.tp-header-inner-style nav>ul>li:first-child {

  margin-left: 20px !important;

}

.tp-header-area.tp-header-inner-style nav>ul>li:last-child {

  margin-right: 20px !important;

}



@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-header-menu>nav>ul>li {

    margin: 0 12px;

  }

  .tp-header-shop-menu>nav>ul>li>a {

    padding: 25px 20px;

  }

}

@media (max-width: 1200px) {

  .tp-el-menu-blur {

    box-shadow: none !important;

  }

}

/* HEADER CSS */

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

/*   3.1 Header Style

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

.header-transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  width: 100%;
  border-bottom: 1px solid #eee;
  background-color: #FFF;
}



.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 55;
}



@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-header-ptb {

    padding: 10px 0;

  }

}

.tp-header-border {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.tp-header-menu>nav>ul>li {

  margin: 0 20px;

  list-style-type: none;

  display: inline-block;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-header-menu>nav>ul>li {

    margin: 0 15px;

  }

}

.tp-header-menu>nav>ul>li>a {

  padding: 35px 0;

  font-weight: 500;

  font-size: 17px;

  display: inline-block;

  letter-spacing: -0.01em;

  color: var(--tp-common-white);

}

.tp-header-lang a {

  font-weight: 400;

  font-size: 16px;

  line-height: 1;

  display: inline-block;

  color: rgba(255, 255, 255, 0.6);

}

.tp-header-lang a.active {

  color: var(--tp-common-white);

}

.tp-header-lang a:not(:first-child) {

  margin-left: 10px;

}

.tp-header-lang a:hover {

  color: var(--tp-common-white);

}

@media only screen and (min-width: 1600px) and (max-width: 1700px),
only screen and (min-width: 1400px) and (max-width: 1599px) {

  .tp-header-box {

    padding-right: 30px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-header-box {

    padding-right: 0px;

  }

}

.tp-header-logo img {

  max-width: inherit;

}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {

  .tp-header-logo {

    padding-left: 30px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-header-logo {

    padding-right: 25px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-header-logo {

    padding: 10px 0;

  }

}

.tp-header-right .cr-header-login a {

  font-size: 15px;

  line-height: 1;

  font-weight: 600;

  border-radius: 40px;

  display: inline-block;

  padding: 11px 20px 12px;

  letter-spacing: -0.15px;

  color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.06);

  background: rgba(255, 255, 255, 0.06);

  backdrop-filter: blur(10px);

}

.tp-header-right .cr-header-login a:hover {

  color: var(--tp-common-black-7);

  background-color: var(--tp-common-white);

}

.tp-header-bar button {

  width: 30px;

  color: var(--tp-common-white);

}

.tp-header-bar button i {

  height: 2px;

  width: 14px;

  display: block;

  margin-left: 0;

  background-color: var(--tp-common-white);

}

.tp-header-bar button i:nth-child(2) {

  width: 24px;

}

.tp-header-bar button i:not(:last-of-type) {

  margin: 6px auto;

}

.tp-header-bar button:hover i {

  animation: bar_anim 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;

}



@media (max-width: 767px) {

  .tp-header-2-area {

    margin-top: 20px;

  }

}

.tp-header-2-area.header-black-style .tp-header-2-bar span {

  color: var(--tp-common-black-7);

}

.tp-header-2-area.header-black-style .tp-header-2-bar span i {

  background-color: var(--tp-common-black-7);

}

.tp-header-2-bar span {

  font-weight: 500;

  font-size: 17px;

  line-height: 1;

  letter-spacing: -0.01em;

  color: var(--tp-common-white);

}

.tp-header-2-bar span i {

  height: 2px;

  width: 40px;

  display: block;

  margin: 6px 0;

  margin-left: 20px;

  background-color: var(--tp-common-white);

}

.tp-header-2-bar span:hover i {

  animation: bar_anim 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;

}



.tp-header-3-style {

  padding-top: 15px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-header-3-style {

    padding-top: 30px;

  }

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .tp-header-3-style {

    padding-left: 30px;

  }

}

.tp-header-3-style .tp-header-menu>nav>ul {

  margin-left: 5px;

}

@media only screen and (min-width: 1600px) and (max-width: 1700px),
only screen and (min-width: 1400px) and (max-width: 1599px) {

  .tp-header-3-style .tp-header-menu>nav>ul {

    margin-left: 35px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-header-3-style .tp-header-menu>nav>ul {

    margin-left: 70px;

  }

}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-header-3-style .tp-header-menu>nav>ul>li {

    margin: 0 12px;

  }

}

.tp-header-3-style .tp-header-menu>nav>ul>li>a {

  font-size: 16px;

  color: var(--tp-common-black);

}

.tp-header-3-style .tp-header-dropdown nav ul li.has-dropdown::after {

  color: var(--tp-common-black);

}

.tp-header-3-style .tp-header-bar button {

  height: 50px;

  width: 50px;

  line-height: 50px;

  border-radius: 10px;

  color: var(--tp-common-black);

  background-color: var(--tp-common-green-regular);

}

.tp-header-3-style .tp-header-bar button i {

  width: 24px;

  margin: 4px auto;

  background-color: var(--tp-common-black);

}



.tp-header-4-style .tp-header-menu nav ul li a {

  color: var(--tp-common-white);

}

@media (max-width: 767px) {

  .tp-header-4-style .tp-header-btn-box {

    display: none;

  }

}

.tp-header-4-style.header-4-light-style .tp-header-bar button {

  color: var(--tp-common-black);

}

.tp-header-4-style.header-4-light-style .tp-header-bar button i {

  background-color: var(--tp-common-black);

}



.tp-header-5-area.header-style-light .tp-header-5-bar span {

  background-color: var(--tp-common-black-7);

}

.tp-header-5-area.header-style-light .tp-header-5-button .tp-btn-red-border {

  color: var(--tp-common-black);

}

.tp-header-5-area.header-style-light .tp-header-5-button .tp-btn-red-border:hover {

  color: var(--tp-common-white);

}

.tp-header-5-bar span {

  height: 2px;

  width: 60px;

  display: block;

  margin: 8px 0;

  background-color: #000 !important;

}



.tp-header-7-wrapper {

  padding: 0px 25px;

  padding-right: 10px;

  border-radius: 16px;

  background: rgba(8, 4, 29, 0.2);

  border: 1px solid rgba(255, 255, 255, 0.1);

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-header-7-wrapper {

    padding: 10px 25px;

    padding-right: 10px;

  }

}

.tp-header-7-wrapper::after {

  content: "";

  height: 100%;

  width: 100%;

  display: block;

  backdrop-filter: blur(10px);

}

.tp-header-7-menu>nav>ul {

  margin-left: 0;

}

.tp-header-7-menu>nav>ul>li>a {

  padding: 22px 0;

  font-weight: 600;

  font-size: 16px;

  line-height: 1;

  display: inline-block;

  letter-spacing: -0.01em;

  color: var(--tp-common-white);

}

.tp-header-7-btn-box {

  line-height: 1;

}

.tp-header-7-serach {

  color: var(--tp-common-white);

}



.tp-header-8-area.header-8-style-dark .tp-header-8-bar {

  border: 1px solid rgba(255, 255, 255, 0.12);

}

.tp-header-8-area.header-8-style-dark .tp-header-8-bar span {

  color: var(--tp-common-white);

}

.tp-header-8-area.header-8-style-dark .tp-btn-border-2 {

  color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.12);

}

.tp-header-8-wrapper {

  padding: 18px 0;

}

.tp-header-8-border {

  border-bottom: 1px solid rgba(25, 25, 25, 0.08);

}

.tp-header-8-bar {

  transition: 0.3s;

  padding: 8px 22px;

  margin-right: 18px;

  border-radius: 24px;

  display: inline-block;

  border: 1px solid rgba(25, 25, 25, 0.1);

}

.tp-header-8-bar:hover {

  border-color: var(--tp-common-red-2);

  background-color: var(--tp-common-red-2);

}

.tp-header-8-bar:hover span {

  color: var(--tp-common-white);

}

.tp-header-8-bar span {

  line-height: 1;

  transition: 0.3s;

  font-size: 15px;

  letter-spacing: -0.01em;

  text-transform: uppercase;

  color: var(--tp-common-black);

  font-family: var(--tp-ff-clash-medium);

}

.tp-header-8-bar span svg {

  margin-left: 7px;

}

.tp-header-8-lang a {

  font-size: 15px;

  line-height: 1;

  letter-spacing: -0.01em;

  color: var(--tp-common-black);

  font-family: var(--tp-ff-clash-medium);

}

.tp-header-8-lang a:not(:last-child) {

  margin-right: 8px;

}

.tp-header-8-lang a:hover {

  color: var(--tp-common-red-2);

}

.tp-header-8-btn {

  margin-left: 20px;

}



.tp-header-9-mt {

  margin-top: 40px;

}

.tp-header-9-box {

  margin-left: 90px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-header-9-box {

    margin-left: 0;

  }

}

.tp-header-9-menu.tp-header-dropdown nav>ul>li.has-dropdown>a::after {

  display: none;

}

.tp-header-9-menu>nav>ul {

  display: inline-block;

  padding: 0 10px;

  border-radius: 14px;

  background: rgba(238, 241, 234, 0.04);

  border: 1px solid rgba(238, 241, 234, 0.04);

}

.tp-header-9-menu>nav>ul>li {

  display: inline-block;

  list-style-type: none;

  padding: 8px 0;

}

.tp-header-9-menu>nav>ul>li>a {

  font-weight: 500;

  font-size: 16px;

  line-height: 1;

  border-radius: 8px;

  padding: 7px 23px;

  display: inline-block;

  letter-spacing: -0.01em;

  color: var(--tp-common-cream-3);

  background-color: transparent;

}

.tp-header-9-menu>nav>ul>li>a:hover {

  color: var(--tp-common-yellow-green);

  background-color: rgba(238, 241, 234, 0.06);

}

.tp-header-9-logo .logo-2 {

  display: none;

}

.tp-header-9-search span {

  color: var(--tp-common-cream);

}



.tp-header-10-area.header-10-dark-style .tp-header-10-wrapper {

  background: #1A1B1E;

  border: 1px solid rgba(0, 0, 0, 0.6);

}

.tp-header-10-area.header-10-dark-style .tp-header-10-menu>nav>ul>li>a {

  color: var(--tp-common-white);

}

.tp-header-10-area.header-10-dark-style .tp-header-10-offcanvas .tp-header-bar button {

  color: var(--tp-common-white);

}

.tp-header-10-area.header-10-dark-style .tp-header-10-offcanvas .tp-header-bar button i {

  background-color: var(--tp-common-white);

}

.tp-header-10-announcement-wrapper {

  padding: 10px 0;

}

.tp-header-10-announcement-content p {

  font-size: 14px;

  font-weight: 600;

  margin: 0;

  margin-right: 8px;

  color: var(--tp-common-white);

}

@media (max-width: 767px) {

  .tp-header-10-announcement-content p {

    font-size: 12px;

    margin-right: 0;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .tp-header-10-announcement-content p {

    font-size: 14px;

    margin-right: 8px;

  }

}

.tp-header-10-announcement-content p span {

  display: inline-block;

  font-size: 11px;

  font-weight: 700;

  padding: 4px 16px;

  margin-right: 10px;

  text-transform: uppercase;

  background: #21212D;

  border-radius: 18px;

}

@media (max-width: 767px) {

  .tp-header-10-announcement-content p span {

    font-size: 10px;

    font-weight: 500;

    padding: 4px 10px;

    margin-right: 5px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .tp-header-10-announcement-content p span {

    padding: 4px 16px;

  }

}

.tp-header-10-announcement-content a {

  position: relative;

  display: inline-block;

  font-size: 14px;

  font-weight: 700;

  color: var(--tp-common-white);

}

.tp-header-10-announcement-content a::after {

  position: absolute;

  content: "";

  height: 1px;

  width: 100%;

  bottom: 0;

  left: 0;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  background-color: rgba(255, 255, 255, 0.5);

}

.tp-header-10-announcement-content a:hover::after {

  opacity: 0;

  visibility: hidden;

}

.tp-header-10-announcement-content a:hover span {

  transform: rotate(45deg);

}

.tp-header-10-announcement-content a span {

  display: inline-block;

  margin-left: 5px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.tp-header-10-announcement-close {

  position: absolute;

  top: 7px;

  right: 60px;

}

.tp-header-10-announcement-close button {

  display: inline-block;

  height: 26px;

  width: 26px;

  line-height: 7px;

  border-radius: 50%;

  color: var(--tp-common-black);

  background: var(--tp-common-white);

}

.tp-header-10-announcement-close button:hover {

  transform: scale(1.1);

}

@media (max-width: 767px) {

  .tp-header-10-announcement-close button {

    display: none;

  }

}

.tp-header-10-menu {

  margin-left: -70px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-header-10-menu {

    margin-left: -15px;

  }

}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1600px) and (max-width: 1700px),
only screen and (min-width: 1701px) and (max-width: 1800px),
only screen and (min-width: 1801px) and (max-width: 1850px) {

  .tp-header-10-menu {

    margin-left: -60px;

  }

}

.tp-header-10-menu::before {

  position: absolute;

  content: "";

  height: 30px;

  width: 1px;

  top: 15px;

  left: -10px;

  background: rgba(33, 33, 45, 0.06);

}

.tp-header-10-menu>nav>ul {

  margin-left: 0;

}

.tp-header-10-menu>nav>ul>li {

  margin: 0 20px;

}

.tp-header-10-menu>nav>ul>li>a {

  padding: 42px 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  display: inline-block;
  letter-spacing: -0.16px;
  color: var(--tp-common-black-10);
  text-transform: uppercase;

}

.tp-header-10-menu.tp-header-dropdown nav ul li.has-dropdown::after {

  display: none;

}

.tp-header-10-wrapper {

  padding: 0px;

  border-radius: 0;

  border: 1px solid rgba(255, 255, 255, 0.6);

  background: rgba(247, 247, 253, 0.2);

  box-shadow: 0px 20px 30px 0px rgba(33, 33, 45, 0.03);

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-header-10-wrapper {

    padding: 10px 20px;

  }

}

.tp-header-10-btn-box {

  line-height: 1;

}

.tp-header-10-offcanvas .tp-header-bar button {

  color: var(--tp-common-black);

}

.tp-header-10-offcanvas .tp-header-bar button i {

  background-color: var(--tp-common-black);

}



.tp-header-11-style .tp-header-10-wrapper {

  background: rgba(255, 255, 255,1);
  border: none;
  box-shadow: 0 20px 30px 0 rgba(33, 33, 45, 0.03);

}

.tp-header-11-style .tp-header-10-wrapper::after {

  content: "";

  height: 100%;

  width: 100%;

  backdrop-filter: blur(10px);

}

.tp-header-11-style .tp-header-10-menu {

  margin-left: -100px;

}

@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),
(max-width: 767px) {

  .tp-header-11-style .tp-header-10-menu {

    margin-left: 0;

  }

}

.tp-header-11-style.header-11-dark-style .tp-header-10-wrapper {

  background: #1A1B1E;

  border: 1px solid rgba(0, 0, 0, 0.6);

}

.tp-header-11-style.header-11-dark-style .tp-header-10-menu>nav>ul>li>a {

  color: var(--tp-common-white);

}

.tp-header-11-style.header-11-dark-style .tp-header-10-offcanvas .tp-header-bar button {

  color: var(--tp-common-white);

}

.tp-header-11-style.header-11-dark-style .tp-header-10-offcanvas .tp-header-bar button i {

  background-color: var(--tp-common-white);

}

.tp-header-11-style.header-11-dark-style .tp-btn-black-radius {

  background-color: #fff;

  color: var(--tp-common-black);

}

.tp-header-11-style.header-11-dark-style .tp-btn-black-radius i {

  color: var(--tp-common-white);

  background-color: var(--tp-common-black);

}



@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-header-12-ptb {

    padding: 10px 0;

  }

}

.tp-header-12-ptb.sticky-black-bg .tp-header-12-menu>nav>ul>li>a {

  color: var(--tp-common-white);

}

.tp-header-12-ptb.sticky-black-bg .tp-header-12-menu>nav>ul>li.has-dropdown::after {

  color: var(--tp-common-white);

}

.tp-header-12-menu>nav>ul {

  margin-left: 0;

}

.tp-header-12-menu>nav>ul>li {

  margin: 0 20px;

}

.tp-header-12-menu>nav>ul>li>a {

  position: relative;

  padding: 41px 0;

  font-size: 17px;

  font-weight: 500;

  line-height: 1;

  color: #616161;

  display: inline-block;

  letter-spacing: -0.17px;

}

.tp-header-12-menu.about-us-4 nav ul li a {

  color: #111013;

}

.tp-header-12-menu.tp-header-dropdown nav ul li.has-dropdown::after {

  color: #616161;

}



@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-header-13-ptb {

    padding: 10px 0;

  }

}

.tp-header-13-menu>nav>ul {

  margin-left: 270px;

}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {

  .tp-header-13-menu>nav>ul {

    margin-left: 100px;

  }

}

@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),
(max-width: 767px) {

  .tp-header-13-menu>nav>ul {

    margin-left: 0;

  }

}

.tp-header-13-menu>nav>ul>li {

  margin: 0 20px;

}



.tp-header-14-main {

  position: relative;

  z-index: 999;

}

.tp-header-14-wrapper {

  padding: 18px 0;

}

.tp-header-14-info a {

  font-size: 15px;

  font-weight: 600;

  color: var(--tp-common-white);

}

.tp-header-14-bar-wrap .tp-header-8-bar {

  margin-right: 0;

  padding: 8px 18px;

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.tp-header-14-bar-wrap .tp-header-8-bar:hover {

  background-color: var(--tp-common-white);

}

.tp-header-14-bar-wrap .tp-header-8-bar:hover span {

  color: var(--tp-common-black);

}

.tp-header-14-bar-wrap .tp-header-8-bar span {

  font-size: 14px;

  font-weight: 700;

  letter-spacing: -0.14px;

  text-transform: uppercase;

  color: var(--tp-common-white);

  font-family: var(--tp-ff-inter);

}



.tp-header-15-style .tp-header-14-info a {

  color: #653624;

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-header-15-style .tp-header-14-info a {

    color: var(--tp-cream-2);

  }

}

.tp-header-15-style .tp-header-14-bar-wrap .tp-header-8-bar {

  border-color: #653624;

}

.tp-header-15-style .tp-header-14-bar-wrap .tp-header-8-bar span {

  color: #653624;

}

.tp-header-15-style .tp-header-14-bar-wrap .tp-header-8-bar:hover {

  background-color: #653624;

}

.tp-header-15-style .tp-header-14-bar-wrap .tp-header-8-bar:hover span {

  color: var(--tp-common-white);

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-header-15-style .tp-header-14-bar-wrap .tp-header-8-bar {

    border-color: var(--tp-cream-2);

  }

  .tp-header-15-style .tp-header-14-bar-wrap .tp-header-8-bar span {

    color: var(--tp-cream-2);

  }

  .tp-header-15-style .tp-header-14-bar-wrap .tp-header-8-bar:hover {

    background-color: var(--tp-cream-2);

  }

  .tp-header-15-style .tp-header-14-bar-wrap .tp-header-8-bar:hover span {

    color: var(--tp-common-black);

  }

}



.tp-header-inner-style .tp-header-menu>nav>ul {

  padding: 0 10px;

  border-radius: 30px;

  display: inline-block;

  background-color: rgb(246, 246, 249);

}

.tp-header-inner-style .tp-header-menu>nav>ul>li>a {

  padding: 10px 0;

  color: var(--tp-common-black);

}

.tp-header-inner-style .tp-header-dropdown nav ul li.has-dropdown a::after {

  color: var(--tp-common-black);

}

.tp-header-inner-style .tp-header-dropdown nav ul li .tp-submenu {

  top: 110%;

}

.tp-header-inner-style .tp-header-14-bar-wrap .tp-header-8-bar {

  border: 0;

  background-color: rgb(246, 246, 249);

}

.tp-header-inner-style .tp-header-14-bar-wrap .tp-header-8-bar span {

  color: var(--tp-common-black);

}

.tp-header-inner-style .tp-header-14-bar-wrap .tp-header-8-bar:hover {

  background-color: var(--tp-common-black);

}

.tp-header-inner-style .tp-header-14-bar-wrap .tp-header-8-bar:hover span {

  color: var(--tp-common-white);

}

.tp-header-inner-style.header-inner-white .tp-header-menu>nav>ul {

  background-color: #1D1D1F;

}

.tp-header-inner-style.header-inner-white .tp-header-menu>nav>ul>li>a {

  color: #BFBFC0;

}

.tp-header-inner-style.header-inner-white .tp-header-menu>nav>ul>li:hover>a {

  color: var(--tp-common-white);

}

.tp-header-inner-style.header-inner-white .tp-header-dropdown>nav>ul>li.has-dropdown::after {

  color: #BFBFC0;

}

.tp-header-inner-style.header-inner-white .tp-header-dropdown>nav>ul>li:hover.has-dropdown::after {

  color: var(--tp-common-white);

}

.tp-header-inner-style.header-inner-white .tp-header-14-bar-wrap .tp-header-8-bar {

  background-color: #1D1D1F;

}

.tp-header-inner-style.header-inner-white .tp-header-14-bar-wrap .tp-header-8-bar span {

  color: var(--tp-common-white);

}

.tp-header-inner-style.header-inner-white .tp-header-14-bar-wrap .tp-header-8-bar:hover {

  background-color: var(--tp-common-white);

}

.tp-header-inner-style.header-inner-white .tp-header-14-bar-wrap .tp-header-8-bar:hover span {

  color: var(--tp-common-black);

}

.tp-header-inner-style .tp-megamenu-wrapper {

  top: 110%;

}



.tp-header-shop-wrap {

  position: relative

}

.tp-header-shop-wrap.shop-white-header {

  border: 1px solid rgba(255, 255, 255, 0.2);

}

.tp-header-shop-wrap.shop-white-header .tp-header-shop-menu>nav>ul>li>a {

  color: var(--tp-common-white);

}



.tp-header-shop-wrap.shop-white-header .tp-header-shop-cart button {

  color: var(--tp-common-white);

}

.tp-header-shop-wrap.shop-white-header .tp-header-shop-cart button span {

  color: var(--tp-theme-shop);

  background-color: var(--tp-common-white);

}

.tp-header-shop-wrap.shop-white-header .tp-header-shop-lang button,
.tp-header-shop-wrap.shop-white-header .tp-header-shop-lang span {

  color: var(--tp-common-white);

}

.tp-header-shop-wrap.shop-white-header .tp-header-shop-search button {

  color: var(--tp-common-white);

}

.tp-header-shop-wrap.shop-white-header .logo-2 {

  display: none;

}

.tp-header-shop-wrap.shop-white-header .tp-header-10-offcanvas .tp-header-bar button i {

  background-color: var(--tp-common-white);

}

.tp-header-shop-wrap .tp-header-dropdown nav>ul>li.has-dropdown>a::after {

  display: none;

}

.tp-header-shop-wrap .tp-megamenu-wrapper {

  max-width: 100%;

  border-radius: 0px;

}

.tp-header-shop-wrap .tp-megamenu-wrapper.megamenu-white-bg {

  background: rgba(244, 240, 234, 0.8);

  border: 1px solid rgba(77, 61, 48, 0.12);

}

.tp-header-shop-wrap.header-sticky {

  top: 10px;

  width: calc(100% - 30px);

  margin: 0 auto;

}

.tp-header-shop-wrap.header-sticky.sticky-white-bg {

  background: rgba(244, 240, 234, 0.9);

}

.tp-header-shop-wrap.header-sticky.shop-white-header {

  border: 1px solid rgba(77, 61, 48, 0.2);

}

.tp-header-shop-wrap.header-sticky.shop-white-header .tp-header-shop-menu>nav>ul>li>a {

  color: var(--tp-theme-shop);


}



.tp-header-shop-wrap.header-sticky.shop-white-header .tp-header-shop-search button {

  color: var(--tp-theme-shop);

}

.tp-header-shop-wrap.header-sticky.shop-white-header .tp-header-shop-cart button {

  color: var(--tp-theme-shop);

}

.tp-header-shop-wrap.header-sticky.shop-white-header .tp-header-shop-cart button span {

  background-color: var(--tp-theme-shop);

  color: var(--tp-common-white);

}

.tp-header-shop-wrap.header-sticky.shop-white-header .tp-header-shop-lang span {

  color: var(--tp-theme-shop);

}

.tp-header-shop-wrap.header-sticky.shop-white-header .tp-header-shop-logo .logo-1 {

  display: none;

}

.tp-header-shop-wrap.header-sticky.shop-white-header .tp-header-shop-logo .logo-2 {

  display: inline-block !important;

}

.tp-header-shop-wrap.header-sticky.shop-white-header .tp-header-10-offcanvas .tp-header-bar button i {

  background-color: var(--tp-theme-shop);

}

.tp-header-shop-wrap .dropdown-white-bg nav ul li .tp-submenu {

  border-radius: 0 0 14px 14px;

  background: rgba(244, 240, 234, 0.8);

  border: 1px solid rgba(77, 61, 48, 0.12);

}

.tp-header-shop-menu>nav>ul {

  display: flex;

}

.tp-header-shop-menu>nav>ul>li {

  list-style: none;

  display: inline-block;

}

.tp-header-shop-menu>nav>ul>li>a {

  height: 100%;

  padding: 30px 20px;

  font-weight: 500;

  font-size: 14px;

  line-height: 1;

  color: var(--tp-theme-shop);

  letter-spacing: -0.01em;

  display: inline-block;

  text-transform: uppercase;


}

.tp-header-shop-action>ul {

  display: flex;

}

.tp-header-shop-action>ul>li {

  position: relative;

  padding: 12px 30px;

  list-style-type: none;

  display: inline-flex;

  justify-content: center;

  align-items: center;

}

.tp-header-shop-cart a,
.tp-header-shop-cart button,
.tp-header-shop-cart span,
.tp-header-shop-lang a,
.tp-header-shop-lang button,
.tp-header-shop-lang span {

  font-weight: 500;

  font-size: 14px;

  line-height: 1;

  color: var(--tp-theme-shop);

  letter-spacing: -0.01em;

  text-transform: uppercase;

}

.tp-header-shop-cart button span {

  position: absolute;

  top: 0;

  right: 0;

  padding: 3px 6px 4px;

  font-weight: 600;

  font-size: 14px;

  line-height: 1;

  text-align: center;

  display: inline-block;

  letter-spacing: -0.01em;

  text-transform: uppercase;

  color: var(--tp-common-white);

  background-color: var(--tp-theme-shop);

  border: 1px solid rgba(77, 61, 48, 0.2);

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-header-shop-logo {

    margin-left: 20px;

  }

}



.header-lang-submenu {

  position: absolute;

  top: 110%;

  right: 0px;

  width: 120px;

  z-index: 9;

  opacity: 0;

  padding: 15px 20px;

  visibility: hidden;

  background: var(--tp-theme-shop);

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  box-shadow: 0 30px 70px 6px rgba(11, 6, 70, 0.08);

}

.header-lang-submenu li {

  list-style: none;

}

.header-lang-submenu li a {

  font-size: 13px;

  text-transform: capitalize;

  color: var(--tp-common-white);

}

.header-lang-submenu.open {

  top: 100%;

  opacity: 1;

  visibility: visible;

}



.tp-header-14-yellow-bg .tp-header-8-bar:hover {

  color: var(--tp-common-white);

  border-color: var(--tp-common-black);

  background-color: var(--tp-common-black);

}



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

/*  4.1 Main Menu

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

.header-sticky {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  opacity: 1;

  width: 100%;

  z-index: 10;

  visibility: visible;

  background: rgba(38, 37, 40, 0.9);

  box-shadow: 0 2px 6px 0 rgba(19, 19, 22, 0.08);

  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;

  -webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;

}

.header-sticky .tp-header-menu>nav>ul>li>a {

  padding: 22px 0;

}

.header-sticky.sticky-white-bg {

  background: rgba(255, 255, 255, 0.9);

}

.header-sticky.sticky-white-bg .tp-header-menu>nav>ul>li>a {

  color: var(--tp-common-black);

}

.header-sticky.sticky-white-bg .tp-header-menu>nav>ul>li>a::after {

  color: var(--tp-common-black);

}

.header-sticky.sticky-white-bg .tp-header-dropdown nav ul li.has-dropdown::after {

  color: var(--tp-common-black);

}

.header-sticky.sticky-white-bg .logo-white {

  display: none;

}

.header-sticky.sticky-white-bg .logo-black {

  display: block !important;

}

.header-sticky.sticky-white-bg .tp-header-lang a {

  color: rgba(0, 0, 0, 0.6);

}

.header-sticky.sticky-white-bg .tp-header-lang a.active {

  color: var(--tp-common-black);

}

.header-sticky.sticky-white-bg .tp-header-bar button i {

  background-color: var(--tp-common-black);

}

.header-sticky.sticky-white-bg .tp-header-7-serach {

  color: var(--tp-common-black);

}

.header-sticky.sticky-white-bg .cr-header-login a {

  background: rgb(0, 0, 0);

  border-color: rgba(0, 0, 0, 0.6);

}

.header-sticky.sticky-white-bg .cr-header-login a:hover {

  color: var(--tp-common-black);

  background-color: transparent;

}

.header-sticky.sticky-white-bg .tp-header-btn-box .tp-btn-white-border:hover {

  color: var(--tp-common-black);

  border-color: rgba(0, 0, 0, 0.6);

}

.header-sticky.sticky-white-bg .animated-border-box::before {

  background-image: conic-gradient(rgb(255, 255, 255), #000, rgb(255, 255, 255) 25%);

}

.header-sticky.sticky-white-bg .tp-btn-white-border.tp-btn-light-bg {

  color: #0E0F11;

  background-color: transparent;

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.header-sticky.sticky-white-bg .tp-btn-white-border.tp-btn-light-bg:hover {

  color: var(--tp-common-white);

  border-color: var(--tp-common-black);

  background-color: var(--tp-common-black);

}

.header-sticky.tp-header-blur::after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  backdrop-filter: blur(40px);

  z-index: -1;

}

.header-sticky.tp-header-3-style {

  padding-top: 0;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .header-sticky.tp-header-3-style {

    padding: 10px 0;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .header-sticky.tp-header-9-sticky {

    padding: 10px 0;

  }

}

.header-sticky.tp-header-border {

  border-bottom: 0;

}

.header-sticky .tp-header-logo {

  padding: 0;

}

.header-sticky .tp-header-7-wrapper {

  padding: 0;

  padding-right: 0;

  border-radius: 0;

  background: initial;

  border: none;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .header-sticky .tp-header-7-wrapper {

    padding: 10px 0;

  }

}

.header-sticky.tp-header-9-sticky .tp-header-9-logo .logo-1 {

  display: none;

}

.header-sticky.tp-header-9-sticky .tp-header-9-logo .logo-2 {

  display: block !important;

}

.header-sticky.tp-header-9-sticky .tp-header-9-menu>nav>ul>li>a {

  padding: 25px 0;

  margin: 0 15px;

  color: var(--tp-common-black);

}

.header-sticky.tp-header-9-sticky .tp-header-9-menu>nav>ul>li {

  padding: 0;

}

.header-sticky.tp-header-9-sticky .tp-header-9-menu>nav>ul {

  padding: 0;

}

.header-sticky.tp-header-9-sticky .tp-header-9-box {

  margin-left: 0;

}

.header-sticky.tp-header-9-sticky .tp-header-9-search span {

  color: var(--tp-common-black);

}

.header-sticky.tp-header-9-sticky .tp-header-9-btn .tp-btn-yellow-green {

  color: #fff;

  background-color: #2A4C3A;

}

.header-sticky.tp-header-10-sticky .tp-header-10-wrapper {

  margin-top: 0;

  border-radius: 0;

  border: 0;

  box-shadow: none;

  background: transparent;

}

.header-sticky.tp-header-11-style .tp-header-10-wrapper {

  border: 0;

  background: 0;

  margin-top: 0;

  box-shadow: none;

  backdrop-filter: initial;

}

.header-sticky.tp-header-inner-style .tp-header-menu>nav>ul {

  padding: 0;

  border-radius: 0;

  display: inline-block;

  margin-bottom: 0;

  background-color: transparent;

}

.header-sticky.tp-header-inner-style .tp-header-dropdown nav>ul>li .tp-submenu {

  top: 104%;

}

.header-sticky.tp-header-inner-style .tp-header-dropdown nav>ul>li .tp-submenu li .tp-submenu {

  top: 0;

}

.header-sticky.tp-header-inner-style .tp-megamenu-wrapper {

  top: 104%;

}



.sticky-white-bg .tp-megamenu-list ul li a span {

  font-weight: 700;

}

.sticky-white-bg .tp-megamenu-list ul li a span.new {

  color: rgb(182, 74, 222);

  background: rgba(182, 74, 222, 0.08);

}

.sticky-white-bg .tp-megamenu-list ul li a span.pop {

  color: #0db50e;

  background-color: rgba(13, 181, 14, 0.08);

}



.tp-header-dropdown nav ul li {

  position: relative;

  list-style: none;

}

.tp-header-dropdown nav ul li.p-static {

  position: static;

}

.tp-header-dropdown nav ul li.has-dropdown>a::after {

  content: "\f107";

  font-size: 16px;

  font-weight: 400;

  margin-left: 5px;

  display: inline-block;

  color: var(--tp-common-white);

  transition: all 0.3s 0s ease-out;

  font-family: var(--tp-ff-fontawesome);

}

.tp-header-dropdown nav ul li.has-dropdown:hover>a::after {

  transform: rotate(-180deg);

}

.tp-header-dropdown nav ul li .tp-submenu {

  position: absolute;

  top: 100%;

  left: 0;

  width: 260px;

  z-index: 99;

  opacity: 0;

  padding: 12px 0;

  transition: 0.5s;

  text-align: start;

  visibility: hidden;

  border-radius: 14px;

  transform-origin: 0 0;

  transform: scale(1, 0);

  backdrop-filter: blur(40px);

  background: rgba(38, 37, 40, 0.9);

  box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);

}

.tp-header-dropdown nav ul li .tp-submenu li {

  width: 100%;

  padding: 0 12px;

  border-radius: 8px;

}

.tp-header-dropdown nav ul li .tp-submenu li a {

  position: relative;

  border-radius: 8px;

  font-weight: 500;

  font-size: 16px;

  line-height: 1;

  color: #bfbfc0;

  padding: 12px 18px;

  display: inline-block;

  letter-spacing: -0.01em;

  text-align: start;

  width: 100%;

}

@media only screen and (min-width: 1600px) and (max-width: 1700px),
only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-header-dropdown nav ul li .tp-submenu li a {

    font-size: 14px;

  }

}

.tp-header-dropdown nav ul li .tp-submenu li .tp-submenu {

  top: 0;

  left: 100%;

}

.tp-header-dropdown nav ul li .tp-submenu li:hover>a {

  background-color: #2c2b2e;

  color: var(--tp-common-white);

}

.tp-header-dropdown nav ul li .tp-submenu li.menu-item-has-children>a {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.tp-header-dropdown nav ul li .tp-submenu li.menu-item-has-children>a::after {

  content: "\f107";

  font-size: 16px;

  font-weight: 400;

  margin-left: 2px;

  color: #bfbfc0;

  display: inline-block;

  transform: rotate(-90deg);

  transition: all 0.3s 0s ease-out;

  font-family: var(--tp-ff-fontawesome);

}

.tp-header-dropdown nav ul li .tp-submenu li.menu-item-has-children:hover a::after {

  transform: rotate(0deg);

  color: var(--tp-common-white);

}

.tp-header-dropdown nav ul li:hover>.tp-submenu {

  visibility: visible;

  opacity: 1;

  transform: scale(1);

}

.tp-header-dropdown nav ul li:hover>.tp-megamenu-wrapper {

  visibility: visible;

  opacity: 1;

  transition-duration: 0.2s;

  -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-megamenu-wrapper {

  position: absolute;

  transition: 0.3s;

  opacity: 0;

  visibility: hidden;

  padding-top: 45px;

  top: 100%;

  left: 0;

  right: 0;

  max-width: 1760px;

  margin: 0 auto;

  border-radius: 14px;

  transform-origin: top;

  transition-duration: 0.1s;

  -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: 1600px) and (max-width: 1700px),
only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-megamenu-wrapper {

    max-width: calc(100% - 0px);

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-megamenu-wrapper {

    padding-top: 25px;

  }

}

.tp-megamenu-wrapper.megamenu-black-bg {

  backdrop-filter: blur(40px);

  background: rgba(38, 37, 40, 0.9);

  box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);

}

.tp-megamenu-wrapper.megamenu-white-bg {

  backdrop-filter: blur(40px);

  background: rgba(255, 255, 255, 0.9);

  box-shadow: 0 2px 6px 0 rgba(19, 19, 22, 0.1);

}

.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-title {

  color: #111013;

  border-bottom: 1px solid #F3F3F6;

}

.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul::after {

  background-color: #F3F3F6;

}

.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li a {

  color: #636368;

}

.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li a:hover {

  background-color: #f8f8fb;

  color: var(--tp-common-black);

}

.tp-megamenu-title {

  font-weight: 600;

  font-size: 13px;

  line-height: 1;

  margin-bottom: 0;

  padding-left: 40px;

  padding-bottom: 25px;

  text-align: start;

  text-transform: uppercase;

  color: var(--tp-common-white);

  border-bottom: 1px solid rgba(255, 255, 255, 0.06);

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .tp-megamenu-title {

    padding-left: 23px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-megamenu-title {

    padding-left: 20px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-megamenu-title {

    padding-left: 20px;

  }

}

.tp-megamenu-list {

  height: 100%;

}

.tp-megamenu-list ul {

  position: relative;

  height: 100%;

  padding-top: 0px;

  padding-bottom: 50px;

}

.tp-megamenu-list ul::after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: 1px;

  height: 100%;

  background-color: rgba(255, 255, 255, 0.06);

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-megamenu-list ul::after {

    display: none;

  }

}

.tp-megamenu-list ul li {

  padding: 0px 20px;

}

@media only screen and (min-width: 1600px) and (max-width: 1700px),
only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-megamenu-list ul li {

    padding: 0px 10px;

  }

}

.tp-megamenu-list ul li:not(:last-child) {

  margin-bottom: 6px;

}

.tp-megamenu-list ul li a {

  position: relative;

  width: 100%;

  font-weight: 600;

  font-size: 14px;

  line-height: 1;

  color: #bfbfc0;

  padding: 12px 18px;

  border-radius: 0px;

  display: inline-block;

  letter-spacing: -0.01em;

  text-align: start;

}

@media only screen and (min-width: 1701px) and (max-width: 1800px),
only screen and (min-width: 1600px) and (max-width: 1700px) {

  .tp-megamenu-list ul li a {

    font-size: 14px;

  }

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .tp-megamenu-list ul li a {

    font-size: 14px;

    padding: 5px 18px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-megamenu-list ul li a {

    font-size: 14px;

    padding: 5px 8px;

  }

}

.tp-megamenu-list ul li a span {

  font-size: 13px;

  line-height: 1;

  font-weight: 800;

  padding: 6px 8px;

  border-radius: 20px;

  display: inline-block;

  margin-left: 3px;

  text-transform: capitalize;

  letter-spacing: 0.7px;

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .tp-megamenu-list ul li a span {

    font-size: 8px;

    padding: 5px 6px;

  }

}

@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),
(max-width: 767px) {

  .tp-megamenu-list ul li a span {

    display: none;

  }

}

.tp-megamenu-list ul li a span.hot {

  color: #FF535B;

  background-color: rgba(255, 83, 91, 0.08);

}

.tp-megamenu-list ul li a span.new {

  color: #fff669;

  background-color: rgba(255, 246, 105, 0.08);

}

.tp-megamenu-list ul li a span.pop {

  color: #19e41a;

  background-color: rgba(25, 228, 26, 0.08);

}

.tp-megamenu-list ul li a:hover {

  color: var(--tp-common-white);

}

.tp-megamenu-thumb {

  height: 100%;

  position: absolute;

  top: 0;

  right: 0;

  width: 17%;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-megamenu-thumb {

    display: none;

  }

}

.tp-megamenu-thumb img {

  height: 100%;

  object-fit: cover;

  width: 100%;

  overflow: hidden;

}



.dropdown-white-bg nav ul li .tp-submenu {

  background: rgba(255, 255, 255, 0.9);

}

.dropdown-white-bg nav ul li .tp-submenu li a {

  color: #636368;

}

.dropdown-white-bg nav ul li .tp-submenu li:hover>a {

  background-color: #F8F8FB;

  color: var(--tp-common-black);

}

.dropdown-white-bg nav ul li .tp-submenu li.menu-item-has-children>a::after {

  color: #636368;

}

.dropdown-white-bg nav ul li .tp-submenu li.menu-item-has-children:hover>a::after {

  color: var(--tp-common-black);

}



.agntix-light .tp-header-dropdown nav ul li.has-dropdown a::after {

  color: var(--tp-common-black);

}



.tp-header-12-menu.tp-header-dropdown nav ul li.has-dropdown a::after {

  color: #616161;

}



.tp-header-12-ptb.sticky-black-bg .tp-header-12-menu>nav>ul>li.has-dropdown a::after {

  color: var(--tp-common-white);

}



.tp-header-inner-style.header-inner-white .tp-header-dropdown>nav>ul>li.has-dropdown a::after {

  color: #BFBFC0;

}



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

/*  4.2 Mobile Menu

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

.tp-offcanvas-menu {

  margin-bottom: 80px;

}

.tp-offcanvas-menu ul {

  list-style: none;

}

.tp-offcanvas-menu ul li {

  position: relative;

}

.tp-offcanvas-menu ul li>a {

  padding: 10px 0;

  display: block;

  font-size: 20px;

  font-weight: 500;

}

.tp-offcanvas-menu ul li.active>a {

  color: var(--tp-common-red-3);

}

.tp-offcanvas-menu ul li.active>.tp-menu-close i {

  top: 10px;

  -webkit-transform: rotate(135deg);

  -moz-transform: rotate(135deg);

  -ms-transform: rotate(135deg);

  -o-transform: rotate(135deg);

  transform: rotate(135deg);

}

.tp-offcanvas-menu ul li .submenu {

  display: none;

}

.tp-offcanvas-menu ul li .submenu .submenu {

  margin-left: 30px;

}

.tp-offcanvas-menu .tp-megamenu-wrapper.megamenu-white-bg {

  backdrop-filter: none;

  background: transparent;

  box-shadow: none;

}

.tp-offcanvas-menu .mega-menu {

  width: auto;

  opacity: 1;

  visibility: visible;

  transition: none;

  position: static;

  display: none;

  -webkit-transform: perspective(0) rotateX(0);

  -moz-transform: perspective(0) rotateX(0);

  -ms-transform: perspective(0) rotateX(0);

  -o-transform: perspective(0) rotateX(0);

  transform: perspective(0) rotateX(0);

}

.tp-offcanvas-menu .tp-megamenu-list ul li {

  padding: 0;

}

.tp-offcanvas-menu .tp-megamenu-list ul li a {

  padding: 8px 20px;

  font-size: 17px;

}

.tp-offcanvas-menu .tp-submenu li a {

  padding: 8px 20px;

  border-radius: 10px;

  font-size: 17px;

}

.tp-offcanvas-menu .tp-submenu li a:hover {

  background-color: #f8f8fb;

  color: var(--tp-common-black);

}



.tp-menu-close {

  position: absolute;

  right: 7px;

  top: 12px;

}

.tp-menu-close i {

  transition: all 0.3s;

  font-size: 18px;

  font-weight: 500;

}



.menu-item-has-children .tp-menu-close {

  right: 14px;

  top: 9px;

}



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

/*  4.3 offcanvas Menu

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

.body-overlay {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 99;

  width: 100%;

  height: 100%;

  visibility: hidden;

  opacity: 0;

  transition: 0.45s ease-in-out;

  background: rgba(24, 24, 24, 0.4);

}

.body-overlay.opened {

  opacity: 1;

  visibility: visible;

}



.tp-offcanvas-wrapper {

  position: fixed;

  top: 0;

  right: 0;

  width: 450px;

  height: 100vh;

  z-index: 999;

  padding: 50px 50px;

  overflow-y: scroll;

  transition: all 0.3s;

  background: #FFF;

  overscroll-behavior-y: contain;

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

}

@media (max-width: 767px) {

  .tp-offcanvas-wrapper {

    width: 100%;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .tp-offcanvas-wrapper {

    width: 450px;

  }

}

.tp-offcanvas-wrapper .logo-2 {

  display: none;

}

.tp-offcanvas-wrapper.offcanvas-black-bg {

  background: #1C1D20;

}

.tp-offcanvas-wrapper.offcanvas-black-bg .logo-1 {

  display: none;

}

.tp-offcanvas-wrapper.offcanvas-black-bg .logo-2 {

  display: block !important;

}

.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-close-btn {

  color: var(--tp-common-white);

}

.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-menu ul li>a {

  color: var(--tp-common-white);

}

.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-menu ul li.active>a {

  color: var(--tp-common-red-3);

}

.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-menu .tp-submenu li a:hover {

  background-color: #2c2b2e;

  color: var(--tp-common-white);

}

.tp-offcanvas-wrapper.offcanvas-black-bg .tp-menu-close i {

  color: var(--tp-common-white);

}

.tp-offcanvas-wrapper.offcanvas-black-bg .tp-megamenu-wrapper.megamenu-black-bg {

  backdrop-filter: initial;

  background: transparent;

  box-shadow: none;

}

.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-title.sm {

  color: var(--tp-common-white);

}

.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-contact ul li a {

  color: rgba(255, 255, 255, 0.8);

}

.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-contact ul li a:hover {

  color: var(--tp-common-white);

}

.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-contact ul li a::after {

  background-color: var(--tp-common-white);

}

.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-social ul li a {

  color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-social ul li a:hover {

  color: var(--tp-common-black);

  border-color: var(--tp-common-white);

  background-color: var(--tp-common-white);

}

.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-title {

  color: var(--tp-common-white);

}

.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-content p {

  color: rgba(255, 255, 255, 0.8);

}

.tp-offcanvas-area.opened .tp-offcanvas-wrapper {

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

}

.tp-offcanvas-top {

  margin-bottom: 90px;

}

.tp-offcanvas-close-btn {

  color: black;

}

.tp-offcanvas-close-btn:hover {

  opacity: 1;

  -webkit-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -o-transform: rotate(90deg);

  transform: rotate(90deg);

}

.tp-offcanvas-content {

  margin-bottom: 45px;

}

.tp-offcanvas-content p {

  font-size: 16px;

  font-weight: 400;

  line-height: 24px;

  color: #414144;

}

.tp-offcanvas-title {

  font-size: 40px;

  line-height: 1;

  letter-spacing: -0.8px;

  font-weight: 700;

  margin-bottom: 15px;

  color: var(--tp-common-black);

}

.tp-offcanvas-title.sm {

  font-size: 20px;

  font-weight: 700;

  margin-bottom: 15px;

  text-transform: uppercase;

  color: var(--tp-common-black);

}

.tp-offcanvas-gallery {

  margin-bottom: 65px;

}

.tp-offcanvas-gallery-img img {

  transition: 0.9s;

}

.tp-offcanvas-gallery-img:hover img {

  transform: scale(1.2) rotate(-2deg);

}

.tp-offcanvas-contact {

  margin-bottom: 55px;

}

.tp-offcanvas-contact ul li {

  list-style: none;

}

.tp-offcanvas-contact ul li:not(:last-child) {

  margin-bottom: 2px;

}

.tp-offcanvas-contact ul li a {

  display: inline-block;

  color: #414144;

  font-size: 16px;

  position: relative;

}

.tp-offcanvas-contact ul li a::after {

  position: absolute;

  bottom: 2px;

  right: 0;

  width: 0;

  height: 1px;

  content: "";

  transition: 0.4s;

  background-color: #1e1e1e;

}

.tp-offcanvas-contact ul li a:hover {

  color: var(--tp-common-black);

}

.tp-offcanvas-contact ul li a:hover::after {

  width: 100%;

  right: auto;

  left: 0;

}

.tp-offcanvas-social ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

}

.tp-offcanvas-social ul li {

  list-style: none;

}

.tp-offcanvas-social ul li:not(:last-child) {

  margin-right: 8px;

}

.tp-offcanvas-social ul li a {

  display: inline-block;

  text-align: center;

  width: 40px;

  height: 40px;

  line-height: 38px;

  border-radius: 40px;

  transition: all 0.3s;

  color: var(--tp-common-black);

  border: 1px solid rgba(2, 11, 24, 0.1);

}

.tp-offcanvas-social ul li a:hover {

  background-color: var(--tp-common-black);

  border-color: var(--tp-common-black);

  color: var(--tp-common-white);

}

.tp-offcanvas-social ul li a svg {

  -webkit-transform: translateY(-1px);

  -moz-transform: translateY(-1px);

  -ms-transform: translateY(-1px);

  -o-transform: translateY(-1px);

  transform: translateY(-1px);

}



.tp-offcanvas-2-area {

  position: relative;

}

.tp-offcanvas-2-area.opened .animated-text>nav>ul>li a::after {

  visibility: visible;

  opacity: 1;

  bottom: 35px;

}

.tp-offcanvas-2-area.opened .animated-text>nav>ul>li a::before {

  width: 100%;

}

.tp-offcanvas-2-area.opened .animated-text>nav>ul>li a .tp-text-hover-effect-word .single-char span {

  -webkit-transform: translateZ(0.1px);

  -moz-transform: translateZ(0.1px);

  -ms-transform: translateZ(0.1px);

  -o-transform: translateZ(0.1px);

  transform: translateZ(0.1px);

}

.tp-offcanvas-2-area.opened .tp-offcanvas-2-left,
.tp-offcanvas-2-area.opened .tp-offcanvas-2-right {

  visibility: visible;

  opacity: 1;

}

.tp-offcanvas-2-area.opened .tp-offcanvas-2-wrapper {

  visibility: visible;

  opacity: 1;

}

.tp-offcanvas-2-area.opened .tp-offcanvas-2-bg.is-left,
.tp-offcanvas-2-area.opened .tp-offcanvas-2-bg.is-right {

  -webkit-transform: scale(1, 1);

  -moz-transform: scale(1, 1);

  -ms-transform: scale(1, 1);

  -o-transform: scale(1, 1);

  transform: scale(1, 1);

  transition-delay: 0s;

}

.tp-offcanvas-2-area.opened .tp-offcanvas-2-menu {

  transition-delay: 0s;

}

.tp-offcanvas-2-area.opened .tp-offcanvas-2-close {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  transition-delay: 0.9s;

}

.tp-offcanvas-2-area .tp-offcanvas-menu>nav>ul>li>a {

  font-weight: 700;

  font-size: 50px;

  line-height: 1;

  color: #717172;

  letter-spacing: -0.02em;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-offcanvas-2-area .tp-offcanvas-menu>nav>ul>li>a {

    font-size: 35px;

  }

}

@media (max-width: 767px) {

  .tp-offcanvas-2-area .tp-offcanvas-menu>nav>ul>li>a {

    font-size: 30px;

  }

}

.tp-offcanvas-2-area .tp-offcanvas-menu>nav>ul>li>a::after {

  position: absolute;

  left: 0;

  top: 3px;

  font-weight: 500;

  font-size: 13px;

  content: "0" counter(count);

  counter-increment: count;

  color: rgba(113, 113, 114, 0.8);

}

.tp-offcanvas-2-area .tp-offcanvas-menu>nav>ul>li.is-active>a {

  color: var(--tp-common-white);

}

.tp-offcanvas-2-area .tp-offcanvas-menu>nav>ul>li.is-active .tp-menu-close i {

  color: var(--tp-common-white);

}

.tp-offcanvas-2-area .tp-offcanvas-menu>nav>ul>li>ul>li>a {

  font-weight: 600;

  font-size: 30px;

  line-height: 1;

  transition: 0.3s;

  color: #717172;

  letter-spacing: -0.02em;

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-offcanvas-2-area .tp-offcanvas-menu>nav>ul>li>ul>li>a {

    font-size: 20px;

  }

}

.tp-offcanvas-2-area .tp-offcanvas-menu>nav>ul>li>ul>li>a:hover {

  transform: translateX(15px);

  color: var(--tp-common-white);

}

.tp-offcanvas-2-area .tp-offcanvas-menu .tp-submenu li a:hover {

  background-color: initial;

  color: var(--tp-common-white);

}

.tp-offcanvas-2-area .tp-offcanvas-menu ul li:not(:last-child)>a {

  border-bottom: 0;

}

.tp-offcanvas-2-area .tp-offcanvas-menu ul li>a {

  padding: 0;

  padding-left: 30px;

}

.tp-offcanvas-2-area .tp-offcanvas-menu ul>li:not(:last-child) {

  margin-bottom: 45px;

}

.tp-offcanvas-2-area .tp-offcanvas-menu ul li .submenu {

  padding-left: 20px;

  margin-top: 40px;

  margin-bottom: 56px;

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-offcanvas-2-area .tp-offcanvas-menu ul li .submenu {

    padding-left: 0;

  }

}

.tp-offcanvas-2-area .tp-offcanvas-menu ul li .submenu li:not(:last-child) {

  margin-bottom: 30px;

}

.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-bg.is-left {

  background: var(--tp-common-white);

}

.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-logo .logo-1 {

  display: none;

}

.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-menu>nav>ul>li.is-active>a {

  color: var(--tp-common-black);

}

.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-menu>nav>ul>li.is-active .tp-menu-close i {

  color: var(--tp-common-black);

}

.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-menu>nav>ul>li>a {

  color: #D5D5D5;

}

.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-menu>nav>ul>li>ul>li>a {

  color: var(--tp-common-black);

}

.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-menu .tp-submenu li a:hover {

  background-color: initial;

  color: var(--tp-common-black);

}

.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-bg.is-right {

  background-color: #F6F6F9;

}

.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-right-info-title {

  color: var(--tp-common-black);

}

.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-right-info-item>a {

  color: var(--tp-common-black);

}

.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-right-social a {

  color: var(--tp-common-black);

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-right-social a:hover {

  color: var(--tp-common-white);

  border-color: var(--tp-common-black);

  background-color: var(--tp-common-black);

}

.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-close-btn .text {

  color: var(--tp-common-black);

}

.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-close-btn {

  color: var(--tp-common-black);

}

.tp-offcanvas-2-area.offcanvas-2-black-bg .tp-offcanvas-2-logo .logo-2 {

  display: none !important;

}

.tp-offcanvas-2-bg.left-box {

  position: fixed;

  top: 0;

  height: 100%;

  width: 60%;

  -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);

  -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);

  -ms-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);

  -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);

  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);

  z-index: 1111;

}

@media (max-width: 767px) {

  .tp-offcanvas-2-bg.left-box {

    width: 100%;

  }

}

.tp-offcanvas-2-bg.right-box {

  position: fixed;

  top: 0;

  height: 100%;

  width: 40%;

  -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);

  -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);

  -ms-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);

  -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);

  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);

  z-index: 1111;

}

@media (max-width: 767px) {

  .tp-offcanvas-2-bg.right-box {

    width: 100%;

  }

}

.tp-offcanvas-2-bg.is-left {

  left: 0;

  -webkit-transform: scale(1, 0);

  -moz-transform: scale(1, 0);

  -ms-transform: scale(1, 0);

  -o-transform: scale(1, 0);

  transform: scale(1, 0);

  transform-origin: top center;

  background: var(--tp-common-black);

  transition-delay: 1s;

}

.tp-offcanvas-2-bg.is-right {

  right: 0;

  transform-origin: bottom center;

  -webkit-transform: scale(1, 0);

  -moz-transform: scale(1, 0);

  -ms-transform: scale(1, 0);

  -o-transform: scale(1, 0);

  transform: scale(1, 0);

  background-color: #1C1D20;

  transition-delay: 1s;

}

.tp-offcanvas-2-wrapper .left-box {

  position: fixed;

  top: 0;

  width: 60%;

  height: 100vh;

  z-index: 9999;

  overflow-y: scroll;

  pointer-events: auto;

  scrollbar-width: none;

  padding: 40px 80px 50px 80px;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-offcanvas-2-wrapper .left-box {

    padding: 40px 40px;

  }

}

@media (max-width: 767px) {

  .tp-offcanvas-2-wrapper .left-box {

    width: 100%;

    padding: 40px 40px;

  }

}

.tp-offcanvas-2-wrapper .left-box .tp-offcanvas-menu {

  padding: 0px 125px;

}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-offcanvas-2-wrapper .left-box .tp-offcanvas-menu {

    padding: 0 70px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-offcanvas-2-wrapper .left-box .tp-offcanvas-menu {

    padding: 0 20px;

  }

}

@media (max-width: 767px) {

  .tp-offcanvas-2-wrapper .left-box .tp-offcanvas-menu {

    padding: 0;

  }

}

.tp-offcanvas-2-wrapper .right-box {

  position: fixed;

  top: 0;

  width: 40%;

  height: 100vh;

  z-index: 9999;

  padding: 50px 100px 50px 0;

  scrollbar-width: none;

  overscroll-behavior-y: contain;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-offcanvas-2-wrapper .right-box {

    padding-right: 40px;

  }

}

.tp-offcanvas-2-wrapper .right-box::-webkit-scrollbar {

  display: none;

}

@media (max-width: 767px) {

  .tp-offcanvas-2-wrapper .right-box {

    width: 100%;

  }

}

.tp-offcanvas-2-wrapper .tp-menu-close {

  top: 10px;

  height: 0;

  width: 0;

}

@media (max-width: 767px) {

  .tp-offcanvas-2-wrapper .tp-menu-close {

    top: 0;

    right: 20px;

  }

}

.tp-offcanvas-2-wrapper .tp-menu-close i {

  font-size: 20px;

  color: #717172;

}

.tp-offcanvas-2-left {

  visibility: hidden;

  opacity: 0;

  left: 0;

  transition: 0.3s;

  transition-delay: 0.8s;

}

@media (max-width: 767px) {

  .tp-offcanvas-2-left-wrap {

    margin-bottom: 80px;

  }

}

.tp-offcanvas-2-right {

  visibility: hidden;

  opacity: 0;

  right: 0;

  transition: 0.3s;

  transition-delay: 0.8s;

}

.tp-offcanvas-2-right-inner {

  height: 100%;

  padding: 100px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-offcanvas-2-right-inner {

    padding-left: 50px;

    padding-right: 50px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-offcanvas-2-right-inner {

    padding: 50px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-offcanvas-2-right-inner {

    padding: 30px;

  }

}

.tp-offcanvas-2-right-info-box {

  padding: 0 200px;

}

@media only screen and (min-width: 1801px) and (max-width: 1850px),
only screen and (min-width: 1701px) and (max-width: 1800px) {

  .tp-offcanvas-2-right-info-box {

    padding-right: 100px;

  }

}

@media only screen and (min-width: 1600px) and (max-width: 1700px),
only screen and (min-width: 1400px) and (max-width: 1599px) {

  .tp-offcanvas-2-right-info-box {

    padding: 0 100px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-offcanvas-2-right-info-box {

    padding: 0 100px;

    padding-right: 0;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-offcanvas-2-right-info-box {

    padding: 0 70px;

    padding-right: 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-offcanvas-2-right-info-box {

    padding: 0 60px;

    padding-right: 0;

    margin-top: 130px;

  }

}

.tp-offcanvas-2-right-info-title {

  font-weight: 700;

  font-size: 30px;

  line-height: 1;

  margin-bottom: 35px;

  color: var(--tp-common-white);

}

.tp-offcanvas-2-right-info-item {

  margin-bottom: 30px;

}

.tp-offcanvas-2-right-info-item label {

  font-weight: 500;

  font-size: 15px;

  line-height: 1;

  display: block;

  color: #717172;

}

.tp-offcanvas-2-right-info-item>a {

  font-weight: 600;

  font-size: 18px;

  line-height: 1;

  letter-spacing: -0.01em;

  color: var(--tp-common-white);

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-offcanvas-2-right-info-item>a br {

    display: none;

  }

}

.tp-offcanvas-2-right-social a {

  height: 40px;

  width: 40px;

  transition: 0.3s;

  line-height: 35px;

  text-align: center;

  border-radius: 50%;

  display: inline-block;

  color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.tp-offcanvas-2-right-social a:hover {

  color: var(--tp-common-black);

  border-color: var(--tp-common-white);

  background-color: var(--tp-common-white);

}

.tp-offcanvas-2-close {

  visibility: hidden;

  opacity: 0;

  transition: 0.3s;

  transition-delay: 0.5s;

  -webkit-transform: translateY(20px);

  -moz-transform: translateY(20px);

  -ms-transform: translateY(20px);

  -o-transform: translateY(20px);

  transform: translateY(20px);

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-offcanvas-2-close {

    padding-right: 30px;

  }

}

.tp-offcanvas-2-close-btn {

  font-size: 14px;

  font-weight: 500;

  text-transform: uppercase;

  color: var(--tp-common-white);

}

.tp-offcanvas-2-close-btn .text {

  width: 60px;

  height: 20px;

  transition: 0.3s;

  overflow: hidden;

  display: inline-block;

  transform: translateY(4px);

  color: var(--tp-common-white);

}

.tp-offcanvas-2-close-btn .text span {

  transition: 0.3s;

  display: inline-block;

  -webkit-transform: translateX(120%);

  -moz-transform: translateX(120%);

  -ms-transform: translateX(120%);

  -o-transform: translateX(120%);

  transform: translateX(120%);

}

.tp-offcanvas-2-close-btn:hover .text span {

  transform: translateX(0%);

}

.tp-offcanvas-2-close-btn:hover span svg {

  -webkit-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -o-transform: rotate(90deg);

  transform: rotate(90deg);

}

.tp-offcanvas-2-text {

  right: 0;

  bottom: 0;

  position: absolute;

  transform: rotate(-90deg) translateY(100%);

}

.tp-offcanvas-2-text span {

  font-size: 320px;

  font-weight: 700;

  color: rgba(33, 35, 41, 0.3);

}

.tp-offcanvas-2-logo {

  margin-bottom: 105px;

}

@media (max-width: 767px) {

  .tp-offcanvas-2-logo {

    margin-bottom: 0;

  }

}

.tp-offcanvas-2-logo .logo-2 {

  display: block !important;

}



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

/*  5.1 Postbox css

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

.postbox-wrapper {

  margin-right: 20px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {

  .postbox-wrapper {

    margin-right: 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .postbox-wrapper {

    margin-right: 0;

    margin-bottom: 0;

  }

}

.postbox-author-img {

  flex: 0 0 auto;

  margin-right: 15px;

}

.postbox-author-img img {

  height: 42px;

  width: 42px;

  border-radius: 50%;

}

.postbox-author-name {

  font-weight: 700;

  font-size: 16px;

  line-height: 1;

  margin-bottom: 5px;

  letter-spacing: -0.01em;

  color: rgba(255, 255, 255, 0.9);

}

.postbox-author-info {

  line-height: 1;

}

.postbox-author-info span {

  font-weight: 600;

  font-size: 13px;

  line-height: 1;

  color: rgba(255, 255, 255, 0.6);

}

.postbox-author-wrap {

  padding: 0px 20px;

}

@media (max-width: 767px) {

  .postbox-author-wrap {

    flex-wrap: wrap;

    padding: 0;

  }

}

@media (max-width: 767px) {

  .postbox-author-box {

    margin-bottom: 15px;

    margin-right: 15px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .postbox-author-box {

    margin-bottom: 0;

  }

}

.postbox-meta i {

  color: rgba(255, 255, 255, 0.6);

}

.postbox-meta i svg {

  margin-right: 4px;

  display: inline-block;

  transform: translateY(-2px);

}

.postbox-meta span {

  font-weight: 600;

  font-size: 15px;

  line-height: 1;

  color: rgba(255, 255, 255, 0.6);

}

.postbox-item {

  padding: 35px 15px;

  padding-bottom: 40px;

  border-radius: 20px;

  border: 1px solid rgba(255, 255, 255, 0.08);

}

.postbox-item:hover .postbox-thumb img {

  transform: scale(1.1);

}

.postbox-tag {

  font-weight: 600;

  font-size: 16px;

  line-height: 1;

  margin-bottom: 15px;

  display: inline-block;

  color: rgba(255, 255, 255, 0.6);

}

.postbox-tag i svg {

  margin-right: 4px;

  transform: translateY(-1px);

}

.postbox-title {

  font-size: 40px;

  line-height: 1.1;

  font-weight: 600;

  margin-bottom: 23px;

  letter-spacing: -0.04em;

  color: var(--tp-common-white);

}

.postbox-title.fs-80 {

  font-size: 80px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: -2.4px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {

  .postbox-title.fs-80 {

    font-size: 75px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .postbox-title.fs-80 {

    font-size: 60px;

  }

}

@media (max-width: 767px) {

  .postbox-title.fs-80 {

    font-size: 45px;

    letter-spacing: 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .postbox-title.fs-80 br {

    display: none;

  }

}

.postbox-title.fs-54 {

  font-size: 54px;

  font-weight: 700;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .postbox-title.fs-54 {

    font-size: 45px;

  }

}

@media (max-width: 767px) {

  .postbox-title.fs-54 {

    font-size: 40px;

  }

}

.postbox-title.fs-34 {

  font-size: 34px;

  margin-bottom: 18px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {

  .postbox-title {

    font-size: 35px;

  }

}

@media (max-width: 767px) {

  .postbox-title {

    font-size: 25px;

  }

}

.postbox-title a:hover {

  color: var(--tp-common-green-light);

}

.postbox-content {

  padding: 0px 20px;

}

@media (max-width: 767px) {

  .postbox-content {

    padding: 0;

  }

}

.postbox-content p {

  font-weight: 400;

  font-size: 17px;

  line-height: 1.6;

  margin-bottom: 30px;

  color: rgba(255, 255, 255, 0.6);

}

@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),
(max-width: 767px) {

  .postbox-content p {

    font-size: 16px;

  }

  .postbox-content p br {

    display: none;

  }

}

.postbox-play-btn {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.postbox-play-btn a {

  height: 80px;

  width: 80px;

  line-height: 77px;

  text-align: center;

  border-radius: 50%;

  display: inline-block;

  background-color: var(--tp-common-white);

  animation: animate-pulse 3s linear infinite;

}

.postbox-play-btn a svg {

  margin-left: 3px;

  display: inline-block;

}

.postbox-slider-item {

  position: relative;

  border-radius: 14px;

}

.postbox-slider-item::after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border-radius: 14px;

  background-color: rgba(0, 0, 0, 0.3);

}

.postbox-slider-item img {

  border-radius: 14px;

}

.postbox-arrow button {

  height: 50px;

  width: 50px;

  line-height: 50px;

  text-align: center;

  border-radius: 50%;

  display: inline-block;

  background-color: var(--tp-common-white);

}

.postbox-arrow button:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-common-black);

}

.postbox-arrow-prev {

  position: absolute;

  top: 50%;

  left: 30px;

  z-index: 2;

  transform: translateY(-50%);

}

.postbox-arrow-next {

  position: absolute;

  top: 50%;

  right: 30px;

  z-index: 2;

  transform: translateY(-50%);

}

.postbox-blockquote {

  padding: 50px 55px;

  padding-bottom: 30px;

  border-radius: 14px;

  background: #1a1b1e;

}

@media (max-width: 767px) {

  .postbox-blockquote {

    padding: 30px 20px;

    padding-bottom: 30px;

  }

}

.postbox-blockquote-paragraph p {

  font-weight: 600;

  font-size: 24px;

  line-height: 1.5;

  margin-bottom: 0;

  letter-spacing: -0.02em;

  color: var(--tp-common-white);

}

@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) {

  .postbox-blockquote-paragraph p br {

    display: none;

  }

}

@media (max-width: 767px) {

  .postbox-blockquote-paragraph p {

    font-size: 20px;

  }

  .postbox-blockquote-paragraph p br {

    display: none;

  }

}

.postbox-blockquote-icon {

  margin-bottom: 20px;

  display: inline-block;

}

.postbox-thumb {

  border-radius: 14px;

  overflow: hidden;

}

.postbox-thumb-overlay::after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background: rgba(0, 0, 0, 0.3);

}

.postbox-thumb img {

  transition: 0.9s;

  border-radius: 14px;

}

@media (max-width: 767px) {

  .postbox__comment {

    padding-top: 50px;

  }

}

.postbox__comment ul {

  margin-right: 75px;

}

@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),
(max-width: 767px) {

  .postbox__comment ul {

    margin-right: 0;

  }

}

.postbox__comment ul li {

  margin-bottom: 30px;

  list-style: none;

}

.postbox__comment ul li.children {

  margin-left: 100px;

}

@media (max-width: 767px) {

  .postbox__comment ul li.children {

    margin-left: 15px;

  }

}

.postbox__comment-title {

  font-weight: 600;

  font-size: 30px;

  line-height: 1.1;

  margin-bottom: 15px;

  letter-spacing: -0.04em;

  color: var(--tp-common-white);

}

.postbox__comment-box {

  padding-top: 20px;

}

@media (max-width: 767px) {

  .postbox__comment-box {

    flex-wrap: wrap;

  }

}

.postbox__comment-info {

  flex: 0 0 auto;

}

.postbox__comment-avater {

  flex: 0 0 auto;

}

@media (max-width: 767px) {

  .postbox__comment-avater {

    margin-right: 0;

  }

}

.postbox__comment-avater img {

  width: 70px;

  height: 70px;

  border-radius: 50%;

}

@media (max-width: 767px) {

  .postbox__comment-avater img {

    margin-bottom: 30px;

  }

}

.postbox__comment-name {

  margin-bottom: 17px;

}

.postbox__comment-name h5 {

  font-weight: 700;

  font-size: 16px;

  line-height: 1;

  margin-bottom: 0;

  letter-spacing: -0.01em;

  color: var(--tp-common-white);

}

.postbox__comment-name span {

  font-weight: 500;

  font-size: 14px;

  line-height: 1;

  color: rgba(255, 255, 255, 0.7);

}

.postbox__comment-text p {

  font-weight: 500;

  font-size: 16px;

  line-height: 1.6;

  margin-bottom: 20px;

  color: rgba(255, 255, 255, 0.7);

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .postbox__comment-text p {

    font-size: 15px;

  }

}

.postbox__comment-reply a {

  font-weight: 600;

  font-size: 13px;

  line-height: 1;

  padding: 11px 20px;

  border-radius: 40px;

  display: inline-block;

  text-transform: uppercase;

  color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.postbox__comment-reply a span {

  margin-left: 6px;

  display: inline-block;

}

.postbox__comment-reply a:hover {

  color: var(--tp-common-black);

  border-color: var(--tp-common-green-light);

  background-color: var(--tp-common-green-light);

}

.postbox__comment-agree {

  padding-left: 5px;

}

.postbox__comment-agree input {

  margin: 0;

  appearance: none;

  -moz-appearance: none;

  display: block;

  width: 16px;

  height: 16px;

  background: var(--tp-common-white);

  border: 1px solid #949392;

  outline: none;

  flex: 0 0 auto;

  transform: translateY(-1px);

}

.postbox__comment-agree input:checked {

  position: relative;

  background-color: var(--tp-theme-1);

  border-color: transparent;

}

.postbox__comment-agree input:checked::after {

  box-sizing: border-box;

  content: "\f00c";

  position: absolute;

  font-family: var(--tp-ff-fontawesome);

  font-size: 10px;

  color: var(--tp-common-white);

  top: 47%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.postbox__comment-agree input:hover {

  cursor: pointer;

}

.postbox__comment-agree label {

  padding-left: 8px;

  color: #838383;

  line-height: 1;

}

.postbox__comment-agree label a {

  color: var(--tp-common-black);

  font-weight: 600;

  padding-left: 4px;

}

.postbox__comment-agree label a:hover {

  color: var(--tp-theme-1);

}

.postbox__comment-agree label:hover {

  cursor: pointer;

}



.basic-pagination {

  margin-bottom: 40px;

}

.basic-pagination ul li {

  list-style: none;

  display: inline-block;

  margin-right: 5px;

}

@media (max-width: 767px) {

  .basic-pagination ul li {

    margin-right: 5px;

  }

}

.basic-pagination ul li:hover a {

  border-color: #D0FF71;

  background-color: #D0FF71;

  color: var(--tp-common-black);

}

.basic-pagination ul li>a {

  height: 50px;

  width: 50px;

  line-height: 49px;

  text-align: center;

  font-weight: 600;

  font-size: 16px;

  border-radius: 50%;

  display: inline-block;

  color: var(--tp-common-white);

  transition: all 0.3s ease-in-out;

  border: 1px solid rgba(255, 255, 255, 0.08);

}

.basic-pagination ul li .current {

  height: 50px;

  width: 50px;

  font-weight: 600;

  line-height: 49px;

  text-align: center;

  font-size: 16px;

  border-radius: 50%;

  display: inline-block;

  border-color: #D0FF71;

  background-color: #D0FF71;

  color: var(--tp-common-black);

  transition: all 0.3s ease-in-out;

}

.basic-pagination-label span {

  font-weight: 500;

  font-size: 15px;

  line-height: 1.33;

  color: #525356;

  display: inline-block;

}

@media (max-width: 767px) {

  .basic-pagination-label span {

    margin-bottom: 15px;

  }

}

.basic-pagination.product-pagination ul li>a {

  color: var(--tp-theme-shop);

  border: 1px solid rgb(77, 61, 48);

}

.basic-pagination.product-pagination ul li:hover a {

  background-color: var(--tp-theme-shop);

  color: var(--tp-common-white);

}

.basic-pagination.product-pagination ul li .current {

  background-color: var(--tp-theme-shop);

  color: var(--tp-common-white);

}



.postbox-details-item {

  padding: 43px 45px;

  border-radius: 14px;

}

@media (max-width: 767px) {

  .postbox-details-item {

    padding: 30px;

  }

}

.postbox-details-item.item-border {

  border-radius: 20px;

  border: 1px solid rgba(255, 255, 255, 0.08);

}

.postbox-details-tag {

  margin-bottom: 8px;

}

@media (max-width: 767px) {

  .postbox-details-tag {

    flex-wrap: wrap;

  }

}

.postbox-details-tag span:last-child {

  position: relative;

  padding-left: 9px;

  margin-left: 9px;

  display: inline-block;

}

.postbox-details-tag span:last-child::after {

  position: absolute;

  content: "";

  top: 8px;

  left: -3px;

  height: 4px;

  width: 4px;

  border-radius: 50%;

  background-color: rgba(255, 255, 255, 0.6);

}

@media (max-width: 767px) {

  .postbox-details-tag-wrap {

    flex-wrap: wrap;

  }

}

@media (max-width: 767px) {

  .postbox-details-meta {

    flex-wrap: wrap;

  }

}

.postbox-details-meta .postbox-author-name {

  font-weight: 700;

  margin-bottom: 0;

  color: rgba(255, 255, 255, 0.6);

}

.postbox-details-meta>div:not(:first-child) {

  padding-left: 16px;

  margin-left: 16px;

  position: relative;

}

@media (max-width: 767px) {

  .postbox-details-meta>div:not(:first-child) {

    padding-left: 0;

    margin-left: 0;

    margin-right: 10px;

  }

}

.postbox-details-meta>div:not(:first-child)::after {

  position: absolute;

  content: "";

  top: 2px;

  left: 0;

  width: 1px;

  height: 24px;

  background: rgba(255, 255, 255, 0.1);

}

@media (max-width: 767px) {

  .postbox-details-meta>div:not(:first-child)::after {

    display: none;

  }

}

@media (max-width: 767px) {

  .postbox-details-meta .postbox-meta {

    margin-bottom: 15px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .postbox-details-meta .postbox-meta {

    margin-bottom: 0;

  }

}

.postbox-details-thumb {

  gap: 11px;

}

.postbox-details-thumb img {

  border-radius: 14px;

}

.postbox-details-text p {

  font-weight: 500;

  font-size: 17px;

  line-height: 1.6;

  color: rgba(255, 255, 255, 0.7);

}

.postbox-details-text p span {

  color: var(--tp-common-green-light);

}

.postbox-details-quote p {

  font-weight: 600;

  font-size: 30px;

  line-height: 1.3;

  letter-spacing: -0.02em;

  color: var(--tp-common-white);

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {

  .postbox-details-quote p {

    font-size: 25px;

  }

  .postbox-details-quote p br {

    display: none;

  }

}

.postbox-details-quote span {

  font-weight: 500;

  font-size: 16px;

  line-height: 1;

  color: rgba(255, 255, 255, 0.6);

}

.postbox-details-quote span::before {

  content: "";

  height: 1px;

  width: 40px;

  margin-right: 10px;

  display: inline-block;

  transform: translateY(-5px);

  background-color: rgba(255, 255, 255, 0.6);

}

@media (max-width: 767px) {

  .postbox-details-quote-box {

    flex-wrap: wrap;

  }

}

.postbox-details-quote-box i {

  flex: 0 0 auto;

  margin-right: 35px;

  display: inline-block;

}

@media (max-width: 767px) {

  .postbox-details-quote-box i {

    margin-right: 0;

    margin-bottom: 20px;

  }

}

.postbox-details-list ul {

  padding-left: 30px;

}

@media (max-width: 767px) {

  .postbox-details-list ul {

    padding-left: 0;

  }

}

.postbox-details-list ul li {

  list-style-type: none;

  font-weight: 500;

  font-size: 17px;

  line-height: 1.1;

  color: rgba(255, 255, 255, 0.7);

  position: relative;

  padding-left: 20px;

}

.postbox-details-list ul li:not(:last-child) {

  margin-bottom: 15px;

}

.postbox-details-list ul li::before {

  position: absolute;

  top: 7px;

  left: 0;

  content: "";

  height: 5px;

  width: 5px;

  margin-right: 10px;

  border-radius: 50%;

  display: inline-block;

  background-color: rgba(255, 255, 255, 0.7);

}

.postbox-details-list ul li span {

  color: rgba(255, 255, 255, 0.3);

}

.postbox-details-list ul li i {

  font-style: normal;

  color: var(--tp-common-green-light);

}

.postbox-details-code {

  padding: 25px 30px;

  border-radius: 14px;

  background: #1a1b1e;

}

.postbox-details-code pre {

  font-size: 15px;

  font-weight: 500;

  line-height: 1.8;

  margin: 0;

  color: rgba(255, 255, 255, 0.7);

}

.postbox-details-tag span {

  margin-bottom: 10px;

  display: inline-block;

  font-weight: 600;

  font-size: 17px;

  line-height: 1;

  margin-right: 15px;

  color: var(--tp-common-white);

}

.postbox-details-author .sidebar-widget-author-img {

  flex: 0 0 auto;

  margin-bottom: 0;

  margin-right: 30px;

}

@media (max-width: 767px) {

  .postbox-details-author .sidebar-widget-author-img {

    margin-right: 0;

    margin-bottom: 20px;

  }

}

.postbox-details-author .sidebar-widget-author-img img {

  height: 100px;

  width: 100px;

}

.postbox-details-author .sidebar-widget-author {

  padding: 0;

  padding-bottom: 0;

  padding: 30px;

  border: none;

  border-radius: 14px;

  background: #1a1b1e;

}

@media (max-width: 767px) {

  .postbox-details-author .sidebar-widget-author {

    flex-wrap: wrap;

  }

}

.postbox-details-author .sidebar-widget-author-content span {

  margin-bottom: 8px;

}

.postbox-details-author .sidebar-widget-author-name {

  margin-bottom: 18px;

}

@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),
(max-width: 767px) {

  .postbox-details-author .sidebar-widget-author-content p br {

    display: none;

  }

}

.postbox-details-nevigation-wrap {

  height: 560px;

  overflow: hidden;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .postbox-details-nevigation-wrap {

    height: 460px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .postbox-details-nevigation-wrap {

    height: 320px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .postbox-details-nevigation-wrap {

    height: 350px;

    margin-top: 50px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .postbox-details-nevigation-wrap {

    height: 350px;

    margin-top: 50px;

  }

}

@media (max-width: 767px) {

  .postbox-details-nevigation-wrap {

    height: 140px;

    margin-top: 50px;

  }

}

.postbox-details-nevigation-wrap:hover .postbox-details-nevigation-thumb-bg {

  transform: scale(0.95);

}

.postbox-details-nevigation-thumb {

  position: relative;

}

.postbox-details-nevigation-thumb::after {

  position: absolute;

  content: "";

  top: -50px;

  left: 0;

  width: 100%;

  height: 120%;

  background: rgba(0, 0, 0, 0.4);

}

.postbox-details-nevigation-thumb img {

  width: 100%;

  margin-top: -290px;

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .postbox-details-nevigation-thumb img {

    margin-top: -50px;

  }

}

.postbox-details-nevigation-thumb-bg {

  width: 100%;

  height: 100%;

  background-color: #1a1b1e;

  transition: all 0.3s ease-in-out;

}

.postbox-details-nevigation-content {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  z-index: 5;

  text-align: center;

  transform: translateY(-50%);

}

.postbox-details-nevigation-content span {

  font-weight: 500;

  font-size: 24px;

  line-height: 1;

  margin-bottom: 15px;

  display: inline-block;

  letter-spacing: -0.02em;

  color: var(--tp-common-white);

}

@media (max-width: 767px) {

  .postbox-details-nevigation-content span {

    font-size: 16px;

  }

}

.postbox-details-nevigation-title {

  font-weight: 700;

  font-size: 60px;

  margin-bottom: 0;

  line-height: 1.17;

  letter-spacing: -0.03em;

  color: var(--tp-common-white);

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .postbox-details-nevigation-title {

    font-size: 45px;

  }

}

@media (max-width: 767px) {

  .postbox-details-nevigation-title {

    font-size: 20px;

  }

}

.postbox-details-form {

  padding: 60px;

  border-radius: 20px;

  border: 1px solid rgba(255, 255, 255, 0.08);

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .postbox-details-form {

    padding: 30px;

  }

}

@media (max-width: 767px) {

  .postbox-details-form {

    padding: 20px;

  }

}

.postbox-details-form p {

  font-weight: 500;

  font-size: 15px;

  line-height: 1.7;

  margin-bottom: 23px;

  color: rgba(255, 255, 255, 0.7);

}

@media (max-width: 767px) {

  .postbox-details-form p {

    font-size: 16px;

  }

}

.postbox-details-form-title {

  font-weight: 600;

  font-size: 30px;

  line-height: 1.6;

  margin-bottom: 0;

  letter-spacing: -0.04em;

  color: var(--tp-common-white);

}

.postbox-details-input label {

  font-weight: 500;

  font-size: 16px;

  line-height: 1;

  margin-bottom: 12px;

  color: var(--tp-common-white);

}

.postbox-details-input input,
.postbox-details-input textarea {

  font-size: 17px;

  font-weight: 400;

  margin-bottom: 25px;

  border-radius: 14px;

  background: #1a1b1e;

  color: var(--tp-common-white);

  border: 1px solid #1a1b1e;

}

.postbox-details-input input::-webkit-input-placeholder,
.postbox-details-input textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  font-size: 17px;

  font-weight: 400;

  color: #707072;

}

.postbox-details-input input::-moz-placeholder,
.postbox-details-input textarea::-moz-placeholder {
  /* Firefox 19+ */

  font-size: 17px;

  font-weight: 400;

  color: #707072;

}

.postbox-details-input input:-moz-placeholder,
.postbox-details-input textarea:-moz-placeholder {
  /* Firefox 4-18 */

  font-size: 17px;

  font-weight: 400;

  color: #707072;

}

.postbox-details-input input:-ms-input-placeholder,
.postbox-details-input textarea:-ms-input-placeholder {
  /* IE 10+  Edge*/

  font-size: 17px;

  font-weight: 400;

  color: #707072;

}

.postbox-details-input input::placeholder,
.postbox-details-input textarea::placeholder {
  /* MODERN BROWSER */

  font-size: 17px;

  font-weight: 400;

  color: #707072;

}

.postbox-details-input input:focus,
.postbox-details-input textarea:focus {

  border-color: var(--tp-common-green-light);

}

.postbox-details-input textarea {

  height: 160px;

  resize: none;

  margin-bottom: 20px;

}

.postbox-details-remeber input {

  display: none;

}

.postbox-details-remeber input:checked~label::before {

  visibility: visible;

  opacity: 1;

}

.postbox-details-remeber label {

  position: relative;

  padding-left: 30px;

  font-weight: 500;

  font-size: 15px;

  line-height: 1;

  color: rgba(255, 255, 255, 0.7);

}

.postbox-details-remeber label::after {

  position: absolute;

  content: "";

  top: -3px;

  left: 0;

  width: 20px;

  height: 20px;

  z-index: -1;

  transition: 0.3s;

  line-height: 16px;

  border-radius: 4px;

  text-align: center;

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.postbox-details-remeber label::before {

  position: absolute;

  content: url("../img/svg/check.svg");

  top: -2px;

  left: 2px;

  width: 16px;

  height: 16px;

  line-height: 16px;

  text-align: center;

  visibility: hidden;

  opacity: 0;

  transition: 0.3s;

  color: var(--tp-common-white);

}

.postbox-details-remeber label:hover {

  cursor: pointer;

}

.postbox-details-social a {

  height: 36px;

  width: 36px;

  line-height: 33px;

  text-align: center;

  margin-bottom: 10px;

  border-radius: 14px;

  display: inline-block;

  background-color: #1a1b1e;

  color: rgba(255, 255, 255, 0.8);

}

.postbox-details-social a svg {

  height: 15px;

  width: 15px;

}

.postbox-details-social a:hover {

  color: var(--tp-common-black);

  background-color: var(--tp-common-green-light);

}



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

/*  5.2 Recent Post css

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

.rc-post-thumb {

  flex: 0 0 auto;

  overflow: hidden;

  margin-right: 30px;

  border-radius: 14px;

}

.rc-post-thumb img {

  transition: 0.9s;

  border-radius: 14px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .rc-post-thumb img {

    height: 100px;

    width: 100px;

  }

}

.rc-post:hover .rc-post-thumb img {

  transform: scale(1.1);

}

.rc-post-category {

  margin-bottom: 10px;

}

.rc-post-category a {

  font-weight: 600;

  font-size: 13px;

  line-height: 1;

  color: #f9e4b4;

  padding: 7px 12px;

  border-radius: 15px;

  display: inline-block;

  background: rgba(249, 228, 180, 0.08);

}

.rc-post-title {

  font-weight: 600;

  font-size: 20px;

  line-height: 1.4;

  margin-bottom: 8px;

  letter-spacing: -0.01em;

  color: var(--tp-common-white);

}

@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),
(max-width: 767px) {

  .rc-post-title {

    font-size: 18px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .rc-post-title {

    font-size: 16px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .rc-post-title {

    font-size: 18px;

  }

}

.rc-post-title a:hover {

  color: var(--tp-common-green-light);

}

.rc-post-meta span {

  font-weight: 600;

  font-size: 13px;

  line-height: 1;

  color: rgba(255, 255, 255, 0.6);

}

.rc-post-wrap .rc-post:not(:last-child) {

  padding-bottom: 25px;

  margin-bottom: 25px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

}



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

/*  5.3 Sidebar css

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

.sidebar-search {

  position: relative;

}

.sidebar-search input {

  width: 100%;

  height: 60px;

  padding: 0 25px;

  font-weight: 500;

  font-size: 18px;

  line-height: 60px;

  border-radius: 14px;

  padding-right: 50px;

  background: #1a1b1e;

  border: 1px solid transparent;

  color: var(--tp-common-white);

}

.sidebar-search input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  font-weight: 500;

  font-size: 18px;

  line-height: 1;

  color: rgba(255, 255, 255, 0.3);

}

.sidebar-search input::-moz-placeholder {
  /* Firefox 19+ */

  font-weight: 500;

  font-size: 18px;

  line-height: 1;

  color: rgba(255, 255, 255, 0.3);

}

.sidebar-search input:-moz-placeholder {
  /* Firefox 4-18 */

  font-weight: 500;

  font-size: 18px;

  line-height: 1;

  color: rgba(255, 255, 255, 0.3);

}

.sidebar-search input:-ms-input-placeholder {
  /* IE 10+  Edge*/

  font-weight: 500;

  font-size: 18px;

  line-height: 1;

  color: rgba(255, 255, 255, 0.3);

}

.sidebar-search input::placeholder {
  /* MODERN BROWSER */

  font-weight: 500;

  font-size: 18px;

  line-height: 1;

  color: rgba(255, 255, 255, 0.3);

}

.sidebar-search input:focus {

  background-color: #0E0F11;

  border: 1px solid #D0FF71;

}

.sidebar-search button {

  position: absolute;

  top: 0;

  right: 25px;

  height: 100%;

  line-height: 60px;

  color: var(--tp-common-white);

}

.sidebar-search button:hover {

  color: #D0FF71;

}

.sidebar-widget-author {

  padding: 40px;

  border-radius: 14px;

  border: 1px solid rgba(255, 255, 255, 0.06);

}

.sidebar-widget-author-img {

  margin-bottom: 35px;

}

.sidebar-widget-author-img img {

  height: 120px;

  width: 120px;

  border-radius: 50%;

}

.sidebar-widget-author-name {

  font-weight: 600;

  font-size: 22px;

  line-height: 1;

  margin-bottom: 5px;

  letter-spacing: -0.02em;

  color: var(--tp-common-white);

}

.sidebar-widget-author-content span {

  font-weight: 500;

  font-size: 14px;

  line-height: 1;

  margin-bottom: 20px;

  display: inline-block;

  color: rgba(255, 255, 255, 0.4);

}

.sidebar-widget-author-content p {

  font-weight: 500;

  font-size: 17px;

  line-height: 1.5;

  margin-bottom: 20px;

  color: rgba(255, 255, 255, 0.7);

}

.sidebar-widget-author-social a {

  margin: 0 5px;

}

.sidebar-widget-author-social a span {

  transition: all 0.4s ease-in-out;

  color: var(--tp-common-white);

}

.sidebar-widget-author-social a:hover span {

  color: #D0FF71;

}

.sidebar-widget-title {

  font-weight: 600;

  font-size: 24px;

  line-height: 1;

  margin-bottom: 30px;

  letter-spacing: -0.02em;

  color: var(--tp-common-white);

}

.sidebar-widget-category ul li {

  list-style-type: none;

}

.sidebar-widget-category ul li a {

  border-radius: 14px;

  padding: 12px 20px;

  font-weight: 500;

  font-size: 16px;

  line-height: 1;

  display: inline-block;

  background: #1a1b1e;

  letter-spacing: -0.01em;

  color: rgba(255, 255, 255, 0.8);

}

.sidebar-widget-category ul li a span {

  transition: 0.3s;

}

.sidebar-widget-category ul li a span:last-child {

  color: rgba(255, 255, 255, 0.4);

}

.sidebar-widget-category ul li a:hover {

  color: #D0FF71;

}

.sidebar-widget-category ul li a:hover span:last-child {

  color: #D0FF71;

}

.sidebar-widget-category ul li:not(:last-child) {

  margin-bottom: 6px;

}

.sidebar-wrapper {

  padding-left: 35px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {

  .sidebar-wrapper {

    padding-left: 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .sidebar-wrapper {

    padding-left: 0;

    margin-top: 70px;

  }

}

.sidebar-blog-grid-wrap .sidebar-wrapper {

  padding-left: 2px;

}



.tagcloud a {

  border-radius: 14px;

  padding: 10px 18px;

  font-weight: 500;

  font-size: 16px;

  line-height: 1;

  text-align: center;

  margin-bottom: 10px;

  background: #1a1b1e;

  display: inline-block;

  text-transform: capitalize;

  color: rgba(255, 255, 255, 0.8);

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tagcloud a {

    padding: 10px 14px;

    font-size: 13px;

  }

}

@media (max-width: 767px) {

  .tagcloud a {

    padding: 10px 14px;

  }

}

.tagcloud a:not(:last-child) {

  margin-right: 5px;

}

.tagcloud a:hover {

  color: var(--tp-common-black);

  background-color: #D0FF71;

}



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

/*  5.4 Blog css

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

.dgm-blog-content {

  min-width: 310px;

  height: 100%;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .dgm-blog-content {

    min-width: 220px;

  }

}

@media (max-width: 767px) {

  .dgm-blog-content {

    min-width: 100%;

    height: auto;

    margin-bottom: 30px;

  }

}

.dgm-blog-content-wrap {

  height: 100%;

}

@media (max-width: 767px) {

  .dgm-blog-content-wrap {

    height: auto;

    flex-wrap: wrap;

  }

}

.dgm-blog-meta h4 {

  font-weight: 700;

  font-size: 20px;

  line-height: 1;

  margin-bottom: 2px;

  letter-spacing: -0.04em;

  color: var(--tp-common-black);

  font-family: var(--tp-ff-grotesk);

}

.dgm-blog-meta span {

  font-weight: 400;

  font-size: 16px;

  line-height: 1;

  color: #4d5051;

  letter-spacing: -0.04em;

}

.dgm-blog-category span {

  font-weight: 400;

  font-size: 14px;

  line-height: 1;

  padding: 7px 10px;

  border-radius: 6px;

  display: inline-block;

  background-color: #EFFAC0;

  color: var(--tp-common-black);

}

.dgm-blog-title-sm {

  font-weight: 500;

  font-size: 34px;

  line-height: 1;

  letter-spacing: -0.04em;

  color: var(--tp-common-black);

  font-family: var(--tp-ff-grotesk);

}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {

  .dgm-blog-title-sm {

    font-size: 30px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .dgm-blog-title-sm {

    font-size: 25px;

  }

}

@media (max-width: 767px) {

  .dgm-blog-title-box {

    margin-bottom: 20px;

  }

}

.dgm-blog-item {

  padding-top: 35px;

  padding-bottom: 35px;

  border-top: 1px solid rgba(20, 20, 20, 0.1);

}

.dgm-blog-item:hover .dgm-blog-thumb img {

  transform: scale(1.1) rotate(-2deg);

}

.dgm-blog-main {

  border-bottom: 1px solid rgba(20, 20, 20, 0.1);

}

.dgm-blog-thumb {

  display: inline-block;

  overflow: hidden;

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .dgm-blog-thumb {

    margin-top: 20px;

  }

}

@media (max-width: 767px) {

  .dgm-blog-thumb {

    width: 100%;

  }

}

.dgm-blog-thumb img {

  width: 100%;

  height: 160px;

  transition: 0.9s;

  object-fit: cover;

}

@media (max-width: 767px) {

  .dgm-blog-thumb img {

    width: 100%;

  }

}



.creative-blog-item:hover .creative-blog-thumb img {

  transform: perspective(600px) rotateX(0.09deg) rotateY(0) scaleX(1.1) scaleY(1.1);

}

.creative-blog-thumb {

  overflow: hidden;

  margin-bottom: 30px;

  border-radius: 20px;

}

.creative-blog-thumb img {

  width: 100%;

  height: 300px;

  object-fit: cover;

  border-radius: 20px;

  transition: transform 500ms;

  transform-origin: center center;

  transform: perspective(0) rotateX(0) rotateY(0) scaleX(1) scaleY(1);

}

.creative-blog-meta span {

  font-weight: 600;

  font-size: 14px;

  line-height: 1;

  margin-bottom: 20px;

  display: inline-block;

  color: rgba(255, 255, 255, 0.5);

}

.creative-blog-meta span:not(:last-child) {

  padding-right: 10px;

  margin-right: 10px;

  position: relative;

}

.creative-blog-meta span:not(:last-child)::after {

  position: absolute;

  top: -1px;

  right: -2px;

  content: "";

  height: 17px;

  width: 1.5px;

  display: inline-block;

  background-color: rgba(255, 255, 255, 0.5);

}

.creative-blog-title-sm {

  font-weight: 600;

  font-size: 26px;

  line-height: 1.3;

  letter-spacing: -0.02em;

  color: var(--tp-common-white);

}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .creative-blog-title-sm br {

    display: none;

  }

}

.creative-blog-title-box {

  padding-left: 80px;

}

@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),
(max-width: 767px) {

  .creative-blog-title-box {

    padding-left: 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .creative-blog-title-box {

    margin-bottom: 10px;

  }

}

.creative-blog-top-content {

  padding-left: 45px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .creative-blog-top-content {

    padding-left: 0;

  }

}

.creative-blog-top-content p {

  font-weight: 400;

  font-size: 17px;

  line-height: 1.53;

  margin-bottom: 25px;

  color: var(--tp-common-white);

}

@media (max-width: 767px) {

  .creative-blog-top-content p br {

    display: none;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .ai-blog-area {

    padding-bottom: 70px;

  }

}

.ai-blog-item {

  border-radius: 20px;

  border: 1px solid rgba(255, 255, 255, 0.08);

}

.ai-blog-item:hover .ai-blog-thumb img {

  transform: scale(1.1) rotate(-2deg);

}

.ai-blog-thumb {

  overflow: hidden;

  border-radius: 20px;

}

.ai-blog-thumb img {

  width: 100%;

  height: 250px;

  transition: 0.9s;

  object-fit: cover;

  border-radius: 20px;

}

.ai-blog-content span {

  color: #FFF6BF;

  font-size: 14px;

  font-weight: 600;

  line-height: 1;

  margin-bottom: 12px;

  display: inline-block;

  letter-spacing: -0.28px;

  text-transform: uppercase;

}

.ai-blog-content-wrap {

  padding: 28px 30px 32px 30px;

}

.ai-blog-meta span {

  position: relative;

  font-size: 14px;

  font-weight: 600;

  color: rgba(255, 255, 255, 0.4);

}

.ai-blog-meta span:not(:last-child) {

  margin-right: 11px;

  padding-right: 11px;

}

.ai-blog-meta span:not(:last-child)::after {

  position: absolute;

  content: "";

  top: 7px;

  right: -3px;

  height: 4px;

  width: 4px;

  border-radius: 50%;

  background-color: rgba(255, 255, 255, 0.4);

}

.ai-blog-title {

  font-size: 24px;

  font-weight: 700;

  line-height: 1.4;

  margin-bottom: 25px;

  letter-spacing: -0.48px;

  color: var(--tp-common-white);

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .ai-blog-title {

    font-size: 20px;

  }

}

.ai-blog-shape-1 {

  position: absolute;

  bottom: 48%;

  right: -2%;

  z-index: -1;

}



.ar-blog-category {

  position: absolute;

  top: 0;

  left: 0;

  margin: 20px;

  font-weight: 600;

  border-radius: 30px;

  padding: 8px 14px;

  font-size: 13px;

  line-height: 1;

  letter-spacing: 1px;

  color: #1d2132;

  display: inline-block;

  text-transform: uppercase;

  background-color: var(--tp-common-white);

}

.ar-blog-title-sm {

  font-size: 24px;

  line-height: 1.3;

  letter-spacing: 1px;

  margin-bottom: 8px;

  color: var(--tp-common-black);

  font-family: var(--tp-ff-clash-medium);

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .ar-blog-title-sm {

    font-size: 20px;

  }

}

@media (max-width: 767px) {

  .ar-blog-title-box {

    margin-bottom: 20px;

  }

}

.ar-blog-meta {

  font-weight: 400;

  font-size: 16px;

  line-height: 1;

  color: rgba(25, 25, 25, 0.6);

}

.ar-blog-thumb {

  margin-bottom: 20px;

  overflow: hidden;

}

.ar-blog-thumb img {

  height: 413px;

  transition: 0.9s;

}

@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),
(max-width: 767px) {

  .ar-blog-area .gx-40 {

    --bs-gutter-x: 30px;

  }

}

.ar-blog-item:hover .ar-blog-thumb img {

  transform: scale(1.1);

}



.crp-blog-shape {

  position: absolute;

  top: 145px;

  right: 0;

  z-index: -1;

}

.crp-blog-title {

  font-weight: 600;

  font-size: 180px;

  line-height: 0.7;

  margin-bottom: 0;

  opacity: 0.1;

  margin-left: -100px;

  letter-spacing: -0.02em;

  text-transform: uppercase;

  writing-mode: vertical-lr;

  transform: translateY(-40px) rotate(180deg);

  font-family: var(--tp-ff-teko);

  color: var(--tp-common-cream-3);

}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {

  .crp-blog-title {

    font-size: 175px;

    margin-left: 0;

    transform: translateY(0);

  }

}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {

  .crp-blog-title {

    font-size: 150px;

    margin-left: 0;

    transform: translateY(0);

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .crp-blog-title {

    margin-left: 0;

    font-size: 110px;

    margin-bottom: 40px;

    writing-mode: inherit;

    transform: translateY(0);

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .crp-blog-title {

    margin-left: 0;

    font-size: 84px;

    margin-bottom: 40px;

    writing-mode: inherit;

    transform: translateY(0px);

  }

}

@media (max-width: 767px) {

  .crp-blog-title {

    font-size: 67px;

    margin-left: 0;

    margin-bottom: 40px;

    writing-mode: inherit;

    transform: translateY(0px);

  }

}

.crp-blog-title-sm {

  font-weight: 500;

  font-size: 54px;

  line-height: 1;

  margin-bottom: 30px;

  letter-spacing: -0.02em;

  font-family: var(--tp-ff-teko);

  color: var(--tp-common-cream-3);

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .crp-blog-title-sm {

    font-size: 40px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .crp-blog-title-sm {

    font-size: 35px;

  }

}

.crp-blog-meta {

  font-weight: 600;

  font-size: 15px;

  line-height: 1;

  margin-bottom: 22px;

  display: inline-block;

  color: var(--tp-common-cream-3);

}

.crp-blog-thumb {

  border-radius: 20px;

  overflow: hidden;

}

.crp-blog-thumb img {

  width: 100%;

  height: 350px;

  transition: 0.9s;

  border-radius: 20px;

  object-fit: cover;

}

.crp-blog-thumb:hover img {

  transform: scale(1.1) rotate(-2deg);

}

.crp-blog-category span {

  font-weight: 600;

  font-size: 12px;

  line-height: 1;

  transition: 0.3s;

  padding: 7px 18px;

  border-radius: 10px;

  display: inline-block;

  text-transform: uppercase;

  color: var(--tp-common-cream-3);

  border: 1px solid rgba(255, 255, 230, 0.1);

}

.crp-blog-category span:not(:last-child) {

  margin-right: 7px;

}

.crp-blog-category span:hover {

  background-color: rgba(255, 255, 230, 0.1);

}

@media (max-width: 767px) {

  .crp-blog-item {

    flex-wrap: wrap;

  }

}

.crp-blog-content {

  margin-left: 55px;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .crp-blog-content {

    margin-left: 40px;

  }

}

@media (max-width: 767px) {

  .crp-blog-content {

    margin-left: 0;

  }

}

@media (max-width: 767px) {

  .crp-blog-content {

    margin-top: 30px;

  }

}



.st-blog-item:hover .st-blog-item-thumb img {

  transform: scale(1.1);

}

.st-blog-item-thumb {

  overflow: hidden;

  margin-bottom: 25px;

  border-radius: 10px;

}

.st-blog-item-thumb img {

  width: 100%;

  height: 450px;

  object-fit: cover;

  transition: 0.9s;

  border-radius: 10px;

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .st-blog-item-thumb img {

    height: 100%;

  }

}

.st-blog-item-title {

  font-size: 24px;

  font-weight: 600;

  margin-bottom: 20px;

  letter-spacing: -0.48px;

  color: var(--tp-common-brown);

  font-family: var(--tp-ff-poppins);

}

@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),
(max-width: 767px) {

  .st-blog-item-title br {

    display: none;

  }

}

.st-blog-item-tags span {

  font-size: 14px;

  font-weight: 400;

  padding: 0 10px;

  border-radius: 14px;

  display: inline-block;

  color: var(--tp-common-brown);

  border: 1px solid rgba(69, 48, 48, 0.15);

}

.st-blog-item-tags p {

  color: #494949;

  font-size: 16px;

  font-weight: 400;

  margin: 0;

}

.st-blog-item-tags-devide {

  height: 1px;

  width: 40px;

  margin: 0 15px 0 20px;

  background: rgba(69, 48, 48, 0.15);

}

.st-blog-text p {

  color: #494949;

  letter-spacing: 0;

  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),
(max-width: 767px) {

  .st-blog-text p br {

    display: none;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .st-blog-heading {

    margin-bottom: 30px;

  }

}

@media (max-width: 767px) {

  .st-blog-text {

    margin-bottom: 30px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .cr-blog-heading {

    padding-bottom: 30px;

  }

}

.cr-blog-item {

  border-radius: 20px;

  border: 1px solid rgba(255, 255, 255, 0.08);

}

.cr-blog-item:hover .cr-blog-item-thumb img {

  transform: scale(1.1);

}

.cr-blog-item-thumb {

  margin-bottom: 22px;

  border-radius: 20px;

  overflow: hidden;

}

.cr-blog-item-thumb img {

  width: 100%;

  border-radius: 20px;

  transition: 0.9s;

}

.cr-blog-item-content {

  padding-left: 30px;

  padding-bottom: 40px;

}

.cr-blog-item-category {

  color: #FFF6BF;

  font-size: 14px;

  font-weight: 600;

  margin-bottom: 10px;

  display: inline-block;

  letter-spacing: -0.28px;

  text-transform: uppercase;

}

.cr-blog-item-meta {

  margin: 0;

  font-size: 14px;

  font-weight: 600;

  color: rgba(255, 255, 255, 0.4);

}

.cr-blog-item-title {

  font-size: 24px;

  font-weight: 600;

  margin-bottom: 28px;

  letter-spacing: -0.48px;

  color: var(--tp-common-white);

  font-family: var(--tp-ff-onest);

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .cr-blog-item-title br {

    display: none;

  }

}

.cr-blog-bottom-border {

  padding: 0 40px 120px 40px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.07);

}

@media (max-width: 767px) {

  .cr-blog-bottom-border {

    padding: 0 0px 100px 0px;

  }

}

.cr-blog-bottom-text {

  font-size: 17px;

  font-weight: 500;

  color: var(--tp-common-white);

  border-bottom: 1px solid #626262;

}

.cr-blog-bottom-text:hover {

  color: var(--tp-common-white);

  border-color: var(--tp-common-white);

}



@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-blog-heading-wrap {

    padding-bottom: 100px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-blog-heading-wrap {

    padding-bottom: 60px;

  }

}

.tp-blog-heading-wrap .tp-section-subtitle {

  margin-bottom: 16px;

  color: var(--tp-common-white);

}

.tp-blog-heading-wrap .tp-section-subtitle.pre::before {

  background: #D0FF71;

}

.tp-blog-title {

  font-size: 120px;

  font-weight: 700;

  line-height: 1.1;

  letter-spacing: -4.8px;

  color: var(--tp-common-white);

}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-blog-title {

    font-size: 100px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-blog-title {

    font-size: 85px;

  }

}

@media (max-width: 767px) {

  .tp-blog-title {

    font-size: 55px;

    letter-spacing: 0;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .tp-blog-title {

    font-size: 65px;

    letter-spacing: 0;

  }

}

.tp-blog-title a {

  height: 90px;

  width: 90px;

  line-height: 70px;

  text-align: center;

  border-radius: 50%;

  display: inline-block;

  background-color: #1A1B1E;

}

@media (max-width: 767px) {

  .tp-blog-title a {

    display: none;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .tp-blog-title a {

    line-height: 80px;

    display: inline-block;

  }

}

@media (max-width: 767px) {

  .tp-blog-title img {

    display: none;

  }

}

.tp-blog-title.fs-100 {

  font-size: 100px;

  font-weight: 600;

  letter-spacing: -4px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-blog-title.fs-100 {

    font-size: 85px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-blog-title.fs-100 {

    font-size: 75px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-blog-title.fs-100 {

    font-size: 65px;

  }

}

@media (max-width: 767px) {

  .tp-blog-title.fs-100 {

    font-size: 55px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-blog-title.fs-100 br {

    display: none;

  }

}

.tp-blog-shape {

  position: absolute;

  top: 10%;

  right: 16%;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-blog-shape {

    display: none;

  }

}

.tp-blog-masonry-item {

  padding: 30px 15px;

  border-radius: 20px;

  transition: 0.9s;

  border: 1px solid rgba(255, 255, 255, 0.08);

}

.tp-blog-masonry-item:hover .tp-blog-masonry-thumb img {

  transform: scale(1.1);

}

.tp-blog-masonry-item-top {

  padding: 0 15px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-blog-masonry-item-top {

    padding: 0;

  }

}

.tp-blog-masonry-item-user-thumb {

  margin-right: 12px;

}

.tp-blog-masonry-item-user-thumb img {

  border-radius: 50%;

}

.tp-blog-masonry-item-user-content span {

  font-size: 16px;

  font-weight: 700;

  line-height: 1;

  margin-bottom: 8px;

  display: inline-block;

  letter-spacing: -0.16px;

  color: rgba(255, 255, 255, 0.9);

}

.tp-blog-masonry-item-user-content p {

  font-size: 13px;

  font-weight: 500;

  line-height: 1;

  margin: 0;

  color: rgba(255, 255, 255, 0.6);

}

.tp-blog-masonry-item-time span {

  font-size: 15px;

  font-weight: 500;

  display: inline-block;

  color: rgba(255, 255, 255, 0.6);

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-blog-masonry-item-time span {

    font-size: 13px;

  }

}

.tp-blog-masonry-item-time span svg {

  margin-right: 5px;

}

.tp-blog-masonry-item-2 {

  padding: 30px 15px;

  border-radius: 20px;

  background: #19191B;

}

.tp-blog-masonry-item-2 .tp-blog-masonry-item-top {

  margin-bottom: 40px;

  padding-bottom: 30px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

}

.tp-blog-masonry-item-3 {

  padding: 40px 30px;

  border-radius: 20px;

  background: #19191B;

}

.tp-blog-masonry-item-icon span {

  display: grid;

  height: 64px;

  width: 64px;

  margin-bottom: 30px;

  border-radius: 50%;

  text-align: center;

  place-content: center;

  background: #29292B;

}

.tp-blog-masonry-item-text span {

  font-size: 22px;

  font-weight: 500;

  line-height: 1.34;

  margin-bottom: 40px;

  display: inline-block;

  letter-spacing: -0.44px;

  color: var(--tp-common-white);

}

@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),
(max-width: 767px) {

  .tp-blog-masonry-item-text span br {

    display: none;

  }

}

.tp-blog-masonry-item-text p {

  font-size: 15px;

  font-weight: 600;

  line-height: 1;

  color: var(--tp-common-white);

}

.tp-blog-masonry-content {

  padding: 0 15px;

}

.tp-blog-masonry-tag span {

  font-size: 15px;

  font-weight: 500;

  display: inline-block;

  color: rgba(255, 255, 255, 0.6);

}

.tp-blog-masonry-tag span svg {

  margin-right: 5px;

}

.tp-blog-masonry-thumb {

  overflow: hidden;

  border-radius: 14px;

}

.tp-blog-masonry-thumb img {

  width: 100%;

  transition: 0.9s;

  border-radius: 14px;

}

.tp-blog-masonry-thumb-video {

  position: absolute;

  top: 50%;

  left: 50%;

  z-index: 2;

  transform: translate(-50%, -50%);

}

.tp-blog-masonry-thumb-video span {

  display: grid;

  height: 65px;

  width: 65px;

  border-radius: 50%;

  text-align: center;

  place-content: center;

  background-color: var(--tp-common-white);

  animation: animate-pulse 3s linear infinite;

}

.tp-blog-masonry-thumb-video span svg {

  transform: translateX(2px);

}

.tp-blog-masonry-title {

  font-size: 26px;

  font-weight: 600;

  line-height: 1.3;

  margin-bottom: 28px;

  letter-spacing: -0.52px;

  color: var(--tp-common-white);

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {

  .tp-blog-masonry-title {

    font-size: 22px;

  }

}

@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),
(max-width: 767px) {

  .tp-blog-masonry-title br {

    display: none;

  }

}

.tp-blog-masonry-title.fs-30 {

  font-size: 30px;

  font-weight: 700;

}

.tp-blog-masonry-btn a {

  font-size: 16px;

  font-weight: 600;

  line-height: 1.1;

  color: #D0FF71;

  overflow: hidden;

  display: inline-block;

  padding-right: 5px;

}

.tp-blog-masonry-btn a span {

  position: relative;

  overflow: hidden;

  margin-left: 5px;

}

.tp-blog-masonry-btn a span svg {

  bottom: -1px;

  left: 1px;

  transform: translateY(-2px);

  transition: all 0.2s ease-out;

}

.tp-blog-masonry-btn a span svg:last-child {

  position: absolute;

  left: -22px;

  bottom: -22px;

  transform: translate(0, 0);

}

.tp-blog-masonry-btn a:hover span svg:first-child {

  opacity: 0;

  transform: translate(20px, -20px);

}

.tp-blog-masonry-btn a:hover span svg:last-child {

  transform: translate(23px, -23px);

}

.tp-blog-list-item {

  padding-top: 40px;

  border-top: 1px solid rgba(255, 255, 255, 0.08);

}

.tp-blog-list-item:hover .tp-blog-list-item-thumb img {

  transform: scale(1.1);

}

.tp-blog-list-item-wrap .tp-blog-list-item:last-child {

  padding-bottom: 40px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

}

.tp-blog-list-item-tags p {

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  margin-bottom: 14px;

  color: rgba(255, 255, 255, 0.4);

}

.tp-blog-list-item-tags-name {

  font-size: 20px;

  font-weight: 700;

  line-height: 1;

  margin-bottom: 35px;

  display: block;

  letter-spacing: -0.8px;

  color: var(--tp-common-white);

}

.tp-blog-list-item-meta {

  font-size: 14px;

  font-weight: 600;

  line-height: 1;

  color: #D0FF71;

  padding: 6px 15px;

  border-radius: 96px;

  display: inline-block;

  border: 1px solid rgba(208, 255, 113, 0.1);

}

.tp-blog-list-item-title {

  font-size: 34px;

  font-weight: 500;

  line-height: 1.1;

  letter-spacing: -1.36px;

  color: var(--tp-common-white);

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-blog-list-item-title {

    font-size: 30px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-blog-list-item-title br {

    display: none;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-blog-list-item-title-box {

    margin-bottom: 30px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-blog-list-item-content {

    margin-bottom: 30px;

  }

}

.tp-blog-list-item-thumb {

  overflow: hidden;

}

.tp-blog-list-item-thumb img {

  width: 100%;

  transition: 0.9s;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-blog-details-ptb {

    padding-top: 80px;

  }

}

@media (max-width: 767px) {

  .tp-blog-details-ptb {

    padding-top: 50px;

  }

}

.tp-blog-details-without-ptb {

  padding-top: 220px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-blog-details-without-ptb {

    padding-top: 185px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-blog-details-without-ptb {

    padding-top: 150px;

  }

}

.tp-blog-details-without-heading .postbox-details-item .postbox-tag span {

  font-size: 16px;

  font-weight: 600;

  margin-right: 0px;

  color: rgba(255, 255, 255, 0.6);

}

.tp-blog-details-banner {

  height: 830px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-blog-details-banner {

    height: 600px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-blog-details-banner {

    height: 500px;

  }

}

@media (max-width: 767px) {

  .tp-blog-details-banner {

    height: 240px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-blog-details-banner {

    margin-bottom: 60px;

  }

}

.tp-blog-details-banner img {

  width: 100%;

}



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

/*  6.1 Footer Style 1

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

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-footer-area {

    padding-top: 90px;

  }

}

@media (max-width: 767px) {

  .tp-footer-area {

    padding-top: 80px;

  }

}

.tp-footer-area.tp-footer-white-style .tp-footer-widget-social a {

  background-color: var(--tp-common-white);

}

.tp-footer-area.tp-footer-white-style .tp-footer-widget-social a:hover {

  background-color: var(--tp-common-red-3);

}

.tp-footer-area.tp-footer-white-style .tp-footer-widget-menu ul li a {

  background-color: var(--tp-common-white);

}

.tp-footer-area.tp-footer-white-style .tp-footer-widget-menu ul li a:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-common-red-3);

}

.tp-footer-col-2 {

  padding-left: 150px;

  padding-right: 50px;

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .tp-footer-col-2 {

    padding-left: 130px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-footer-col-2 {

    padding-left: 55px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-footer-col-2 {

    padding-left: 40px;

    padding-right: 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-footer-col-2 {

    padding-left: 0;

    padding-right: 0;

  }

}

@media (max-width: 767px) {

  .tp-footer-col-2 {

    padding-left: 0;

    padding-right: 0;

  }

}

.tp-footer-col-3 {

  padding-left: 20px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-footer-col-3 {

    padding-left: 0;

  }

}

@media (max-width: 767px) {

  .tp-footer-col-3 {

    padding: 0;

  }

}

.tp-footer-widget-title {

  font-weight: 700;

  font-size: 80px;

  line-height: 1;

  margin-bottom: 30px;

  letter-spacing: -0.06em;

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .tp-footer-widget-title {

    font-size: 75px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-footer-widget-title {

    font-size: 60px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-footer-widget-title {

    font-size: 65px;

  }

  .tp-footer-widget-title br {

    display: none;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {

  .tp-footer-widget-title {

    font-size: 50px;

  }

}

.tp-footer-widget-title-sm {

  font-weight: 600;

  font-size: 18px;

  line-height: 1;

  letter-spacing: -0.02em;

}

.tp-footer-widget-title-sm.pre::before {

  content: "";

  width: 8px;

  height: 8px;

  margin-right: 9px;

  border-radius: 50%;

  display: inline-block;

  transform: translateY(-2px);

  background-color: var(--tp-common-red-3);

}

.tp-footer-widget-social a {

  height: 42px;

  width: 42px;

  line-height: 39px;

  text-align: center;

  border-radius: 50%;

  display: inline-block;

  color: var(--tp-common-black);

  background-color: var(--tp-grey-2);

  margin-bottom: 8px;

}

.tp-footer-widget-social a:not(:last-child) {

  margin-right: 3px;

}

.tp-footer-widget-social a:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-common-red-3);

}

.tp-footer-widget-menu ul li {

  list-style-type: none;

  display: inline-block;

}

.tp-footer-widget-menu ul li a {

  font-weight: 500;

  font-size: 14px;

  line-height: 1;

  letter-spacing: -0.02em;

  text-transform: uppercase;

  color: var(--tp-common-black);

  border-radius: 20px;

  padding: 13px 20px;

  display: inline-block;

  margin-bottom: 8px;

  background-color: var(--tp-grey-2);

}

.tp-footer-widget-menu ul li a:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-common-red-3);

}

.tp-footer-widget-info {

  margin-bottom: 15px;

}

.tp-footer-widget-info a {

  display: block;

  font-weight: 400;

  font-size: 16px;

  line-height: 1.5;

  letter-spacing: -0.02em;

  color: var(--tp-common-black);

}

.tp-footer-widget-info a:hover {

  color: var(--tp-common-red-3);

}

.tp-footer-widget-info a:not(:last-child) {

  margin-bottom: 10px;

}

.tp-footer-text-color.tp-footer-style-6 .tp-footer-widget-title {

  color: var(--tp-common-white);

}

.tp-footer-text-color.tp-footer-style-6 .tp-footer-widget-info a {

  color: var(--tp-common-white);

}

.tp-footer-text-color.tp-footer-style-6 .tp-footer-widget-title-sm {

  color: var(--tp-common-white);

}

.tp-footer-text-color.tp-footer-style-6 .tp-copyright-left span {

  color: var(--tp-common-white);

}

.tp-footer-text-color.tp-footer-style-6 .tp-copyright-right a {

  color: var(--tp-common-white);

}



.tp-copyright-img {

  position: absolute;

  right: 0;

  top: 15px;

  animation: rotate2 5s linear infinite;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-copyright-img {

    right: -10px;

    top: -15px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-copyright-img {

    right: -10px;

    top: -25px;

  }

}

.tp-copyright-big-text {

  font-weight: 800;

  font-size: 259px;

  line-height: 1;

  letter-spacing: -16px;

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .tp-copyright-big-text {

    font-size: 239px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-copyright-big-text {

    font-size: 194px;

    letter-spacing: -10px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-copyright-big-text {

    font-size: 163px;

    letter-spacing: -7px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-copyright-big-text {

    font-size: 120px;

    letter-spacing: -7px;

  }

}

@media (max-width: 767px) {

  .tp-copyright-big-text {

    font-size: 50px;

    letter-spacing: -2px;

  }

}

.tp-copyright-left {

  padding-left: 330px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-copyright-left {

    padding-left: 255px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-copyright-left {

    padding-left: 215px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-copyright-left {

    padding-left: 0;

  }

}

.tp-copyright-left span {

  font-weight: 400;

  font-size: 16px;

  line-height: 1.5;

  letter-spacing: -0.02em;

  color: var(--tp-common-black);

}

.tp-copyright-right {

  padding-right: 40px;

}

@media (max-width: 767px) {

  .tp-copyright-right {

    padding-right: 0;

  }

}

.tp-copyright-right a {

  font-weight: 400;

  font-size: 16px;

  line-height: 1.5;

  letter-spacing: -0.02em;

  color: var(--tp-common-black);

}

.tp-copyright-right a:hover {

  color: var(--tp-common-red-3);

}

.tp-copyright-right a:not(:first-child) {

  margin-left: 120px;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-copyright-right a:not(:first-child) {

    margin-left: 20px;

  }

}

@media (max-width: 767px) {

  .tp-copyright-right a:not(:first-child) {

    margin-left: 0;

    margin: 0 8px;

  }

}

.tp-copyright-bottom {

  position: relative;

  margin-top: -30px;

  padding-bottom: 55px;

  z-index: 2;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-copyright-bottom {

    margin-top: 0;

    padding-bottom: 30px;

  }

}

@media (max-width: 767px) {

  .tp-copyright-bottom {

    margin-top: 0;

    padding-bottom: 20px;

  }

}



.des-footer-bg {

  padding: 45px 50px;

  border-radius: 20px;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .des-footer-bg {

    padding: 45px 30px;

  }

}

@media (max-width: 767px) {

  .des-footer-bg {

    padding: 45px 40px;

  }

}

@media (max-width: 767px) {

  .des-footer-logo {

    padding: 15px 0;

  }

}

.des-footer-title {

  font-weight: 400;

  font-size: 400px;

  line-height: 1;

  margin-bottom: 0;

  letter-spacing: -0.01em;

  text-transform: uppercase;

  color: var(--tp-common-cream);

  font-family: var(--tp-ff-mango);

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .des-footer-title {

    font-size: 300px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .des-footer-title {

    font-size: 210px;

  }

}

@media (max-width: 767px) {

  .des-footer-title {

    font-size: 100px;

  }

}

.des-footer-top {

  margin-bottom: 150px;

}

@media (max-width: 767px) {

  .des-footer-top {

    flex-direction: column;

    margin-bottom: 80px;

  }

}

.des-footer-top span {

  font-weight: 400;

  font-size: 18px;

  line-height: 1;

  display: inline-block;

  color: var(--tp-common-cream);

}

.des-footer-middle {

  padding-bottom: 70px;

}

@media (max-width: 767px) {

  .des-footer-middle {

    padding-bottom: 50px;

  }

}

.des-footer-middle>span {

  font-weight: 500;

  font-size: 18px;

  line-height: 1.3;

  margin-bottom: 20px;

  display: inline-block;

  letter-spacing: -0.02em;

  text-transform: uppercase;

  color: rgba(249, 244, 232, 0.5);

}

@media (max-width: 767px) {

  .des-footer-middle>span {

    font-size: 16px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .des-footer-bottom {

    flex-wrap: wrap;

  }

}

@media (max-width: 767px) {

  .des-footer-bottom {

    flex-direction: column;

  }

}

.des-footer-bottom a,
.des-footer-bottom span {

  font-weight: 400;

  font-size: 18px;

  line-height: 1;

  color: var(--tp-common-cream);

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .des-footer-bottom a,
  .des-footer-bottom span {

    font-size: 16px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .des-footer-bottom a,
  .des-footer-bottom span {

    margin-bottom: 15px;

  }

}

@media (max-width: 767px) {

  .des-footer-bottom a,
  .des-footer-bottom span {

    font-size: 14px;

  }

}

.des-footer-bottom a {

  margin: 0px 25px;

  position: relative;

}

.des-footer-bottom a::after {

  position: absolute;

  content: "";

  bottom: 1px;

  left: 0;

  width: 0;

  height: 1px;

  transition: 0.3s ease-in-out;

  background-color: var(--tp-common-white);

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .des-footer-bottom a {

    margin: 0px 10px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .des-footer-bottom a {

    margin: 0px 10px;

    margin-bottom: 10px;

  }

}

@media (max-width: 767px) {

  .des-footer-bottom a {

    margin: 15px 4px;

    display: inline-block;

  }

}

.des-footer-bottom a:hover::after {

  width: 100%;

}



.text-scale-anim {

  white-space: pre-wrap;

  transform-origin: top left;

}



.tp-letter-span {

  display: inline-block;

}



.tp-word-span {

  display: inline-block;

}



.tp-footer-style-6 .tp-footer-widget-title {

  color: var(--tp-common-cream);

}

.tp-footer-style-6 .tp-footer-widget-title-sm {

  color: var(--tp-common-cream);

}

.tp-footer-style-6 .tp-footer-widget-title-sm.pre::before {

  background-color: var(--tp-common-red);

}

.tp-footer-style-6 .tp-footer-widget-social a {

  color: var(--tp-common-white);

  background-color: rgba(255, 255, 255, 0.06);

}

.tp-footer-style-6 .tp-footer-widget-social a:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-common-red);

}

.tp-footer-style-6 .tp-footer-widget-info a {

  color: var(--tp-common-cream);

}

.tp-footer-style-6 .tp-footer-widget-info a:hover {

  color: var(--tp-common-red);

}

.tp-footer-style-6 .tp-footer-widget-menu ul li a {

  color: var(--tp-common-white);

  background-color: rgba(255, 255, 255, 0.06);

}

.tp-footer-style-6 .tp-footer-widget-menu ul li a:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-common-red);

}



.tp-copyright-style-6 .tp-copyright-big-text {

  color: var(--tp-common-red);

}

.tp-copyright-style-6 .tp-copyright-left span {

  color: var(--tp-common-cream);

}

.tp-copyright-style-6 .tp-copyright-right a {

  color: var(--tp-common-cream);

}

.tp-copyright-style-6 .tp-copyright-right a:hover {

  color: var(--tp-common-red);

}



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

/*  6.2 Footer Style 2

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

.dgm-footer-widget-paragraph p {

  font-weight: 500;

  font-size: 16px;

  line-height: 1.5;

  color: var(--tp-common-white);

}

.dgm-footer-widget-paragraph.color-style p {

  color: #afb2b8;

}

.dgm-footer-widget-social a {

  height: 40px;

  width: 40px;

  line-height: 33px;

  border-radius: 50%;

  display: inline-block;

  text-align: center;

  color: rgba(255, 255, 255, 0.5);

  border: 2px solid rgba(255, 255, 255, 0.1);

}

.dgm-footer-widget-social a:not(:last-child) {

  margin-right: 6px;

}

.dgm-footer-widget-social a:hover {

  color: var(--tp-common-black);

  border-color: var(--tp-common-green-regular);

  background-color: var(--tp-common-green-regular);

}

.dgm-footer-widget-title {

  font-weight: 700;

  font-size: 24px;

  margin-bottom: 25px;

  color: var(--tp-common-white);

  font-family: var(--tp-ff-grotesk);

}

.dgm-footer-widget-menu ul li {

  list-style-type: none;

}

.dgm-footer-widget-menu ul li:not(:last-child) {

  margin-bottom: 8px;

}

.dgm-footer-widget-menu ul li a {

  font-weight: 500;

  font-size: 16px;

  line-height: 1;

  color: #afb2b8;

}

.dgm-footer-widget-menu ul li a:hover {

  color: var(--tp-common-green-regular);

}

.dgm-footer-widget-input input {

  font-weight: 400;

  font-size: 15px;

  line-height: 1;

  padding-left: 60px;

  padding-right: 50px;

  border-radius: 10px;

  background-color: #1e1e1e;

  color: var(--tp-common-white);

  border: 1px solid transparent;

}

.dgm-footer-widget-input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  font-weight: 400;

  font-size: 15px;

  line-height: 1;

  color: #a1a4aa;

}

.dgm-footer-widget-input input::-moz-placeholder {
  /* Firefox 19+ */

  font-weight: 400;

  font-size: 15px;

  line-height: 1;

  color: #a1a4aa;

}

.dgm-footer-widget-input input:-moz-placeholder {
  /* Firefox 4-18 */

  font-weight: 400;

  font-size: 15px;

  line-height: 1;

  color: #a1a4aa;

}

.dgm-footer-widget-input input:-ms-input-placeholder {
  /* IE 10+  Edge*/

  font-weight: 400;

  font-size: 15px;

  line-height: 1;

  color: #a1a4aa;

}

.dgm-footer-widget-input input::placeholder {
  /* MODERN BROWSER */

  font-weight: 400;

  font-size: 15px;

  line-height: 1;

  color: #a1a4aa;

}

.dgm-footer-widget-input input:focus {

  border-color: var(--tp-common-green-regular);

}

.dgm-footer-widget-input .input-icon {

  position: absolute;

  left: 30px;

  top: 50%;

  transform: translateY(-55%);

}

.dgm-footer-widget-input .input-button {

  position: absolute;

  right: 23px;

  top: 50%;

  transform: translateY(-50%);

}

.dgm-footer-widget-input .input-button span svg {

  color: var(--tp-common-green-regular);

}

.dgm-footer-widget-input .input-button .animated-border-box.radius-style-2 {

  border-radius: 8px;

}

.dgm-footer-widget-input .input-button .animated-border-box.radius-style-2 .tp-btn-gradient.sm {

  border-radius: 8px;

}

.dgm-footer-col-1 {

  padding-right: 150px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .dgm-footer-col-1 {

    padding-right: 100px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .dgm-footer-col-1 {

    padding-right: 60px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .dgm-footer-col-1 {

    padding-right: 35px;

  }

}

@media (max-width: 767px) {

  .dgm-footer-col-1 {

    padding-right: 0px;

  }

}

.dgm-footer-col-2 {

  padding-left: 40px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .dgm-footer-col-2 {

    padding-left: 0;

  }

}

.dgm-footer-col-3 {

  padding-left: 50px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .dgm-footer-col-3 {

    padding-left: 20px;

  }

}

@media (max-width: 767px) {

  .dgm-footer-col-3 {

    padding-left: 0;

  }

}

.dgm-footer-col-4 {

  padding-left: 65px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .dgm-footer-col-4 {

    padding-left: 25px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .dgm-footer-col-4 {

    padding-left: 0px;

  }

}

.dgm-footer-bg {

  overflow: hidden;

  border-radius: 24px;

}

.dgm-footer-bg::after {

  position: absolute;

  top: 0;

  left: 0;

  width: 34%;

  height: 100%;

  content: "";

  background-color: #212121;

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .dgm-footer-bg::after {

    width: 29%;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .dgm-footer-bg::after {

    width: 32%;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .dgm-footer-bg::after {

    display: none;

  }

}



.tp-copyright-2-left p {

  font-weight: 500;

  font-size: 14px;

  color: #828386;

  margin-bottom: 0;

}

.tp-copyright-2-left p a {

  color: var(--tp-common-white);

}

.tp-copyright-2-middle {

  padding-left: 40px;

}

.tp-copyright-2-middle a {

  font-weight: 500;

  font-size: 14px;

  line-height: 1.71;

  color: #afb2b8;

  transition: all 0.3s;

}

.tp-copyright-2-middle a span {

  margin-right: 5px;

  display: inline-block;

  transform: translateY(-1px);

}

.tp-copyright-2-middle a:hover {

  color: var(--tp-common-green-regular);

}

.tp-copyright-2-right ul li {

  display: inline-block;

  list-style-type: none;

}

.tp-copyright-2-right ul li:not(:first-child) {

  margin-left: 30px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-copyright-2-right ul li:not(:first-child) {

    margin-left: 20px;

  }

}

.tp-copyright-2-right ul li a {

  font-weight: 500;

  font-size: 14px;

  color: #afb2b8;

  transition: all 0.3s;

}

.tp-copyright-2-right ul li a:hover {

  color: var(--tp-common-green-regular);

}

.tp-copyright-2-border {

  padding-top: 22px;

  padding-bottom: 40px;

  border-top: 1px solid rgba(255, 255, 255, 0.06);

}

.tp-copyright-2-border.app-copyright-border {

  border-color: rgba(33, 33, 45, 0.06);

}



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

/*  6.3 Footer Style 3

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

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .creative-footer-area {

    padding-top: 80px;

  }

}

.creative-footer-style {

  margin: 40px;

  border-radius: 20px;

  padding: 0 100px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .creative-footer-style {

    padding: 0 70px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .creative-footer-style {

    padding: 0 30px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .creative-footer-style {

    margin: 0;

    padding: 0 30px;

  }

}

@media (max-width: 767px) {

  .creative-footer-style {

    margin: 0;

    padding: 0 20px;

  }

}

.creative-footer-style .tp-footer-widget-title {

  color: var(--tp-common-white);

}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {

  .creative-footer-style .tp-footer-widget-title {

    font-size: 70px;

  }

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .creative-footer-style .tp-footer-widget-title {

    font-size: 60px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .creative-footer-style .tp-footer-widget-title {

    font-size: 50px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .creative-footer-style .tp-footer-widget-title br {

    display: none;

  }

}

.creative-footer-style .tp-footer-widget-title-sm {

  color: var(--tp-common-white);

}

.creative-footer-style .tp-footer-widget-title-sm.pre::before {

  background-color: var(--tp-common-green-light);

}

.creative-footer-style .tp-footer-widget-menu ul li a {

  color: var(--tp-common-white);

  background-color: transparent;

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.creative-footer-style .tp-footer-widget-menu ul li a:hover {

  color: var(--tp-common-black);

  border-color: var(--tp-common-green-light);

  background-color: var(--tp-common-green-light);

}

.creative-footer-style .tp-footer-widget-info a {

  color: var(--tp-common-white);

}

.creative-footer-style .tp-footer-widget-info a:hover {

  color: var(--tp-common-green-light);

}

.creative-footer-style .tp-copyright-big-text {

  color: var(--tp-common-white);

}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {

  .creative-footer-style .tp-copyright-big-text {

    font-size: 225px;

  }

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .creative-footer-style .tp-copyright-big-text {

    font-size: 188px;

    letter-spacing: -10px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .creative-footer-style .tp-copyright-big-text {

    font-size: 165px;

    letter-spacing: -10px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .creative-footer-style .tp-copyright-big-text {

    font-size: 140px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .creative-footer-style .tp-copyright-big-text {

    font-size: 115px;

  }

}

@media (max-width: 767px) {

  .creative-footer-style .tp-copyright-big-text {

    font-size: 50px;

  }

}

.creative-footer-style .tp-copyright-left span {

  color: var(--tp-common-white);

}

.creative-footer-style .tp-copyright-right a {

  color: var(--tp-common-white);

}

.creative-footer-style .tp-copyright-right a:hover {

  color: var(--tp-common-green-light);

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .creative-footer-style .tp-copyright-right a:not(:first-child) {

    margin-left: 50px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 768px) and (max-width: 991px) {

  .creative-footer-style .tp-copyright-right a:not(:first-child) {

    margin-left: 30px;

  }

}

.creative-footer-style .tp-footer-widget-social {

  position: absolute;

  top: 0;

  left: 0;

  padding-right: 15px;

  padding-bottom: 25px;

  background-color: #0e0f11;

  border-radius: 0 0 20px 0;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .creative-footer-style .tp-footer-widget-social {

    padding-bottom: 15px;

    display: flex;

    padding-bottom: 0;

    gap: 5px;

  }

}

@media (max-width: 767px) {

  .creative-footer-style .tp-footer-widget-social {

    padding-bottom: 15px;

    padding-left: 20px;

  }

}

.creative-footer-style .tp-footer-widget-social::after,
.creative-footer-style .tp-footer-widget-social::before {

  content: "";

  position: absolute;

  top: -1px;

  right: -20px;

  height: 40px;

  width: 20px;

  z-index: -1;

  border-top-left-radius: 20px;

  background-color: transparent;

  box-shadow: 0px -18px 0 0 #0e0f11;

}

.creative-footer-style .tp-footer-widget-social::before {

  top: auto;

  bottom: -39px;

  left: 0px;

}

.creative-footer-style .tp-footer-widget-social a {

  display: table;

  color: var(--tp-common-black);

  background-color: var(--tp-common-green-light);

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .creative-footer-style .tp-footer-widget-social a {

    display: inline-block;

  }

}

.creative-footer-style .tp-footer-widget-social a:not(:last-child) {

  margin-bottom: 8px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .creative-footer-style .tp-footer-widget-social a:not(:last-child) {

    margin-bottom: 0;

  }

}

.creative-footer-style .tp-footer-widget-social a:hover {

  background-color: var(--tp-common-white);

}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {

  .creative-footer-style .tp-footer-col-2 {

    padding-left: 90px;

  }

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .creative-footer-style .tp-footer-col-2 {

    padding-left: 60px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {

  .creative-footer-style .tp-footer-col-2 br {

    display: none;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .creative-footer-style .tp-footer-col-2 {

    padding-left: 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .creative-footer-style .tp-footer-col-2 {

    padding-left: 0;

    padding-right: 0;

  }

}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 992px) and (max-width: 1199px) {

  .creative-footer-style .tp-footer-col-3 {

    padding-left: 0;

  }

}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {

  .creative-footer-style .tp-copyright-left {

    padding-left: 260px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .creative-footer-style .tp-copyright-left {

    padding-left: 220px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .creative-footer-style .tp-copyright-left {

    padding-left: 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .creative-footer-style .tp-copyright-bottom {

    margin-top: 0px;

  }

}

.creative-footer-style.blog-details-social {

  margin: 0;

  padding: 0;

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .creative-footer-style.blog-details-social {

    margin-bottom: 30px;

  }

}

.creative-footer-style.blog-details-social .tp-footer-widget-social {

  position: static;

  padding: 0;

  display: block;

  background-color: transparent;

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .creative-footer-style.blog-details-social .tp-footer-widget-social {

    display: flex;

  }

}

.creative-footer-text {

  position: absolute;

  top: 0;

  right: 0;

  padding: 15px 22px;

  padding-bottom: 20px;

  background-color: #0e0f11;

  border-radius: 0 0 0 20px;

}

.creative-footer-text::after,
.creative-footer-text::before {

  content: "";

  position: absolute;

  background-color: transparent;

  bottom: -40px;

  right: 0px;

  height: 40px;

  width: 20px;

  border-top-right-radius: 20px;

  box-shadow: 0px -18px 0 0 #0e0f11;

}

.creative-footer-text::before {

  top: auto;

  bottom: 11px;

  left: -19px;

}

.creative-footer-text p {

  font-weight: 500;

  font-size: 15px;

  line-height: 1;

  margin-bottom: 0;

  color: var(--tp-common-white);

}



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

/*  6.5 Footer Style 5

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

.design-footer-top-btn {

  transform: translateY(-45px);

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .design-footer-top-btn {

    transform: translateY(0);

  }

}

.design-footer-top-wrap {

  border-bottom: 1px solid rgba(224, 238, 238, 0.2);

}

.design-footer-middle {

  border-bottom: 1px solid rgba(224, 238, 238, 0.2);

}

.design-footer-widget-title {

  font-weight: 500;

  font-size: 24px;

  line-height: 1.25;

  color: #e0eeee;

  margin-bottom: 20px;

  letter-spacing: -0.02em;

}

.design-footer-widget-title.sm {

  font-weight: 500;

  font-size: 16px;

  line-height: 1;

  margin-bottom: 20px;

  letter-spacing: -0.02em;

  color: rgba(224, 238, 238, 0.5);

}

.design-footer-widget-input input {

  font-weight: 500;

  font-size: 20px;

  line-height: 1;

  height: 60px;

  padding: 0px 35px;

  border-radius: 40px;

  padding-right: 60px;

  background-color: transparent;

  color: var(--tp-common-white);

  border: 2px solid rgba(224, 238, 238, 0.1);

}

.design-footer-widget-input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  font-weight: 500;

  font-size: 20px;

  line-height: 1;

  color: rgba(224, 238, 238, 0.6);

}

.design-footer-widget-input input::-moz-placeholder {
  /* Firefox 19+ */

  font-weight: 500;

  font-size: 20px;

  line-height: 1;

  color: rgba(224, 238, 238, 0.6);

}

.design-footer-widget-input input:-moz-placeholder {
  /* Firefox 4-18 */

  font-weight: 500;

  font-size: 20px;

  line-height: 1;

  color: rgba(224, 238, 238, 0.6);

}

.design-footer-widget-input input:-ms-input-placeholder {
  /* IE 10+  Edge*/

  font-weight: 500;

  font-size: 20px;

  line-height: 1;

  color: rgba(224, 238, 238, 0.6);

}

.design-footer-widget-input input::placeholder {
  /* MODERN BROWSER */

  font-weight: 500;

  font-size: 20px;

  line-height: 1;

  color: rgba(224, 238, 238, 0.6);

}

.design-footer-widget-input input:focus {

  border-color: var(--tp-common-white);

}

.design-footer-widget-input-icon {

  position: absolute;

  top: 50%;

  right: 10px;

  height: 40px;

  width: 40px;

  line-height: 38px;

  border-radius: 50%;

  text-align: center;

  display: inline-block;

  transform: translateY(-50%);

  background-color: var(--tp-common-white);

}

.design-footer-widget-info a {

  font-weight: 500;

  font-size: 24px;

  line-height: 1;

  letter-spacing: -0.02em;

  color: var(--tp-common-white);

}

.design-footer-col-1 {

  padding-right: 40px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .design-footer-col-1 {

    padding-right: 0;

  }

}

.design-footer-col-3 {

  padding-left: 5px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .design-footer-col-3 {

    padding-left: 0;

    margin-bottom: 20px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .design-footer-col-2 {

    margin-bottom: 20px;

  }

}

.design-footer-col-4 {

  padding-left: 50px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .design-footer-col-4 {

    padding-left: 0;

  }

}

.design-footer-right {

  padding-left: 160px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .design-footer-right {

    padding-left: 0;

  }

}



.design-copyright-text p {

  font-weight: 500;

  font-size: 18px;

  line-height: 1.2;

  margin-bottom: 0;

  letter-spacing: -0.02em;

  color: rgba(224, 238, 238, 0.5);

}

.design-copyright-backtoTop a {

  font-weight: 500;

  font-size: 24px;

  line-height: 1;

  color: #e0eeee;

  letter-spacing: -0.02em;

}

.design-copyright-backtoTop a span {

  color: #C5FCFC;

  margin-left: 8px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .design-copyright-big-text {

    padding-top: 80px;

  }

}

@media (max-width: 767px) {

  .design-copyright-big-text {

    padding-top: 60px;

  }

}

.design-copyright-big-text img {

  width: 100%;

}



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

/*  6.7 Footer Style 7

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

@media (max-width: 767px) {

  .ai-footer-area {

    padding-top: 80px;

    padding-bottom: 80px;

  }

}

.ai-footer-widget-title {

  font-weight: 600;

  font-size: 48px;

  line-height: 1.1;

  margin-bottom: 50px;

  letter-spacing: -0.04em;

  color: var(--tp-common-white);

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .ai-footer-widget-title {

    font-size: 40px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .ai-footer-widget-title {

    font-size: 45px;

  }

}

.ai-footer-widget-shape {

  position: absolute;

  bottom: -7%;

  right: 20%;

  z-index: -1;

}

.ai-footer-widget-title-sm {

  font-weight: 700;

  font-size: 20px;

  line-height: 1;

  margin-bottom: 25px;

  letter-spacing: -0.02em;

  color: var(--tp-common-white);

}

.ai-footer-input input {

  padding: 0 35px;

  font-weight: 500;

  font-size: 16px;

  line-height: 1;

  border: none;

  border-radius: 0;

  letter-spacing: -0.02em;

  background-color: transparent;

  color: var(--tp-common-white);

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.ai-footer-input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  font-weight: 500;

  font-size: 16px;

  line-height: 1;

  letter-spacing: -0.02em;

  color: rgba(255, 255, 255, 0.4);

}

.ai-footer-input input::-moz-placeholder {
  /* Firefox 19+ */

  font-weight: 500;

  font-size: 16px;

  line-height: 1;

  letter-spacing: -0.02em;

  color: rgba(255, 255, 255, 0.4);

}

.ai-footer-input input:-moz-placeholder {
  /* Firefox 4-18 */

  font-weight: 500;

  font-size: 16px;

  line-height: 1;

  letter-spacing: -0.02em;

  color: rgba(255, 255, 255, 0.4);

}

.ai-footer-input input:-ms-input-placeholder {
  /* IE 10+  Edge*/

  font-weight: 500;

  font-size: 16px;

  line-height: 1;

  letter-spacing: -0.02em;

  color: rgba(255, 255, 255, 0.4);

}

.ai-footer-input input::placeholder {
  /* MODERN BROWSER */

  font-weight: 500;

  font-size: 16px;

  line-height: 1;

  letter-spacing: -0.02em;

  color: rgba(255, 255, 255, 0.4);

}

.ai-footer-input input:focus {

  border-color: var(--tp-common-white);

}

.ai-footer-newsletter label {

  font-weight: 700;

  font-size: 20px;

  line-height: 1;

  margin-bottom: 8px;

  letter-spacing: -0.02em;

  color: var(--tp-common-white);

}

.ai-footer-icon-1 {

  position: absolute;

  top: 14px;

  left: 0;

}

.ai-footer-icon-2 {

  position: absolute;

  top: 15px;

  right: 0;

}

.ai-footer-menu ul li {

  list-style-type: none;

}

.ai-footer-menu ul li:not(:last-child) {

  margin-bottom: 10px;

}

.ai-footer-menu ul li a {

  font-weight: 500;

  font-size: 16px;

  line-height: 1;

  letter-spacing: -0.02em;

  color: rgba(255, 255, 255, 0.6);

}

.ai-footer-menu ul li a:hover {

  color: var(--tp-common-white);

}

.ai-footer-contact-item a {

  display: block;

  font-weight: 500;

  font-size: 16px;

  line-height: 1.6;

  margin-bottom: 8px;

  letter-spacing: -0.02em;

  color: rgba(255, 255, 255, 0.6);

}

.ai-footer-contact-item a:hover {

  color: var(--tp-common-white);

}

.ai-footer-col-2 {

  margin-left: 78px;

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .ai-footer-col-2 {

    margin-left: 0;

    margin-top: 40px;

  }

}

.ai-footer-col-3 {

  margin-left: 80px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .ai-footer-col-3 {

    margin-left: 50px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .ai-footer-col-3 {

    margin-left: 0;

    margin-top: 40px;

  }

}

.ai-footer-col-4 {

  margin-left: 80px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .ai-footer-col-4 {

    margin-left: 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .ai-footer-col-4 {

    margin-left: 0;

    margin-top: 40px;

  }

}



.ai-copyright-content p {

  margin-bottom: 0;

  font-weight: 500;

  font-size: 16px;

  line-height: 1;

  letter-spacing: -0.02em;

  color: var(--tp-common-white);

}

.ai-copyright-ptb {

  padding: 25px 0;

  border-top: 1px solid rgba(255, 255, 255, 0.1);

}

@media (max-width: 767px) {

  .ai-copyright-logo {

    margin-bottom: 20px;

  }

}

.ai-copyright-shape-1 {

  position: absolute;

  bottom: 0;

  right: 0;

  z-index: -1;

}



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

/*  6.8 Footer Style 8

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

.ar-footer-widget-content p {

  font-weight: 500;

  font-size: 18px;

  line-height: 1.44;

  margin-bottom: 33px;

  color: var(--tp-common-white);

}

@media (max-width: 767px) {

  .ar-footer-widget-content p br {

    display: none;

  }

}

.ar-footer-widget-input input {

  padding-left: 55px;

  padding-right: 145px;

  font-weight: 500;

  font-size: 16px;

  height: 60px;

  color: var(--tp-common-white);

  border: 0;

  border-radius: 0;

  background: rgba(255, 255, 255, 0.1);

}

.ar-footer-widget-input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  font-weight: 500;

  font-size: 16px;

  color: rgba(255, 255, 255, 0.6);

}

.ar-footer-widget-input input::-moz-placeholder {
  /* Firefox 19+ */

  font-weight: 500;

  font-size: 16px;

  color: rgba(255, 255, 255, 0.6);

}

.ar-footer-widget-input input:-moz-placeholder {
  /* Firefox 4-18 */

  font-weight: 500;

  font-size: 16px;

  color: rgba(255, 255, 255, 0.6);

}

.ar-footer-widget-input input:-ms-input-placeholder {
  /* IE 10+  Edge*/

  font-weight: 500;

  font-size: 16px;

  color: rgba(255, 255, 255, 0.6);

}

.ar-footer-widget-input input::placeholder {
  /* MODERN BROWSER */

  font-weight: 500;

  font-size: 16px;

  color: rgba(255, 255, 255, 0.6);

}

.ar-footer-widget-btn {

  position: absolute;

  top: 0;

  right: 0;

  line-height: 1;

  transition: 0.3s;

  font-size: 16px;

  padding: 22px 23px;

  display: inline-block;

  text-transform: uppercase;

  color: var(--tp-common-white);

  font-family: var(--tp-ff-clash-medium);

  background-color: var(--tp-common-red-2);

}

.ar-footer-widget-btn:hover {

  color: var(--tp-common-black);

  background-color: var(--tp-common-white);

}

.ar-footer-widget-envelop {

  position: absolute;

  top: 50%;

  left: 23px;

  transform: translateY(-50%);

}

.ar-footer-widget-envelop svg {

  transform: translateY(-2px);

}

.ar-footer-widget-title {

  font-size: 24px;

  line-height: 1;

  margin-bottom: 33px;

  letter-spacing: -0.02em;

  text-transform: uppercase;

  color: var(--tp-common-white);

  font-family: var(--tp-ff-clash-semibold);

}

.ar-footer-widget-menu ul li {

  padding-left: 13px;

  list-style-type: none;

  position: relative;

  display: block;

}

.ar-footer-widget-menu ul li:not(:last-child) {

  margin-bottom: 10px;

}

.ar-footer-widget-menu ul li::after {

  position: absolute;

  content: "";

  top: 11px;

  left: 0;

  width: 4px;

  height: 4px;

  transition: 0.3s;

  border-radius: 50%;

  background-color: rgba(255, 255, 255, 0.6);

}

.ar-footer-widget-menu ul li a {

  font-size: 15px;

  line-height: 1;

  transition: 0.3s;

  letter-spacing: 1px;

  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.6);

  font-family: var(--tp-ff-clash-medium);

}

.ar-footer-widget-menu ul li:hover::after {

  background-color: var(--tp-common-white);

}

.ar-footer-widget-menu ul li:hover a {

  color: var(--tp-common-white);

}

.ar-footer-widget-info a {

  display: block;

  font-size: 15px;

  line-height: 1.67;

  letter-spacing: 1px;

  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.6);

  font-family: var(--tp-ff-clash-medium);

}

.ar-footer-widget-info a:hover {

  color: var(--tp-common-white);

}

.ar-footer-col-1 {

  margin-right: 45px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
(max-width: 767px) {

  .ar-footer-col-1 {

    margin-right: 0;

  }

}

.ar-footer-col-2 {

  margin-left: 85px;

}

@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) {

  .ar-footer-col-2 {

    margin-left: 40px;

  }

}

@media (max-width: 767px) {

  .ar-footer-col-2 {

    margin-left: 0;

  }

}

.ar-footer-col-3 {

  margin-left: 165px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .ar-footer-col-3 {

    margin-left: 110px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .ar-footer-col-3 {

    margin-left: 60px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .ar-footer-col-3 {

    margin-left: 0px;

  }

}

.ar-footer-col-4 {

  margin-left: 110px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .ar-footer-col-4 {

    margin-left: 40px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .ar-footer-col-4 {

    margin-left: 0px;

  }

}



.ar-copyright-text p,
.ar-copyright-text a,
.ar-copyright-social p,
.ar-copyright-social a {

  font-size: 15px;

  line-height: 1.4;

  margin-bottom: 0;

  letter-spacing: 1px;

  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.6);

  font-family: var(--tp-ff-clash-medium);

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .ar-copyright-text p,
  .ar-copyright-text a,
  .ar-copyright-social p,
  .ar-copyright-social a {

    font-size: 14px;

  }

}

@media (max-width: 767px) {

  .ar-copyright-text p,
  .ar-copyright-text a,
  .ar-copyright-social p,
  .ar-copyright-social a {

    font-size: 13px;

  }

}

.ar-copyright-social a:not(:first-child) {

  margin-left: 40px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .ar-copyright-social a:not(:first-child) {

    margin-left: 30px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .ar-copyright-social a:not(:first-child) {

    margin-left: 10px;

  }

}

@media (max-width: 767px) {

  .ar-copyright-social a:not(:first-child) {

    margin-left: 8px;

  }

}

.ar-copyright-social a:hover {

  color: var(--tp-common-white);

}

.ar-copyright-ptb {

  padding: 40px 0;

  border-top: 1px solid rgba(255, 255, 255, 0.1);

}



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

/*  6.9 Footer Style 9

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

.crp-footer-bg {

  background-color: #335341;

}

.crp-footer-logo {

  margin-bottom: 20px;

}

.crp-footer-widget p {

  font-weight: 500;

  font-size: 16px;

  line-height: 1.6;

  margin-bottom: 35px;

  color: var(--tp-common-cream-3);

}

.crp-footer-widget-title {

  font-weight: 600;

  font-size: 30px;

  line-height: 1;

  margin-bottom: 15px;

  letter-spacing: 0.5px;

  font-family: var(--tp-ff-teko);

  color: var(--tp-common-cream-3);

}

.crp-footer-widget-menu ul li {

  list-style-type: none;

}

.crp-footer-widget-menu ul li:not(:last-child) {

  margin-bottom: 10px;

}

.crp-footer-widget-menu ul li a {

  font-weight: 500;

  font-size: 16px;

  line-height: 1;

  color: var(--tp-common-cream-3);

}

.crp-footer-widget-info a {

  font-weight: 500;

  font-size: 16px;

  line-height: 1.6;

  color: var(--tp-common-cream-3);

}

.crp-footer-widget-info a.tel {

  font-weight: 600;

  font-size: 22px;

  display: block;

  letter-spacing: -0.02em;

}

.crp-footer-social a {

  height: 42px;

  width: 42px;

  line-height: 39px;

  border-radius: 50%;

  text-align: center;

  display: inline-block;

  color: var(--tp-common-cream-3);

  background-color: rgba(255, 255, 230, 0.1);

}

.crp-footer-social a:not(:last-child) {

  margin-right: 5px;

}

.crp-footer-social a:hover {

  color: #325341;

  background-color: var(--tp-common-yellow-green);

}

.crp-footer-big-text {

  padding: 21px 40px;

  padding-top: 40px;

  border-radius: 20px;

  background-color: #2a4c3a;

  font-weight: 600;

  font-size: 150px;

  line-height: 0.6;

  width: 100%;

  display: inline-block;

  letter-spacing: -0.02em;

  text-transform: uppercase;

  font-family: var(--tp-ff-teko);

  color: var(--tp-common-yellow-green);

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .crp-footer-big-text {

    font-size: 140px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .crp-footer-big-text {

    font-size: 95px;

    padding-top: 20px;

  }

}

@media (max-width: 767px) {

  .crp-footer-big-text {

    font-size: 50px;

  }

}

.crp-footer-big-text span {

  position: relative;

  z-index: 1;

  overflow: hidden;

  display: inline-block;

}

.crp-footer-big-text span span {

  padding-top: 17px;

}

.crp-footer-big-text span span.text-1 {

  position: relative;

  display: block;

  transition: 0.4s ease-in-out;

}

.crp-footer-big-text span span.text-2 {

  position: absolute;

  bottom: 100%;

  display: block;

  transition: 0.4s ease-in-out;

}

.crp-footer-big-text i {

  position: relative;

  overflow: hidden;

  width: 85px;

  height: 85px;

  margin-left: 40px;

  display: inline-flex;

  transform: translateY(-11px);

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .crp-footer-big-text i {

    transform: translateY(11px);

  }

}

@media (max-width: 767px) {

  .crp-footer-big-text i {

    width: 30px;

    height: 30px;

    margin-left: 0;

    transform: translateY(0);

  }

}

.crp-footer-big-text i svg {

  transform: translateY(-2px);

  position: absolute;

  bottom: -1px;

  left: 1px;

  transition: all 0.3s ease-out;

}

.crp-footer-big-text i svg:last-child {

  left: -80px;

  bottom: -80px;

  transform: translate(0, 0);

  opacity: 0;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .crp-footer-big-text i svg {

    width: 60px;

    transform: translateY(-7px);

  }

}

@media (max-width: 767px) {

  .crp-footer-big-text i svg {

    width: 20px;

    height: 20px;

    margin-top: 10px;

    transform: translateY(0px);

  }

}

.crp-footer-big-text:hover {

  color: var(--tp-common-yellow-green);

}

.crp-footer-big-text:hover span span.text-1 {

  -webkit-transform: translateY(150%);

  transform: translateY(150%);

}

.crp-footer-big-text:hover span span.text-2 {

  bottom: 50%;

  -webkit-transform: translateY(50%);

  transform: translateY(50%);

}

.crp-footer-big-text:hover i svg:first-child {

  transform: translate(85px, -85px);

}

.crp-footer-big-text:hover i svg:last-child {

  opacity: 1;

  visibility: visible;

  transform: translate(80px, -80px);

}

.crp-footer-big-text:focus {

  color: var(--tp-common-yellow-green);

}

.crp-footer-shape {

  position: absolute;

  top: 0;

  right: 0;

  z-index: -1;

}

.crp-footer-col-3 {

  padding-left: 50px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .crp-footer-col-3 {

    padding-left: 0;

  }

}



.crp-copyright-text p {

  font-weight: 500;

  font-size: 16px;

  line-height: 1.6;

  margin-bottom: 0;

  color: var(--tp-common-cream-3);

}

.crp-copyright-text p span {

  color: var(--tp-common-yellow-green);

}



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

/*  6.10 Footer Style 10

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

.app-footer-widget .dgm-footer-widget-title {

  font-weight: 600;

  font-size: 20px;

  letter-spacing: -0.2px;

  font-family: var(--tp-ff-phudu);

  color: var(--tp-common-black-10);

}

.app-footer-widget .dgm-footer-widget-menu ul li {

  position: relative;

  padding-left: 10px;

}

.app-footer-widget .dgm-footer-widget-menu ul li::before {

  position: absolute;

  content: "";

  left: 0px;

  top: 50%;

  width: 3px;

  height: 3px;

  border-radius: 50%;

  transform: translateY(-50%);

  background-color: #61616A;

}

.app-footer-widget .dgm-footer-widget-menu ul li a {

  color: #61616A;

  letter-spacing: -0.16px;

}

.app-footer-widget .dgm-footer-widget-menu ul li a:hover {

  color: var(--tp-common-black-10);

}

.app-footer-widget .dgm-footer-widget-paragraph.color-style p {

  font-size: 15px;

  font-weight: 400;

  color: #61616A;

  margin: 0;

  letter-spacing: -0.15px;

}

.app-footer-widget .dgm-footer-widget-input input {

  border-radius: 12px;

  padding-left: 20px;

  padding-right: 125px;

  color: var(--tp-common-black-10);

  background: var(--tp-common-white);

  border: 1px solid rgba(33, 33, 45, 0.08);

}

.app-footer-widget .dgm-footer-widget-input input:focus {

  border-color: var(--tp-common-black-10);

}

.app-footer-widget .dgm-footer-widget-input .input-button {

  right: 8px;

  font-size: 14px;

  border-radius: 8px;

  line-height: 1;

}

.app-footer-widget .dgm-footer-widget-input .input-button span svg {

  margin-left: 4px;

  color: var(--tp-common-white);

}

.app-footer-widget-info a {

  font-size: 16px;

  font-weight: 600;

  letter-spacing: -0.32px;

  color: var(--tp-common-black-10);

}

.app-footer-widget-info-title {

  color: #61616A;

  font-size: 14px;

  font-weight: 400;

  letter-spacing: -0.14px;

}

.app-footer-rating {

  padding: 15px;

  width: 270px;

  border-radius: 12px;

  background: var(--tp-common-white);

  border: 1px solid rgba(33, 33, 45, 0.08);

}

.app-footer-rating .app-hero-bottom-rating-point span {

  font-size: 44px;

  letter-spacing: -0.44px;

  color: var(--tp-common-black-10);

}

.app-footer-rating .app-hero-bottom-rating-star a {

  color: var(--tp-common-black-10);

}

.app-footer-col-1 .dgm-footer-widget-paragraph p {

  color: #61616A;

}

.app-footer-col-3 {

  padding-left: 25px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .app-footer-col-3 {

    padding-left: 0;

  }

}

.app-footer-col-4 {

  padding-left: 70px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .app-footer-col-4 {

    padding-left: 25px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .app-footer-col-4 {

    padding-left: 0px;

  }

}

.app-copyright-text p {

  margin: 0;

  color: #61616A;

  font-size: 14px;

  font-weight: 500;

  letter-spacing: -0.14px;

}

.app-copyright-text p a:hover {

  border-bottom: 1px solid black;

}



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

/*  6.11 Footer Style 11

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

.it-footer-style.crp-footer-bg {

  background-color: #0C5752;

}

.it-footer-style .crp-footer-big-text {

  background-color: #0C4642;

  color: var(--tp-common-white);

}

.it-footer-style .crp-footer-widget p {

  color: var(--tp-common-white);

}

.it-footer-style .crp-footer-social a {

  color: var(--tp-common-white);

  background-color: rgba(255, 255, 255, 0.1);

}

.it-footer-style .crp-footer-social a:hover {

  color: var(--tp-common-black);

  background-color: var(--tp-common-white);

}

.it-footer-style .crp-footer-widget-title {

  color: var(--tp-common-white);

}

.it-footer-style .crp-footer-widget-menu ul li a {

  color: rgba(255, 255, 255, 0.7);

}

.it-footer-style .crp-footer-widget-menu ul li a:hover {

  color: var(--tp-common-white);

}

.it-footer-style .crp-footer-widget-info a {

  color: rgba(255, 255, 255, 0.7);

}

.it-footer-style .crp-footer-widget-info a:hover {

  color: var(--tp-common-white);

}

.it-footer-style .crp-copyright-text p span {

  color: var(--tp-common-white);

}

.it-footer-style .crp-copyright-text p {

  color: rgba(255, 255, 255, 0.7);

}

.it-footer-shape {

  position: absolute;

  bottom: 0;

  right: 0;

  z-index: -1;

}



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

/*  6.12 Footer Style 12

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

.st-footer-widget-content p {

  color: #494949;

  margin-bottom: 35px;

}

.st-footer-widget-title {

  margin: 0;

  font-size: 18px;

  font-weight: 600;

  margin-right: 40px;

  letter-spacing: -0.36px;

  color: var(--tp-common-brown);

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .st-footer-widget-title {

    margin-right: 0;

    margin-bottom: 30px;

  }

}

.st-footer-widget-menu ul li {

  list-style-type: none;

}

.st-footer-widget-menu ul li:not(:last-child) {

  margin-bottom: 10px;

}

.st-footer-widget-menu ul li a {

  font-size: 18px;

  font-weight: 500;

  line-height: 1;

  color: #494949;

  letter-spacing: -0.36px;

}

.st-footer-widget-info-title {

  margin-bottom: 10px;

}

.st-footer-widget-info-title a {

  font-size: 18px;

  font-weight: 500;

  color: #494949;

  letter-spacing: -0.36px;

}

.st-footer-widget-info-title a:hover {

  color: var(--tp-common-brown);

}

.st-footer-widget-social-title {

  font-size: 18px;

  font-weight: 500;

  margin-bottom: 35px;

  display: inline-block;

  color: var(--tp-common-brown);

}

.st-footer-widget-social .tp-footer-widget-social a {

  color: var(--tp-common-brown);

  background-color: var(--tp-common-white);

}

.st-footer-widget-social .tp-footer-widget-social a:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-common-brown);

}

.st-footer-top-border {

  border-bottom: 1px solid rgba(69, 48, 48, 0.15);

}

.st-footer-top-icon {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  text-align: center;

}

.st-footer-top-icon span {

  width: 170px;

  display: inline-block;

  border-bottom: 7px solid var(--tp-common-brown);

}

.st-footer-top-icon span svg {

  transform: translateY(4px);

}

@media (max-width: 767px) {

  .st-footer-col-3 {

    margin-bottom: 120px;

  }

}



.st-copyright-ptb {

  padding-top: 40px;

  padding-bottom: 60px;

}

.st-copyright-sub {

  font-size: 18px;

  font-weight: 500;

  line-height: 1;

  color: #494949;

  margin-bottom: 20px;

  display: inline-block;

  text-transform: uppercase;

}

.st-copyright-title {

  margin: 0;

  font-size: 140px;

  font-weight: 700;

  line-height: 0.7;

  position: relative;

  letter-spacing: -5.6px;

  color: var(--tp-common-brown);

  font-family: var(--tp-ff-poppins);

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .st-copyright-title {

    font-size: 100px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .st-copyright-title {

    font-size: 64px;

    letter-spacing: 0;

  }

}

@media (max-width: 767px) {

  .st-copyright-title {

    font-size: 60px;

  }

}

.st-copyright-title a {

  display: inline-block;

  line-height: 1;

}

.st-copyright-title a:hover span {

  transform: translateX(12);

}

.st-copyright-title span {

  position: absolute;

  top: -20px;

  right: 5%;

  display: grid;

  height: 60px;

  width: 60px;

  border-radius: 50%;

  place-content: center;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  color: var(--tp-common-white);

  background-color: var(--tp-common-brown);

}



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

/*  6.13 Footer Style 13

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

.cr-footer-bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.cr-footer-bg img {

  height: 100%;

}

.cr-footer-widget-social .tp-footer-widget-social a {

  color: var(--tp-common-white);

  background: rgba(255, 255, 255, 0.1);

}

.cr-footer-widget-social .tp-footer-widget-social a:hover {

  color: #325341;

  background-color: var(--tp-common-white);

}

.cr-footer-border-wrap {

  border-right: 1px solid rgba(255, 255, 255, 0.06);

  border-left: 1px solid rgba(255, 255, 255, 0.06);

}

@media (max-width: 767px) {

  .cr-footer-border-wrap {

    border: none;

    padding-top: 100px;

  }

}

.cr-footer-col-1 .dgm-footer-widget-paragraph p {

  font-weight: 400;

  font-size: 18px;

  line-height: 1.5;

  letter-spacing: -0.18px;

  font-family: var(--tp-ff-onest);

  color: rgba(255, 255, 255, 0.6);

}

.cr-footer-col-1 .app-footer-rating {

  background: #131416;

  box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.12) inset, 0px 0px 2px 2px rgba(0, 0, 0, 0.4);

}

.cr-footer-col-1 .app-footer-rating .app-hero-bottom-rating-point span {

  color: var(--tp-common-white);

}

.cr-footer-col-1 .app-footer-rating .app-hero-bottom-rating-star a {

  border: none;

  color: var(--tp-common-white);

}

.cr-footer-col-2 .dgm-footer-widget-title,
.cr-footer-col-3 .dgm-footer-widget-title,
.cr-footer-col-4 .dgm-footer-widget-title {

  font-size: 20px;

  font-weight: 600;

  letter-spacing: -0.2px;

  color: var(--tp-common-white);

  font-family: var(--tp-ff-onest);

}

.cr-footer-col-2 .dgm-footer-widget-menu ul li a,
.cr-footer-col-3 .dgm-footer-widget-menu ul li a,
.cr-footer-col-4 .dgm-footer-widget-menu ul li a {

  color: rgba(255, 255, 255, 0.6);

}

.cr-footer-col-2 .dgm-footer-widget-menu ul li a:hover,
.cr-footer-col-3 .dgm-footer-widget-menu ul li a:hover,
.cr-footer-col-4 .dgm-footer-widget-menu ul li a:hover {

  color: var(--tp-common-white);

}

.cr-footer-col-2 {

  padding-left: 78px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .cr-footer-col-2 {

    padding-left: 30px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .cr-footer-col-2 {

    padding-left: 0;

  }

}

.cr-footer-col-3 {

  padding-left: 30px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .cr-footer-col-3 {

    padding-left: 0;

  }

}

.cr-footer-col-4 .app-footer-widget-info-title {

  font-weight: 500;

  letter-spacing: 0;

  color: rgba(255, 255, 255, 0.6);

}

.cr-footer-col-4 .app-footer-widget-info a {

  color: var(--tp-common-white);

}



.cr-copyright-border {

  position: relative;

  padding-top: 34px;

  border-color: rgba(255, 255, 255, 0.06);

}

.cr-copyright-border .app-copyright-text p {

  color: rgba(255, 255, 255, 0.6);

}



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

/*  6.14 Footer Style 14

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

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .pp-footer-ptb {

    padding-top: 0;

  }

}

.pp-footer-box {

  padding: 175px 0;

  border-radius: 30px;

  border: 1px solid rgba(255, 255, 255, 0.1);

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .pp-footer-box {

    padding: 150px 0;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {

  .pp-footer-box {

    padding: 100px 0;

  }

}

@media (max-width: 767px) {

  .pp-footer-box {

    padding: 100px 15px 80px;

  }

}

.pp-footer-subtitle {

  font-size: 60px;

  font-weight: 300;

  line-height: 0.8;

  padding-bottom: 26px;

  display: inline-block;

  letter-spacing: -1.8px;

  font-family: var(--tp-ff-teko);

  color: rgba(255, 255, 255, 0.6);

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .pp-footer-subtitle {

    font-size: 45px;

  }

}

@media (max-width: 767px) {

  .pp-footer-subtitle {

    font-size: 38px;

  }

}

.pp-footer-title {

  font-size: 180px;

  font-weight: 500;

  line-height: 0.8;

  margin-bottom: 35px;

  letter-spacing: -5.4px;

  font-family: var(--tp-ff-teko);

  color: var(--tp-common-yellow-1);

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .pp-footer-title {

    font-size: 150px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .pp-footer-title {

    font-size: 115px;

  }

}

@media (max-width: 767px) {

  .pp-footer-title {

    font-size: 52px;

    letter-spacing: 0;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .pp-footer-title {

    font-size: 65px;

  }

}

.pp-footer-btn {

  font-size: 20px;

  font-weight: 600;

  border-radius: 14px;

  padding: 10px 21px;

  display: inline-block;

  color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.pp-footer-btn:hover {

  color: var(--tp-common-black);

  background-color: var(--tp-common-white);

}

.pp-footer-btn span {

  display: inline-block;

  margin-left: 3px;

}

@media (max-width: 767px) {

  .pp-footer-btn-box {

    flex-wrap: wrap;

  }

}

@media (max-width: 767px) {

  .pp-footer-btn-box .pp-footer-btn {

    margin-bottom: 20px;

  }

}



.pp-footer-copyright-ptb {

  padding: 25px 0 35px;

}

.pp-footer-copyright-wrap {

  display: flex;

  justify-content: space-between;

}

@media (max-width: 767px) {

  .pp-footer-copyright-wrap {

    display: block;

    text-align: center;

  }

}

.pp-footer-copyright-text p {

  margin: 0;

  font-size: 16px;

  font-weight: 500;

  line-height: 1;

  color: rgba(255, 255, 255, 0.4);

}

.pp-footer-copyright-text-center {

  position: relative;

}

@media (max-width: 767px) {

  .pp-footer-copyright-text-center {

    display: inline-block;

    margin: 20px 0 20px 25px;

  }

}

.pp-footer-copyright-text-center::before {

  position: absolute;

  content: "";

  top: 6px;

  left: -20px;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background-color: var(--tp-common-yellow-1);

}

.pp-footer-copyright-text-center::after {

  position: absolute;

  content: "";

  top: 0px;

  left: -26px;

  width: 20px;

  height: 20px;

  border-radius: 50%;

  background-color: rgba(255, 246, 105, 0.1);

  animation: animate-pulse-2 3s linear infinite;

}

.pp-footer-copyright-text-center p {

  margin: 0;

  font-size: 18px;

  font-weight: 500;

  line-height: 1;

  color: var(--tp-common-white);

}



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

/*  6.15 Footer Style 15

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

.tp-footer-15-cta-wrap .tp-about-5-subtitle {

  top: 50px;

  left: 170px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-footer-15-cta-wrap .tp-about-5-subtitle {

    top: 40px;

    left: 140px;

  }

}

.tp-footer-15-social {

  position: relative;

  padding-left: 15px;

}

@media (max-width: 767px) {

  .tp-footer-15-social {

    margin-bottom: 50px;

    margin-right: 30px;

  }

}

.tp-footer-15-social::after {

  position: absolute;

  top: -9px;

  left: 0;

  width: 2px;

  height: 70px;

  content: "";

  background-color: var(--tp-cream-2);

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-footer-15-social::after {

    top: -14px;

  }

}

.tp-footer-15-social span {

  font-size: 12px;

  font-weight: 500;

  line-height: 1;

  text-transform: uppercase;

  color: var(--tp-cream-2);

  font-family: var(--tp-ff-poppins);

  display: block;

  margin-bottom: 6px;

}

.tp-footer-15-social a {

  font-size: 34px;

  font-weight: 400;

  line-height: 1;

  letter-spacing: -1.36px;

  color: var(--tp-cream-2);

  font-family: var(--tp-ff-playfair);

  position: relative;

}

.tp-footer-15-social a::after {

  position: absolute;

  bottom: -5px;

  left: 0;

  width: 0;

  height: 1px;

  content: "";

  background-color: var(--tp-cream-2);

  transition: 0.4s;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-footer-15-social a {

    font-size: 25px;

  }

}

.tp-footer-15-social a span {

  width: 16px;

  height: 16px;

  left: 10px;

  top: 5px;

  overflow: hidden;

  position: relative;

}

.tp-footer-15-social a span svg {

  -webkit-transform: translateY(-2px);

  -moz-transform: translateY(-2px);

  -ms-transform: translateY(-2px);

  -o-transform: translateY(-2px);

  transform: translateY(-2px);

  position: absolute;

  bottom: -1px;

  left: 1px;

  -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -ms-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  transition: all 0.2s ease-out;

}

.tp-footer-15-social a span svg:last-child {

  left: -12px;

  bottom: -12px;

  -webkit-transform: translate(0, 0);

  -moz-transform: translate(0, 0);

  -ms-transform: translate(0, 0);

  -o-transform: translate(0, 0);

  transform: translate(0, 0);

  opacity: 0;

}

.tp-footer-15-social a:hover span svg:first-child {

  -webkit-transform: translate(16px, -16px);

  -moz-transform: translate(16px, -16px);

  -ms-transform: translate(16px, -16px);

  -o-transform: translate(16px, -16px);

  transform: translate(16px, -16px);

}

.tp-footer-15-social a:hover span svg:last-child {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translate(13px, -13px);

  -moz-transform: translate(13px, -13px);

  -ms-transform: translate(13px, -13px);

  -o-transform: translate(13px, -13px);

  transform: translate(13px, -13px);

}

.tp-footer-15-social a:hover::after {

  width: 100%;

}

@media (max-width: 767px) {

  .tp-footer-15-social-wrap {

    flex-wrap: wrap;

  }

}

.tp-footer-15-instagram-thumb:hover img {

  transform: scale(1.1) rotate(-2deg);

}

.tp-footer-15-instagram-thumb img {

  width: 100%;

  transition: 0.9s;

}

.tp-footer-15-copyright-text span {

  font-size: 18px;

  font-weight: 500;

  line-height: 1;

  letter-spacing: -1.08px;

  color: var(--tp-cream-2);

  font-family: var(--tp-ff-playfair);

}

.tp-footer-15-copyright-text span a {

  position: relative;

}

.tp-footer-15-copyright-text span a::after {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 0;

  height: 1px;

  content: "";

  background-color: var(--tp-cream-2);

  transition: 0.4s;

}

.tp-footer-15-copyright-text span a:hover::after {

  width: 100%;

}

.tp-footer-15-bdr-tb {

  border-top: 2px solid var(--tp-cream-2);

  border-bottom: 2px solid var(--tp-cream-2);

  padding-top: 110px;

  padding-bottom: 110px;

}



.tp-footer-shop-style {

  margin-top: -2px;

}

.tp-footer-shop-top {

  border-top: 1px solid rgba(255, 255, 255, 0.1);

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.tp-footer-shop-widget {

  padding: 50px 0 40px 110px;

  border-right: 1px solid rgba(255, 255, 255, 0.1);

}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {

  .tp-footer-shop-widget {

    padding: 50px 0 40px 80px;

  }

}

@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) {

  .tp-footer-shop-widget {

    padding: 50px 0 40px 40px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-footer-shop-widget {

    padding: 50px 0 25px 40px;

  }

}

@media (max-width: 767px) {

  .tp-footer-shop-widget {

    padding: 30px 0 25px 30px;

  }

}

.tp-footer-shop-widget ul li {

  font-size: 18px;

  font-weight: 400;

  list-style: none;

  margin-bottom: 6px;

  color: rgba(255, 255, 255, 0.7);

}

.tp-footer-shop-widget ul li:hover a {

  color: var(--tp-common-white);

}

.tp-footer-shop-widget-title {

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 20px;

  color: var(--tp-common-white);

  font-family: var(--tp-ff-onest);

}

.tp-footer-shop-big-text {

  padding-top: 50px;

  padding-bottom: 50px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.tp-footer-shop-big-text .tp-hero-shop-title {

  color: #F4F0EA;

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-footer-shop-copyright-text {

    padding: 0;

    text-align: center;

  }

}

.tp-footer-shop-copyright-text p {

  font-size: 18px;

  font-weight: 400;

  color: rgba(255, 255, 255, 0.7);

}

.tp-footer-shop-copyright-text p.space {

  word-spacing: 8px;

}



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

/*  10.1 Shop Details Css

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

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {

  .tp-product-details-wrapper {

    margin-top: 50px;

  }

}

.tp-product-details-sort-desc p {

  font-size: 15px;

  line-height: 1.7;

   color: var(--tp-text-body);

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-product-details-sort-desc p br {

    display: none;

  }

}

.tp-product-details-sort-desc p span {

  font-weight: 500;

  color: var(--tp-theme-shop);

}

.tp-product-details-nav-main-thumb {

  position: relative;

  background-color: #ded5c9;

}

@media (max-width: 767px) {

  .tp-product-details-nav-main-thumb {

    margin-bottom: 20px;

  }

}

.tp-product-details-thumb-wrapper .tab-content {

  margin-right: 24px;

}

@media (max-width: 767px) {

  .tp-product-details-thumb-wrapper .tab-content {

    margin-right: 0;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .tp-product-details-thumb-wrapper .tab-content {

    margin-right: 15px;

  }

}

.tp-product-details-thumb-wrapper .nav-tab .nav-links {

  padding: 0;

  width: 100px;

  height: 120px;

  border-radius: 0;

  position: relative;

  transition: 0.3s;

  background-color: #ded5c9;

  border: 1px solid transparent;

}

.tp-product-details-thumb-wrapper .nav-tab .nav-links.active {

  border: 1px solid #453528;

}

@media (max-width: 767px) {

  .tp-product-details-thumb-wrapper .nav-tab .nav-links {

    margin-right: 10px;

    margin-bottom: 10px;

  }

}

.tp-product-details-thumb-wrapper .nav-tab .nav-links:not(:last-child) {

  margin-bottom: 10px;

}

.tp-product-details-thumb-wrapper .nav-tab .nav-links:hover {

  border-color: #453528;

}

.tp-product-details-thumb-wrapper .nav-tab .nav-links img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.tp-product-details-thumb-wrapper nav {

  padding-top: 140px;

}

@media only screen and (min-width: 1600px) and (max-width: 1700px),
only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-product-details-thumb-wrapper nav {

    padding-top: 0;

  }

}

.tp-product-details-category span {

  font-size: 15px;

  line-height: 1;

  color: rgba(77, 61, 48, 0.6);

}

.tp-product-details-title {

  font-size: 26px;

  font-weight: 600;

  line-height: 1;

  color: var(--tp-theme-shop);

  margin-bottom: 15px;

}

.tp-product-details-stock {

  margin-right: 12px;

}

.tp-product-details-stock span {

  font-size: 15px;

  line-height: 1;

  padding: 4px 12px;

  display: inline-block;

  color: var(--tp-theme-shop);

  background-color: rgba(77, 61, 48, 0.06);

}

.tp-product-details-rating {

  margin-right: 11px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

}

.tp-product-details-rating span {

  font-size: 12px;

  color: #FFB21D;

}

.tp-product-details-rating span:not(:last-child) {

  margin-right: 3px;

}

.tp-product-details-price {

  font-size: 24px;

  font-weight: 600;

  color: var(--tp-theme-shop);

  letter-spacing: -0.02em;

}

.tp-product-details-price.new-price {

  color: var(--tp-theme-shop);

}

.tp-product-details-price.old-price {

  font-weight: 400;

  font-size: 16px;

  color: rgba(77, 61, 48, 0.6);

  text-decoration-line: line-through;

}

.tp-product-details-variation {

  margin-bottom: 30px;

}

.tp-product-details-variation-title {

  font-size: 15px;

  font-weight: 400;

  color: #010F1C;

  margin-bottom: 4px;

}

.tp-product-details-variation-item:not(:last-child) {

  margin-bottom: 15px;

}

.tp-product-details-variation-list button {

  display: inline-block;

  width: 26px;

  height: 26px;

  border-radius: 50%;

  position: relative;

  -webkit-transition: box-shadow 0.2s linear;

  -moz-transition: box-shadow 0.2s linear;

  -ms-transition: box-shadow 0.2s linear;

  -o-transition: box-shadow 0.2s linear;

  transition: box-shadow 0.2s linear;

}

.tp-product-details-variation-list button span[data-bg-color] {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 100%;

  height: 100%;

  background-color: var(--tp-common-white);

  border-radius: 50%;

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -ms-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.tp-product-details-variation-list button .tp-color-variation-tootltip {

  position: absolute;

  bottom: 100%;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(2px);

  -moz-transform: translateX(-50%) translateY(2px);

  -ms-transform: translateX(-50%) translateY(2px);

  -o-transform: translateX(-50%) translateY(2px);

  transform: translateX(-50%) translateY(2px);

  width: max-content;

  background-color: var(--tp-common-black);

  color: var(--tp-common-white);

  text-align: center;

  font-size: 12px;

  font-weight: 500;

  line-height: 1;

  padding: 4px 6px;

  border-radius: 4px;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);

  -moz-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);

  -ms-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);

  -o-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);

  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);

}

.tp-product-details-variation-list button .tp-color-variation-tootltip::before {

  position: absolute;

  content: "";

  bottom: -6px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  width: 0;

  height: 0;

  border-top: 6px solid var(--tp-common-black);

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

}

.tp-product-details-variation-list button.tp-size-variation-btn {

  width: 40px;

  height: 40px;

  border-radius: 0;

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -ms-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

  border: 1px solid rgba(0, 0, 0, 0.2);

}

.tp-product-details-variation-list button.tp-size-variation-btn:hover,
.tp-product-details-variation-list button.tp-size-variation-btn.active {

  box-shadow: none;

  border-color: var(--tp-common-black);

  box-shadow: none;

  color: var(--tp-common-black);

}

.tp-product-details-variation-list button:hover,
.tp-product-details-variation-list button.active {

  box-shadow: 0px 1px 2px rgba(1, 15, 28, 0.2);

}

.tp-product-details-variation-list button:hover span[data-bg-color],
.tp-product-details-variation-list button.active span[data-bg-color] {

  -webkit-transform: translate(-50%, -50%) scale(0.7);

  -moz-transform: translate(-50%, -50%) scale(0.7);

  -ms-transform: translate(-50%, -50%) scale(0.7);

  -o-transform: translate(-50%, -50%) scale(0.7);

  transform: translate(-50%, -50%) scale(0.7);

}

.tp-product-details-variation-list button:hover .tp-color-variation-tootltip {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateX(-50%) translateY(-6px);

  -moz-transform: translateX(-50%) translateY(-6px);

  -ms-transform: translateX(-50%) translateY(-6px);

  -o-transform: translateX(-50%) translateY(-6px);

  transform: translateX(-50%) translateY(-6px);

}

.tp-product-details-action-title {

  font-size: 16px;

  font-weight: 400;

  color: #010F1C;

  margin-bottom: 13px;

}

.tp-product-details-quantity .tp-product-quantity {

  width: 122px;

  border-radius: 0;

  position: relative;

}

.tp-product-details-quantity .tp-cart-plus,
.tp-product-details-quantity .tp-cart-minus {

  width: 24px;

  height: 24px;

  line-height: 21px;

  text-align: center;

  border-radius: 50%;

  left: 14px;

  top: 11px;

  cursor: pointer;

  position: absolute;

  display: inline-block;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.tp-product-details-quantity .tp-cart-plus:hover,
.tp-product-details-quantity .tp-cart-minus:hover {

  background-color: var(--tp-common-white);

  color: var(--tp-theme-primary);

}

.tp-product-details-quantity .tp-cart-plus {

  left: auto;

  right: 14px;

}

.tp-product-details-quantity .tp-cart-input[type=text] {

  height: 46px;

  line-height: 46px;

  border: 0;

  padding: 0 45px;

  border-radius: 0;

  font-size: 16px;

  background-color: #EAE5DF;

  color: var(--tp-common-black);

  text-align: center;

}

.tp-product-details-add-to-cart-btn {

  font-size: 15px;

  font-weight: 500;

  text-align: center;

  padding: 9px 30px;

  color: var(--tp-common-black);

  border: 1px solid rgba(1, 15, 28, 0.08);

}

.tp-product-details-add-to-cart-btn:hover {

  background-color: #e8e0d4;

  border-color: #e8e0d4;

  color: var(--tp-theme-shop);

}

.tp-product-details-buy-now-btn {

  display: inline-block;

  font-size: 15px;

  font-weight: 600;

  padding: 10px 30px;

  color: #F4F0EA;

  background-color: var(--tp-theme-shop);

  border: 1px solid transparent;

}

.tp-product-details-buy-now-btn:hover {

  color: var(--tp-theme-shop);

  border-color: var(--tp-theme-shop);

  background-color: transparent;

}

.tp-product-details-action-wrapper {

  margin-bottom: 17px;

}

.tp-product-details-action-sm {

  padding-bottom: 9px;

  margin-bottom: 25px;

  border-bottom: 1px solid rgba(77, 61, 48, 0.1);

}

.tp-product-details-action-sm-btn {

  font-size: 16px;

  margin-bottom: 10px;

  color: rgba(77, 61, 48, 0.6);

}

.tp-product-details-action-sm-btn:not(:last-child) {

  margin-right: 10px;

}

.tp-product-details-action-sm-btn i,
.tp-product-details-action-sm-btn svg {

  margin-right: 2px;

  color: var(--tp-theme-shop);

}

.tp-product-details-action-sm-btn:hover {

  color: var(--tp-theme-primary);

}

.tp-product-details-query {

  margin-bottom: 22px;
  border-bottom: 1px solid rgba(2, 6, 38, 0.12);
  padding-bottom: 15px;
}
.tp-product-details-sort-desc, .tp-product-details-sort-desc p
{
  color: #5E566A;
}
body.single-product .tp-product-ptb,
body.tax-product_cat .tp-product-ptb
{
  max-width: 1170px !important;
  width: 90%;
}
.tp-product-details-query-item a
{
  color: #020626;
  font-weight: 600;
}

.tp-product-details-query-item:not(:last-child) {

  margin-bottom: 3px;

}
.text-start .tp-el-content p
{
	text-align: justify;
}


.tp-product-details-query-item>span {

  font-size: 13px;
  line-height: 1.4;
  margin-right: 6px;
  font-weight: 600;
  color: #5E566A;

}

.tp-product-details-query-item p {

  font-size: 13px;

  margin-bottom: 0;

  line-height: 1.4;

  color: rgba(77, 61, 48, 0.6);

}

.tp-product-details-social {

  margin-bottom: 22px;

}

.tp-product-details-social span {

  font-size: 15px;

  margin-right: 2px;

  color: var(--tp-common-black);

}

.tp-product-details-social a {

  display: inline-block;

  width: 38px;

  height: 38px;

  line-height: 36px;

  text-align: center;

  color: var(--tp-theme-shop);

  border-radius: 50%;

  border: 1px solid #E6E7E8;

  background: var(--tp-common-white);

}

.tp-product-details-social a:hover {

  border-color: var(--tp-theme-shop);

  background-color: var(--tp-theme-shop);

  color: var(--tp-common-white);

}

.tp-product-details-msg ul li {

  font-size: 15px;

  list-style: none;

  padding-left: 25px;

  position: relative;

  color: rgba(77, 61, 48, 0.6);

}

.tp-product-details-msg ul li::after {

  position: absolute;

  content: url("../img/product/product-details-main/product-icon.svg");

  top: 4px;

  left: 0;

  width: 18px;

  height: 18px;

  line-height: 16px;

  text-align: center;

  color: var(--tp-common-white);

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -ms-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

}

.tp-product-details-payment {

  padding: 18px 30px;

  background: rgba(77, 61, 48, 0.06);

}

.tp-product-details-payment p {

  font-size: 16px;

  line-height: 1;

  margin-bottom: 0;

  margin-right: 46px;

  flex: 0 0 auto;

  color: var(--tp-theme-shop);

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-product-details-payment p {

    margin-right: 25px;

  }

}

@media (max-width: 767px) {

  .tp-product-details-payment p {

    margin-right: 0;

    margin-bottom: 15px;

  }

  .tp-product-details-payment p br {

    display: none;

  }

}

.tp-product-details-desc-title {

  font-size: 34px;

  font-weight: 700;

  margin-bottom: 20px;
  display: none !important;

}


@media only screen and (min-width: 576px) and (max-width: 767px) {

  .tp-product-details-desc-title {

    font-size: 30px;

  }
 

}

@media (max-width: 767px) {

  .tp-product-details-desc-title {

    font-size: 26px;

  }
   .team-box-container .elementor-widget-tp-team-box
  {
        width: calc(50% - 10px ) !important;
  }
  .team-box-container {
    gap: 10px !important;
    justify-content: center !important;
    align-content: center !important;
    align-items: start !important;
  }

}

.tp-product-details-desc-title-2 {

  font-size: 34px;

  font-weight: 400;

  margin-bottom: 14px;

}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {

  .tp-product-details-desc-title-2 {

    font-size: 25px;

  }

}

.tp-product-details-desc-content {

  margin-bottom: 25px;
  padding-right: 45px;
  padding-top: 0px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {

  .tp-product-details-desc-content {

    padding-right: 0;

  }

}

@media (max-width: 767px) {

  .tp-product-details-desc-content {

    padding-left: 0;

  }

}

.tp-product-details-desc-content span {

  font-size: 20px;

  color: var(--tp-common-black);

}

.tp-product-details-desc-content p {

  font-size: 15px;

  line-height: 1.7;

  color: #55585B;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {

  .tp-product-details-desc-content-2 {

    padding-right: 0;

    padding-left: 0;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {

  .tp-product-details-desc-content-2.pt-75 {

    padding-top: 25px;

  }

}

.tp-product-details-desc-content-2 p {

  font-size: 16px;

  line-height: 1.6;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {

  .tp-product-details-desc-thumb img {

    max-width: 100%;

  }

}

.tp-product-details-desc-list {

  padding-top: 13px;

}

.tp-product-details-desc-list ul li {

  list-style: none;

  font-size: 16px;

  color: var(--tp-common-black);

  position: relative;

  padding-left: 17px;

}

.tp-product-details-desc-list ul li:not(:last-child) {

  margin-bottom: 3px;

}

.tp-product-details-desc-list ul li::after {

  position: absolute;

  content: "";

  left: 0;

  top: 11px;

  width: 4px;

  height: 4px;

  background-color: #A8ACB0;

  border-radius: 50%;

}

.tp-product-details-desc-fact-thumb img {

  margin-bottom: 16px;

}

.tp-product-details-desc-fact-content span {

  display: inline-block;

  font-size: 50px;

  line-height: 1.2;

  color: var(--tp-common-black);

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .tp-product-details-desc-fact-content span {

    font-size: 35px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .tp-product-details-desc-fact-content span {

    font-size: 30px;

  }

}

@media (max-width: 767px) {

  .tp-product-details-desc-fact-content span {

    font-size: 25px;

  }

}

.tp-product-details-desc-fact-content p {

  font-size: 22px;

}

@media (max-width: 767px) {

  .tp-product-details-desc-fact-content p {

    font-size: 20px;

  }

}

.tp-product-details-additional-info {

  padding-top: 0px;

}

@media (max-width: 767px) {

  .tp-product-details-additional-info {

    overflow-x: scroll;

  }

}

.tp-product-details-additional-info-title {

  font-size: 24px;

  font-weight: 400;

  margin-bottom: 16px;

  display: none;

}

.tp-product-details-additional-info.tp-table-style-2 {

  padding-top: 50px;

}

.tp-product-details-additional-info.tp-table-style-2 .tp-product-details-additional-info-title {

  display: block;

}

.tp-product-details-additional-info.tp-table-style-2 table {

  border: 0;

  border-collapse: separate;

  border-spacing: 0 7px;

}

.tp-product-details-additional-info.tp-table-style-2 table tr {

  border: 0;

}

.tp-product-details-additional-info.tp-table-style-2 table tr:not(:last-child) {

  border: 0;

  margin-bottom: 6px;

}

.tp-product-details-additional-info.tp-table-style-2 table tr td {

  padding: 7px 24px;

  border: 1px solid #E6E7E8;

}

.tp-product-details-additional-info.tp-table-style-2 table tr td:first-child {

  padding-left: 24px;

  border-right: 0;

}
body.woocommerce .tp-product-ptb
{
  max-width: 90%;
  margin: auto;
}

.tp-product-details-additional-info.tp-table-style-2 table tr td:last-child {

  padding-left: 34px;

}

.tp-product-details-additional-info table {

  width: 100%;

}
.woocommerce .product td,
.tp-product-details-additional-info table tr:not(:last-child){
  border: none !important;
}

.tp-product-details-additional-info table tr:not(:last-child) {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.tp-product-details-additional-info table tr td {

  padding: 12px 34px;

}

.tp-product-details-additional-info table tr td:first-child {

  width: 306px;

  font-size: 16px;

  background-color: #EAE5DF;

  color: var(--tp-common-black);

}

.tp-product-details-additional-info table tr td:last-child {

  font-size: 16px;

  color: var(--tp-text-body);

}

.tp-product-details-review-number {

  border: 1px solid #E0E2E3;

  padding: 35px 43px 33px 40px;

  background-color: #eae5df;

}

@media (max-width: 767px) {

  .tp-product-details-review-number {

    padding: 35px 25px 33px 25px;

  }
  body.woocommerce .tp-product-ptb
{
  max-width: 100%;
}

}

.tp-product-details-review-number-title {

  font-size: 20px;

  font-weight: 500;

  margin-bottom: 14px;

}

.tp-product-details-review-summery {

  margin-bottom: 12px;

}

.tp-product-details-review-summery-value span {

  font-size: 40px;

  font-weight: 500;

  color: var(--tp-common-black);

  margin-right: 8px;

}

.tp-product-details-review-summery-rating {

  margin-right: 3px;

}

.tp-product-details-review-summery-rating span {

  color: #FFB21D;

}

.tp-product-details-review-summery-rating p {

  margin-left: 4px;

  font-size: 14px;

  margin-bottom: 0;

}

.tp-product-details-review-rating-item>span {

  color: #A0A2A4;

  font-size: 15px;

  margin-right: 10px;

}

.tp-product-details-review-rating-bar {

  width: 260px;

  height: 10px;

  position: relative;

  margin-right: 12px;

  background-color: var(--tp-common-white);

}

@media (max-width: 767px) {

  .tp-product-details-review-rating-bar {

    width: 130px;

  }

}

.tp-product-details-review-rating-bar-inner {

  height: 100%;

  background-color: #FFB21D;

  display: inline-block;

  position: absolute;

  top: 0;

  left: 0;

}

.tp-product-details-review-rating-percent span {

  font-size: 14px;

}

.tp-product-details-review-title {

  font-size: 24px;

  font-weight: 500;

  margin-bottom: 22px;

}

@media (max-width: 767px) {

  .tp-product-details-review-list {

    padding-right: 0;

  }

}

.tp-product-details-review-avater:not(:last-child) {

  margin-bottom: 32px;

}

.tp-product-details-review-avater-thumb {

  flex: 0 0 auto;

}

.tp-product-details-review-avater-thumb img {

  width: 60px;

  height: 60px;

  border-radius: 50%;

  margin-right: 20px;

}

.tp-product-details-review-avater-rating {

  line-height: 1;

  margin-bottom: 3px;

}

.tp-product-details-review-avater-rating span {

  font-size: 10px;

  margin-right: 2px;

  color: #FFB21D;

}

.tp-product-details-review-avater-title {

  font-size: 16px;

  font-weight: 500;

  margin-bottom: 9px;

  display: inline-block;

}

.tp-product-details-review-avater-meta {

  font-size: 14px;

  position: relative;

  padding-left: 11px;

  margin-left: 3px;

}

.tp-product-details-review-avater-meta::after {

  position: absolute;

  content: "";

  left: 0;

  top: 8px;

  width: 4px;

  height: 4px;

  border-radius: 50%;

  background-color: #A8ACB0;

}

.tp-product-details-review-avater-comment p {

  font-size: 14px;

  margin-bottom: 0;

  line-height: 1.4;

}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {

  .tp-product-details-review-form {

    margin-top: 50px;

  }

}

.tp-product-details-review-form>p {

  font-size: 16px;

  margin-bottom: 8px;

}

.tp-product-details-review-form-title {

  font-size: 24px;

  font-weight: 500;

  margin-bottom: 4px;

}

.tp-product-details-review-form-rating {

  margin-bottom: 28px;

}

.tp-product-details-review-form-rating p {

  margin-bottom: 0;

  font-size: 14px;

  margin-right: 8px;

}

.tp-product-details-review-form-rating-icon span {

  font-size: 12px;

  color: #FFB21D;

}

.tp-product-details-review-input-wrapper {

  margin-bottom: 11px;

}

.tp-product-details-review-input-box {

  position: relative;

  margin-bottom: 29px;

}

.tp-product-details-review-input label {

  font-size: 16px;

  font-weight: 500;

  color: #111013;

  line-height: 1;

  margin-bottom: 12px;

}

.tp-product-details-review-input input,
.tp-product-details-review-input textarea {

  border-radius: 0px;

  border-color: #E0E2E3;

  background: #eae5df;

}

.tp-product-details-review-input input:focus,
.tp-product-details-review-input textarea:focus {

  background: transparent;

  border-color: var(--tp-theme-shop);

}

.tp-product-details-review-input textarea {

  resize: none;

  height: 160px;

}

.tp-product-details-review-input-title label {

  font-size: 16px;

  font-weight: 500;

  color: #111013;

  line-height: 1;

  margin-bottom: 12px;

}

.tp-product-details-review-remeber input {

  display: none;

}

.tp-product-details-review-remeber input:checked~label::after {

  background-color: var(--tp-common-black);

  border-color: var(--tp-common-black);

}

.tp-product-details-review-remeber input:checked~label::before {

  visibility: visible;

  opacity: 1;

}

.tp-product-details-review-remeber label {

  font-size: 15px;

  color: #55585B;

  position: relative;

  padding-left: 26px;

  z-index: 1;

}

.tp-product-details-review-remeber label::after {

  position: absolute;

  content: "";

  top: 4px;

  left: 0;

  width: 18px;

  height: 18px;

  line-height: 16px;

  text-align: center;

  border: 1px solid #C3C7C9;

  z-index: -1;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

.tp-product-details-review-remeber label::before {

  position: absolute;

  content: url("../img/product/product-details-main/check.svg");

  top: 4px;

  left: 0;

  width: 18px;

  height: 18px;

  line-height: 16px;

  text-align: center;

  visibility: hidden;

  opacity: 0;

  color: var(--tp-common-white);

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

.tp-product-details-review-remeber label a:hover {

  color: var(--tp-theme-primary);

}

.tp-product-details-review-remeber label:hover {

  cursor: pointer;

}

.tp-product-details-review-btn {

  font-size: 16px;

  font-weight: 500;

  padding: 9px 45px;

  color: var(--tp-common-white);

  border: 1px solid rgba(1, 15, 28, 0.08);

  background-color: var(--tp-theme-shop);

}

.tp-product-details-review-btn:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-common-black);

}

 

.tp-product-details-tab-nav .nav-tabs {

  padding-bottom: 12px;

  border-bottom: 1px solid #E0E2E3;

}

@media (max-width: 767px) {

  .tp-product-details-tab-nav .nav-tabs {

    padding-bottom: 0;

  }

}

.tp-product-details-tab-nav .nav-tabs .nav-link {

  font-size: 18px;

  color: rgba(0, 0, 0, 0.6);

  border: none;

  padding: 0;

  padding-left: 9px;

  padding-right: 7px;

  position: relative;

  background-color: transparent;

}

.tp-product-details-tab-nav .nav-tabs .nav-link:not(:first-child) {

  margin-left: 40px;

}

.tp-product-details-tab-nav .nav-tabs .nav-link.active,
.tp-product-details-tab-nav .nav-tabs .nav-link:hover {

  color: var(--tp-common-black);

}

.tp-product-details-tab-nav .nav-tabs .nav-link.active::after,
.tp-product-details-tab-nav .nav-tabs .nav-link:hover::after {

  width: 100%;

  left: 0;

  right: auto;

}

@media (max-width: 767px) {
      .tp-product-details-tab-nav .nav-tabs .nav-link {
        padding-bottom: 16px !important;
    }
    .tp-product-ptb h2
    {
          font-size: 22px !important;
    }


  .tp-product-details-tab-nav .nav-tabs .nav-link::after {

    position: absolute;
    content: "";
    left: auto;
    right: 0;
    bottom: 14px;
    width: 0%;
    height: 2px;
    background-color: var(--tp-common-black);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

}

@media (max-width: 767px) {

  .tp-product-details-tab-nav .nav-tabs span#productTabMarker {

    display: none !important;

  }

}

.tp-product-details-tab-line {

  bottom: 0;

  height: 1px;

  position: absolute;

  background-color: var(--tp-common-black);

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  display: block;

}

.tp-product-details-views {

  margin-bottom: 10px;

}

.tp-product-details-views>span {

  color: var(--tp-common-black);

  font-size: 16px;

  margin-right: 8px;

}

.tp-product-details-views p {

  font-size: 16px;

  margin-bottom: 0;

}

.tp-product-details-views p span {

  color: var(--tp-common-black);

  font-weight: 500;

}

.tp-product-details-stock-bar p {

  font-size: 15px;

  margin-bottom: 5px;

}

.tp-product-details-stock-bar p span {

  font-weight: 500;

  color: var(--tp-common-black);

}

.tp-product-details-stock-bar-line {

  height: 4px;

  position: relative;

}

.tp-product-details-stock-bar-line-inner {

  position: absolute;

  top: 0;

  left: 0;

  background-color: var(--tp-theme-primary);

  height: 100%;

  display: inline-block;

}

.tp-product-details-wishlist-btn {

  width: 46px;

  height: 46px;

  line-height: 46px;

  text-align: center;

  display: inline-block;

  background-color: var(--tp-common-white);

  box-shadow: 0px 1px 3px rgba(1, 15, 28, 0.1);

}

.tp-product-details-wishlist-btn:hover {

  background-color: var(--tp-common-black);

  color: var(--tp-common-white);

}
.tp-product-cats  h4.tp-shop-section-title
{
  text-transform: uppercase;
}
.tp-product-ptb h2.title-sub
{
    margin-top: 30px;
}
.tp-product-filter-wrap
{
  display: none !important;
}



@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-product-ptb {

    padding-top: 210px;
  }
  .tp-action-btn {
    font-size: 12px;
    padding: 9px 10px;
    border: 1px solid #5a5b5d;
}

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-product-cats {

    padding-bottom: 20px;

  }
  

}

.tp-product-cats a {

  font-size: 14px;

  font-weight: 500;

  padding: 6px 20px;

  margin-right: 5px;

  margin-bottom: 20px;

  border-radius: 30px;

  color: var(--tp-theme-shop);

  display: inline-block;

  text-transform: uppercase;

  border: 1px solid var(--tp-theme-shop);

}

.tp-product-cats a.active,
.tp-product-cats a:hover {

  background: var(--tp-theme-shop);

  border-color: var(--tp-theme-shop);

  color: var(--tp-common-white);

}

.tp-product-filter-select .custom-select {

  width: 225px;

  border-radius: 60px;

  border: 1px solid var(--tp-theme-shop);

}

.tp-product-filter-select .custom-select .selected {

  font-size: 15px;

  font-weight: 500;

  color: var(--tp-theme-shop);

  padding: 8px 20px 7px;

  text-transform: uppercase;

  background-color: transparent;

  font-family: var(--tp-ff-onest);

}

.tp-product-related-title {

  color: var(--tp-theme-shop);

  font-size: 24px;

  font-weight: 600;

  letter-spacing: -0.24px;

  text-transform: uppercase;

}

.tp-product-item:hover .tp-product-item-thumb img {

  transform: scale(1.2) rotate(-2deg);

}

.tp-product-item:hover .tp-product-item-btn {

  opacity: 1;

  visibility: visible;

}

.tp-product-item:hover .tp-product-item-btn .tp-action-btn {

  transform: translateY(0);

  transition-delay: 0ms;

  transition-duration: 0.5s;

}

.tp-product-item:hover .tp-product-quick-view-wrapper {

  opacity: 1;

  visibility: visible;

}

.tp-product-item:hover .tp-product-quick-view-wrapper .tp-quick-view-btn {

  transform: translateX(0);

  transition-delay: 0ms;

  transition-duration: 0.5s;

}

.tp-product-item-thumb {

  position: relative;

  overflow: hidden;

  margin-bottom: 16px;

}

.tp-product-item-thumb img {

  width: 100%;
  height: auto;
  transition: 0.9s;

}

.tp-product-item-btn {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 10px;

  opacity: 0;

  margin: 0 10px;

  visibility: hidden;

  transition: 0.4s;

  overflow: hidden;

}

.tp-product-item-title {

  padding-right: 30px;

}

.tp-product-item-title,
.tp-product-item-price {

  font-size: 18px;
  font-weight: 400;
  color: var(--tp-theme-shop);
  letter-spacing: -0.4px;

}

@media (max-width: 767px) {

  .tp-product-item-title,
  .tp-product-item-price {

    font-size: 18px;

  }

}

.tp-product-quick-view-wrapper {

  position: absolute;

  right: 20px;

  top: 20px;

  left: auto;

  bottom: auto;

  z-index: 1;

  overflow: hidden;

  transition: 0.4s;

  visibility: hidden;

  opacity: 0;
  display: none !important;

}

.tp-product-instagram-heading p {

  font-size: 16px;

  color: var(--tp-theme-shop);

  letter-spacing: -0.32px;

}

.tp-product-testimonial-title {

  color: var(--tp-theme-shop);

  font-size: 24px;

  font-weight: 600;

  letter-spacing: -0.24px;

  font-family: var(--tp-ff-onest);

}

.tp-product-testimonial-item.tp-product-testimonial-item {

  border-radius: 0;

  box-shadow: none;

  padding: 40px 35px;

  background: #EDE6DD;

}

.tp-product-testimonial-item.tp-product-testimonial-item .app-testimonial-item-star {

  margin-bottom: 25px;

}

.tp-product-testimonial-item.tp-product-testimonial-item .app-testimonial-item-content {

  margin-bottom: 70px;

}

.tp-product-testimonial-item.tp-product-testimonial-item .app-testimonial-item-content p {

  font-size: 20px;

  color: var(--tp-theme-shop);

  letter-spacing: -0.2px;

  font-family: var(--tp-ff-onest);

}

.tp-product-testimonial-user {

  padding: 4px;

  padding-right: 25px;

  display: inline-flex;

  border-radius: 30px;

  align-items: center;

  border: 1px solid rgba(77, 61, 48, 0.1);

}

.tp-product-testimonial-user-thumb {

  margin-right: 10px;

}

.tp-product-testimonial-user-thumb img {

  width: 34px;

  border-radius: 50%;

}

.tp-product-testimonial-user-name {

  font-size: 15px;

  font-weight: 500;

  margin: 0;

  color: var(--tp-theme-shop);

  letter-spacing: -0.15px;

}



.modal .modal-dialog {

  width: 100%;

  max-width: 100%;

  margin-top: 0;

  margin-bottom: 0;

}



.modal-wrapper {

  position: relative;

  z-index: 999999999;

}



.modal {

  overflow-y: scroll;

  overflow-x: hidden;

  --bs-modal-border-width: 0;

  --bs-modal-border-radius: 0;

}



.btn-close {

  position: absolute;

  top: 35px;

  right: 35px;

  z-index: 99999999999;

  padding: 0;

  margin: 0;

  height: 50px;

  width: 50px;

  border-radius: 50%;

  color: var(--tp-common-black);

  background-color: #fff !important;

  border: 1px solid rgba(25, 25, 26, 0.2);

  opacity: 1;

  transition: 0.3s;

}

.btn-close:hover {

  border-color: var(--tp-common-black) !important;

  transform: rotate(180deg);

}



.btn-close:focus {

  outline: 0;

  box-shadow: none;

  opacity: 1;

}



.modal-body {

  padding: 0;

}



.modal-header {

  padding: 0;

  border-bottom: 0;

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}



.tp-product-modal .modal-dialog {

  width: 1200px;

}

.tp-product-modal .modal-content {

  padding: 50px;

}

@media (max-width: 767px) {

  .tp-product-modal .modal-content {

    padding: 30px;

  }

}

.tp-product-modal .tp-product-modal-close-btn {

  position: absolute;

  right: 30px;

  top: 30px;

  font-size: 20px;

}

@media (max-width: 767px) {

  .tp-product-modal .tp-product-modal-close-btn {

    top: 6px;

    right: 20px;

  }

}

.tp-product-modal .tp-product-details-thumb-wrapper nav {

  padding-top: 0;

}

.tp-product-modal .tp-product-details-wrapper {

  flex: 0 0 auto;

  margin-left: 40px;

}

@media (max-width: 767px) {

  .tp-product-modal .tp-product-details-wrapper {

    margin-left: 0;

  }

}

.tp-product-modal .tp-product-details-wrapper .tp-product-details-action-sm {

  padding-bottom: 0;

  margin-bottom: 0;

  border: none;

}



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

/*  10.2 Login Css

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

.tp-login-wrapper {

  padding: 50px 74px 70px;

  background-color: #fff;

}

@media (max-width: 767px) {

  .tp-login-wrapper {

    padding-left: 20px;

    padding-right: 20px;

  }

}

.tp-login-title {

  font-weight: 500;

  font-size: 30px;

  margin-bottom: 4px;

  font-family: var(--tp-ff-onest);

}

.tp-login-top p {

  font-size: 16px;

  font-weight: 400;

  color: #49535B;

}

.tp-login-top p a {

  position: relative;

  display: inline-block;

  color: var(--tp-common-black);

}

.tp-login-top p a::after {

  position: absolute;

  content: "";

  left: auto;

  right: 0;

  bottom: 4px;

  width: 0%;

  height: 1px;

  background-color: var(--tp-common-black);

  transition: 0.3s;

}

.tp-login-top p a:hover::after {

  left: 0;

  right: auto;

  width: 100%;

}

.tp-login-option-item {

  margin-bottom: 10px;

}

.tp-login-option-item:not(:last-child) {

  margin-right: 10px;

}

.tp-login-option-item.has-google a {

  width: 220px;

}

.tp-login-option-item.has-google a img {

  margin-right: 7px;

}

.tp-login-option-item a {

  font-size: 16px;

  color: #041226;

  width: 98px;

  height: 56px;

  line-height: 54px;

  text-align: center;

  border-radius: 8px;

  display: inline-block;

  backdrop-filter: blur(10px);

  border: 1px solid rgba(198, 198, 198, 0.4);

}

.tp-login-option-item a img {

  -webkit-transform: translateY(-2px);

  -moz-transform: translateY(-2px);

  -ms-transform: translateY(-2px);

  -o-transform: translateY(-2px);

  transform: translateY(-2px);

}

.tp-login-option-item a img.apple {

  -webkit-transform: translateY(-3px);

  -moz-transform: translateY(-3px);

  -ms-transform: translateY(-3px);

  -o-transform: translateY(-3px);

  transform: translateY(-3px);

}

.tp-login-option-item a:hover {

  border-color: rgba(var(--tp-theme-shop), 0.2);

}

.tp-login-mail {

  position: relative;

  z-index: 1;

}

.tp-login-mail p {

  font-size: 15px;

  color: #55585B;

  margin-bottom: 0;

  padding: 0 20px;

  position: relative;

  display: inline-block;

  background-color: #fff;

}

.tp-login-mail p a {

  color: var(--tp-common-black);

}

.tp-login-mail p a:hover {

  color: var(--tp-common-black);

}

.tp-login-mail::after {

  position: absolute;

  content: "";

  left: 0;

  right: 0;

  bottom: 12px;

  width: 100%;

  height: 1px;

  z-index: -1;

  transition: 0.3s;

  background-color: #C6C6C6;

}

.tp-login-input-wrapper {

  margin-bottom: 20px;

}

.tp-login-input-box {

  position: relative;

}

.tp-login-input-box:not(:last-child) {

  margin-bottom: 15px;

}

.tp-login-input input {

  font-size: 14px;

  border: 1px solid transparent;

  color: var(--tp-common-black);

  background-color: #F4F0EA;

}

.tp-login-input input::placeholder {

  color: rgba(0, 0, 0, 0.4);

}

.tp-login-input input:focus {

  background-color: transparent;

}

.tp-login-input-title label {

  font-size: 16px;

  padding: 0 5px;

  line-height: 1;

  font-weight: 500;

  margin-bottom: 10px;

  color: var(--tp-common-black);

}

.tp-login-input-eye {

  position: absolute;

  right: 26px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}

.tp-login-input-eye .open-eye {

  display: none;

}

.tp-login-input-eye span {

  transition: 0.3s;

}

.tp-login-input-eye:hover {

  cursor: pointer;

}

.tp-login-input-eye:hover span {

  color: var(--tp-common-black);

}

.tp-login-remeber input {

  display: none;

}

.tp-login-remeber input:checked~label::after {

  border-color: var(--tp-theme-shop);

  background-color: var(--tp-theme-shop);

}

.tp-login-remeber input:checked~label::before {

  visibility: visible;

  opacity: 1;

}

.tp-login-remeber label {

  font-size: 15px;

  position: relative;

  padding-left: 26px;

  z-index: 1;

  color: var(--tp-common-black);

}

.tp-login-remeber label::after {

  position: absolute;

  content: "";

  top: 4px;

  left: 0;

  width: 18px;

  height: 18px;

  line-height: 16px;

  text-align: center;

  border: 1px solid #C3C7C9;

  z-index: -1;

  transition: 0.3s;

}

.tp-login-remeber label::before {

  position: absolute;

  content: url("../img/login/check.svg");

  top: 4px;

  left: 0;

  width: 18px;

  height: 18px;

  line-height: 16px;

  text-align: center;

  visibility: hidden;

  opacity: 0;

  color: var(--tp-common-white);

  transition: 0.3s;

}

.tp-login-remeber label a:hover {

  color: var(--tp-theme-primary);

}

.tp-login-remeber label:hover {

  cursor: pointer;

}

.tp-login-forgot a {

  font-weight: 400;

  font-size: 15px;

  color: var(--tp-common-black);

  position: relative;

  display: inline-block;

}

.tp-login-forgot a::after {

  position: absolute;

  content: "";

  left: auto;

  right: 0;

  bottom: 4px;

  width: 0%;

  height: 1px;

  background-color: var(--tp-common-black);

  transition: 0.3s;

}

.tp-login-forgot a:hover::after {

  left: 0;

  right: auto;

  width: 100%;

}

.tp-login-btn {

  font-size: 16px;

  font-weight: 500;

  padding: 14px 30px;

  text-align: center;

  border-radius: 8px;

  display: inline-block;

  color: var(--tp-common-white);

  border: 1px solid var(--tp-theme-shop);

  background-color: var(--tp-theme-shop);

}

.tp-login-btn:hover {

  color: var(--tp-theme-shop);

  background-color: #fff;

}



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

/*  10.3 Checkout css

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

.tp-checkout-verify-item {

  margin-bottom: 40px;

}

.tp-checkout-verify-item:not(:last-child) {

  margin-bottom: 14px;

}

.tp-checkout-verify-reveal {

  width: 100%;

  font-size: 14px;

  margin-bottom: 0;

  padding: 8px 26px;

  display: inline-block;

  border: 1px dashed #AAB0B2;

  color: var(--tp-common-black);

}

.tp-checkout-verify-reveal button {

  position: relative;

  color: var(--tp-common-black);

}

.tp-checkout-verify-reveal button::after {

  position: absolute;

  content: "";

  left: 0;

  bottom: 4px;

  width: 100%;

  height: 1px;

  background-color: var(--tp-common-black);

}

.tp-checkout-btn {

  font-size: 16px;

  font-weight: 500;

  height: 50px;

  padding: 0 30px;

  line-height: 50px;

  text-align: center;

  border-radius: 8px;

  display: inline-block;

  color: var(--tp-common-white);

  background-color: var(--tp-theme-shop);

  border: 1px solid transparent;

}

.tp-checkout-btn.btn-plr {

  padding: 0 150px;

  border-radius: 0;

}

@media (max-width: 767px) {

  .tp-checkout-btn.btn-plr {

    padding: 0 100px;

  }

}

.tp-checkout-btn.border-style {

  font-weight: 500;

  font-size: 15px;

  color: var(--tp-theme-shop);

  border-radius: 0;

  text-transform: capitalize;

  background-color: transparent;

  border: 1px solid rgba(77, 61, 48, 0.12);

}

.tp-checkout-btn.border-style span {

  margin-left: 7px;

  transform: translateY(-1px);

  display: inline-block;

}

.tp-checkout-btn.border-style:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-theme-shop);

  border-color: var(--tp-theme-shop);

}

.tp-checkout-btn:hover {

  border-color: var(--tp-theme-shop);

  color: var(--tp-common-black);

  background-color: transparent;

}

.tp-checkout-input {

  margin-bottom: 20px;

}

.tp-checkout-input label {

  font-size: 16px;

  font-weight: 500;

  margin-bottom: 12px;

  color: var(--tp-common-black);

}

.tp-checkout-input label span {

  color: red;

}

.tp-checkout-input input,
.tp-checkout-input textarea {

  width: 100%;

  padding: 0 26px;

  line-height: 56px;

  font-size: 14px;

  text-transform: capitalize;

  border: 1px solid transparent;

  color: var(--tp-common-black);

  background: #F4F0EA;

}

.tp-checkout-input input::placeholder,
.tp-checkout-input textarea::placeholder {

  font-size: 14px;

  line-height: 56px;

  text-transform: capitalize;

  color: rgba(0, 0, 0, 0.4);

}

.tp-checkout-input input:focus,
.tp-checkout-input textarea:focus {

  background: transparent;

  border-color: var(--tp-common-black);

}

.tp-checkout-input textarea {

  height: 200px;

  resize: none;

}

.tp-checkout-input .custom-select {

  height: 60px;

  border-radius: 0;

  border: 1px solid transparent;

  color: var(--tp-common-black);

  padding: 6px 12px 0;

  width: 100%;

  border-radius: 8px;

  background: #F4F0EA;

}

.tp-checkout-input .custom-select .selected {

  background: #F4F0EA;

}

.tp-checkout-option {

  margin-bottom: 4px;

}

.tp-checkout-option-wrapper {

  margin-top: 10px;

  margin-bottom: 17px;

}

.tp-checkout-option input {

  display: none;

}

.tp-checkout-option input:checked~label::after {

  background-color: var(--tp-theme-shop);

  border-color: var(--tp-theme-shop);

}

.tp-checkout-option input:checked~label::before {

  visibility: visible;

  opacity: 1;

}

.tp-checkout-option label {

  font-size: 15px;

  color: #55585B;

  position: relative;

  padding-left: 26px;

  z-index: 1;

}

.tp-checkout-option label::after {

  position: absolute;

  content: "";

  top: 4px;

  left: 0;

  width: 18px;

  height: 18px;

  line-height: 16px;

  text-align: center;

  border: 1px solid #C3C7C9;

  z-index: -1;

  transition: all 0.4s ease;

}

.tp-checkout-option label::before {

  position: absolute;

  content: url("../img/login/check.svg");

  top: 4px;

  left: 0;

  width: 18px;

  height: 18px;

  line-height: 16px;

  text-align: center;

  visibility: hidden;

  opacity: 0;

  color: var(--tp-common-white);

  transition: all 0.4s ease;

}

.tp-checkout-option label a:hover {

  color: var(--tp-common-black);

}

.tp-checkout-option label:hover {

  cursor: pointer;

}

.tp-checkout-bill-area {

  padding: 45px 40px 24px;

  background-color: var(--tp-common-white);

}

@media (max-width: 767px) {

  .tp-checkout-bill-area {

    padding: 45px 25px 24px;

  }

}

.tp-checkout-bill-title {

  font-weight: 600;

  font-size: 26px;

  margin-bottom: 35px;

}

.tp-checkout-place {

  padding: 44px 50px 50px;

  background: var(--tp-common-white);

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-checkout-place {

    padding: 35px 30px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {

  .tp-checkout-place {

    margin-top: 50px;

  }

}

@media (max-width: 767px) {

  .tp-checkout-place {

    padding: 45px 25px 24px;

  }

}

.tp-checkout-place-title {

  font-size: 26px;

  font-weight: 600;

  margin-right: 37px;

  margin-bottom: 30px;

}

.tp-checkout-payment {

  padding-bottom: 26px;

  margin-bottom: 24px;

  border-bottom: 1px solid #E0E2E3;

}

.tp-checkout-payment-item:not(:last-child) {

  margin-bottom: 10px;

}

.tp-checkout-payment-item.paypal-payment label {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

}

.tp-checkout-payment-item input {

  display: none;

}

.tp-checkout-payment-item input:checked~label::after {

  border-color: var(--tp-theme-shop);

}

.tp-checkout-payment-item input:checked~label::before {

  opacity: 1;

  visibility: visible;

}

.tp-checkout-payment-item label {

  font-size: 14px;

  position: relative;

  padding-left: 27px;

  font-weight: 500;

  color: var(--tp-common-black);

}

.tp-checkout-payment-item label:hover {

  cursor: pointer;

}

.tp-checkout-payment-item label::after {

  position: absolute;

  content: "";

  left: 0;

  top: 5px;

  width: 16px;

  height: 16px;

  border-radius: 50%;

  border: 1px solid #BCBCBC;

  transition: all 0.4s ease;

}

.tp-checkout-payment-item label::before {

  position: absolute;

  content: "";

  left: 3px;

  top: 8px;

  width: 10px;

  height: 10px;

  border-radius: 50%;

  background-color: var(--tp-theme-shop);

  visibility: hidden;

  opacity: 0;

  transition: all 0.4s ease;

}

.tp-checkout-payment-item label img {

  margin-left: 14px;

  -webkit-transform: translateY(-2px);

  -moz-transform: translateY(-2px);

  -ms-transform: translateY(-2px);

  -o-transform: translateY(-2px);

  transform: translateY(-2px);

}

.tp-checkout-payment-item label a {

  margin-left: 20px;

  position: relative;

}

.tp-checkout-payment-item label a::after {

  position: absolute;

  content: "";

  left: 0;

  bottom: 3px;

  width: 100%;

  height: 1px;

  background-color: var(--tp-common-black);

}

.tp-checkout-payment-desc {

  position: relative;

  padding-top: 10px;

  display: none;

}

.tp-checkout-payment-desc::after {

  position: absolute;

  content: "";

  left: 57px;

  top: 0;

  width: 16px;

  height: 16px;

  background-color: #F6F7F9;

  -webkit-transform: translateY(3px) rotate(45deg);

  -moz-transform: translateY(3px) rotate(45deg);

  -ms-transform: translateY(3px) rotate(45deg);

  -o-transform: translateY(3px) rotate(45deg);

  transform: translateY(3px) rotate(45deg);

}

.tp-checkout-payment-desc p {

  font-size: 14px;

  color: #55585B;

  margin-bottom: 0;

  margin-left: 27px;

  line-height: 1.57;

  padding: 19px 30px;

  background-color: #F6F7F9;

}

.tp-checkout-agree {

  margin-bottom: 24px;

}



.tp-return-customer {

  display: none;

  margin-top: 14px;

  padding: 40px 40px;

  background-color: var(--tp-common-white);

}

.tp-return-customer-input {

  margin-bottom: 20px;

}

.tp-return-customer-input label {

  font-size: 16px;

  font-weight: 500;

  margin-bottom: 12px;

  color: var(--tp-common-black);

}

.tp-return-customer-input label span {

  color: red;

}

.tp-return-customer-input input,
.tp-return-customer-input textarea {

  width: 100%;

  padding: 0 26px;

  line-height: 56px;

  font-size: 14px;

  text-transform: capitalize;

  border: 1px solid transparent;

  color: var(--tp-common-black);

  background: #F4F0EA;

}

.tp-return-customer-input input::placeholder,
.tp-return-customer-input textarea::placeholder {

  font-size: 14px;

  line-height: 56px;

  text-transform: capitalize;

  color: rgba(0, 0, 0, 0.4);

}

.tp-return-customer-input input:focus,
.tp-return-customer-input textarea:focus {

  background: transparent;

  border-color: var(--tp-common-black);

}

.tp-return-customer-remeber input {

  display: none;

}

.tp-return-customer-remeber input:checked~label::after {

  border-color: var(--tp-common-black);

  background-color: var(--tp-common-black);

}

.tp-return-customer-remeber input:checked~label::before {

  opacity: 1;

  visibility: visible;

}

.tp-return-customer-remeber label {

  font-size: 15px;

  color: #55585B;

  position: relative;

  padding-left: 26px;

  z-index: 1;

}

.tp-return-customer-remeber label::after {

  position: absolute;

  content: "";

  top: 4px;

  left: 0;

  width: 18px;

  height: 18px;

  line-height: 16px;

  text-align: center;

  border: 1px solid #C3C7C9;

  z-index: -1;

  transition: all 0.4s ease;

}

.tp-return-customer-remeber label::before {

  position: absolute;

  content: url("../img/login/check.svg");

  top: 4px;

  left: 0;

  width: 18px;

  height: 18px;

  line-height: 16px;

  text-align: center;

  visibility: hidden;

  opacity: 0;

  color: var(--tp-common-white);

  transition: all 0.4s ease;

}

.tp-return-customer-remeber label a:hover {

  color: var(--tp-common-black);

}

.tp-return-customer-remeber label:hover {

  cursor: pointer;

}

.tp-return-customer-forgot a {

  font-weight: 400;

  font-size: 15px;

  color: var(--tp-common-black);

  position: relative;

  display: inline-block;

}

.tp-return-customer-forgot a::after {

  position: absolute;

  content: url("../img/login/check.svg");

  left: auto;

  right: 0;

  bottom: 4px;

  width: 0%;

  height: 1px;

  background-color: var(--tp-common-black);

  transition: all 0.4s ease;

}

.tp-return-customer-forgot a:hover::after {

  left: 0;

  right: auto;

  width: 100%;

}



.tp-order-details {

  padding: 70px 100px 55px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-order-details {

    padding: 70px 70px 55px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-order-details {

    padding: 70px 30px 55px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .tp-order-details {

    padding: 70px 50px 55px;

  }

}

@media (max-width: 767px) {

  .tp-order-details {

    padding: 40px 30px 45px;

  }

}

.tp-order-details-icon {

  margin-bottom: 22px;

}

.tp-order-details-icon span {

  display: inline-block;

  width: 120px;

  height: 120px;

  line-height: 118px;

  text-align: center;

  font-size: 55px;

  color: var(--tp-common-white);

  border-bottom: 1px solid #E0E2E3;

  border-radius: 50%;

}

.tp-order-details-icon span svg {

  transform: translateY(-1px);

}

.tp-order-details-title {

  font-size: 30px;

  font-weight: 600;

  color: var(--tp-common-white);

  margin-bottom: 7px;

}

.tp-order-details-content p {

  font-size: 16px;

  color: var(--tp-common-white);

  line-height: 1.38;

}

.tp-order-details-item {

  margin-bottom: 38px;

}

.tp-order-details-item-wrapper .row [class*=col-]:nth-child(2n) .tp-order-details-item {

  padding-left: 40px;

}

@media (max-width: 767px) {

  .tp-order-details-item-wrapper .row [class*=col-]:nth-child(2n) .tp-order-details-item {

    padding-left: 0;

  }

}

.tp-order-details-item h4 {

  font-size: 18px;

  color: var(--tp-common-white);

  margin-bottom: 0;

  font-weight: 400;

}

.tp-order-details-item p {

  font-weight: 700;

  font-size: 18px;

  color: var(--tp-common-white);

  margin-bottom: 0;

}

.tp-order-info-wrapper {

  padding: 42px 50px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .tp-order-info-wrapper {

    padding: 42px 40px;

  }

}

@media (max-width: 767px) {

  .tp-order-info-wrapper {

    padding: 42px 30px;

  }

}

.tp-order-info-title {

  font-size: 26px;

  font-weight: 600;

  margin-bottom: 40px;

}

.tp-order-info-list ul li {

  list-style: none;

  padding: 15px 0;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.tp-order-info-list ul li:not(:last-child) {

  border-bottom: 1px solid #E0E2E3;

}

.tp-order-info-list ul li span {

  font-size: 15px;

  color: var(--tp-common-black);

}

.tp-order-info-list ul li.tp-order-info-list-header {

  padding-top: 0;

  padding-bottom: 12px;

}

.tp-order-info-list ul li.tp-order-info-list-header h4 {

  font-size: 16px;

  font-weight: 500;

  margin-bottom: 0;

}

.tp-order-info-list ul li.tp-order-info-list-desc p {

  font-size: 15px;

  margin-bottom: 0;

}

.tp-order-info-list ul li.tp-order-info-list-desc p span {

  font-size: 15px;

  font-weight: 500;

}

.tp-order-info-list ul li.tp-order-info-list-subtotal span:last-child {

  color: var(--tp-common-black);

}

.tp-order-info-list ul li.tp-order-info-list-shipping span input {

  display: none;

}

.tp-order-info-list ul li.tp-order-info-list-shipping span input:checked~label::after {

  border-color: var(--tp-theme-shop);

}

.tp-order-info-list ul li.tp-order-info-list-shipping span input:checked~label::before {

  opacity: 1;

  visibility: visible;

}

.tp-order-info-list ul li.tp-order-info-list-shipping span label {

  font-size: 14px;

  position: relative;

  padding-right: 27px;

}

.tp-order-info-list ul li.tp-order-info-list-shipping span label span {

  color: var(--tp-common-black);

}

.tp-order-info-list ul li.tp-order-info-list-shipping span label:hover {

  cursor: pointer;

}

.tp-order-info-list ul li.tp-order-info-list-shipping span label::after {

  position: absolute;

  content: "";

  right: 0;

  top: 5px;

  width: 16px;

  height: 16px;

  border-radius: 50%;

  border: 1px solid #BCBCBC;

  transition: all 0.4s ease;

}

.tp-order-info-list ul li.tp-order-info-list-shipping span label::before {

  position: absolute;

  content: "";

  right: 4px;

  top: 9px;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background-color: var(--tp-theme-shop);

  visibility: hidden;

  opacity: 0;

  transition: all 0.4s ease;

}

.tp-order-info-list ul li.tp-order-info-list-total {

  padding: 14px 0;

}

.tp-order-info-list ul li.tp-order-info-list-total span {

  font-size: 16px;

  font-weight: 500;

}

.tp-order-inner {

  background-color: var(--tp-common-white);

  box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1);

}



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

/*  10.4 Cart css

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

.tp-cart-header-product {

  padding-left: 30px !important;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {

  .tp-cart-list {

    overflow-x: scroll;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {

  .tp-cart-list {

    overflow-x: scroll;

    margin-right: 0;

  }

}

.tp-cart-list .table> :not(caption)>*>* {

  padding: 20px 0;

  box-shadow: none;

  vertical-align: middle;

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {

  .tp-cart-list table {

    width: 840px;

  }

}

.tp-cart-list thead {

  background-color: #EAE5DF;

}

.tp-cart-list thead th {

  font-weight: 500;

  font-size: 14px;

  color: var(--tp-common-black);

  border: 0 !important;

  padding-top: 9px !important;

  padding-bottom: 9px !important;

  background: transparent;

}

.tp-cart-list tr td {

  border-color: #E0E2E3;

}

.tp-cart-list tr td .tp-cart-action-btn {

  font-weight: 400;

  font-size: 14px;

  color: #818487;

}

.tp-cart-list tr td .tp-cart-action-btn svg {

  transform: translateY(-1px);

}

.tp-cart-list tr td .tp-cart-action-btn:hover {

  color: #FF1826;

}

.tp-cart-list tr td.tp-cart-add-to-cart .tp-btn {

  border-radius: 0;

}

.tp-cart-list tbody tr:first-child td {

  padding-top: 30px !important;

}

.tp-cart-img {

  width: 78px;

  margin-right: 20px;

}

.tp-cart-img img {

  width: 78px;

  height: 100px;

  object-fit: cover;

}

.tp-cart-title a {

  margin-left: 20px;

  font-weight: 400;

  font-size: 16px;

  color: var(--tp-common-black);

}

.tp-cart-title a:hover {

  color: var(--tp-common-black);

}

.tp-cart-price {

  width: 126px;

}

.tp-cart-price span {

  font-size: 16px;

  color: var(--tp-common-black);

}

.tp-cart-quantity {

  width: 180px;

}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {

  .tp-cart-coupon {

    margin-bottom: 20px;

  }

}

.tp-cart-coupon-input-box label {

  font-size: 14px;

  color: var(--tp-common-black);

  margin-bottom: 7px;

}

.tp-cart-coupon-input input {

  background: #EAE5DF;

  margin-right: 4px;

  max-width: 282px;

  font-size: 14px;

  padding-left: 26px;

  padding-right: 26px;

  border-radius: 0;

  color: var(--tp-common-black);

  border: 1px solid transparent;

  text-transform: capitalize;

}

.tp-cart-coupon-input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  font-size: 14px;

  text-transform: capitalize;

  color: rgba(0, 0, 0, 0.4);

}

.tp-cart-coupon-input input::-moz-placeholder {
  /* Firefox 19+ */

  font-size: 14px;

  text-transform: capitalize;

  color: rgba(0, 0, 0, 0.4);

}

.tp-cart-coupon-input input:-moz-placeholder {
  /* Firefox 4-18 */

  font-size: 14px;

  text-transform: capitalize;

  color: rgba(0, 0, 0, 0.4);

}

.tp-cart-coupon-input input:-ms-input-placeholder {
  /* IE 10+  Edge*/

  font-size: 14px;

  text-transform: capitalize;

  color: rgba(0, 0, 0, 0.4);

}

.tp-cart-coupon-input input::placeholder {
  /* MODERN BROWSER */

  font-size: 14px;

  text-transform: capitalize;

  color: rgba(0, 0, 0, 0.4);

}

.tp-cart-coupon-input input:focus {

  border-color: var(--tp-theme-shop);

  background-color: transparent;

}

.tp-cart-coupon-input button {

  font-size: 16px;

  font-weight: 500;

  padding: 17px 30px;

  color: var(--tp-common-white);

  background-color: var(--tp-theme-shop);

}

.tp-cart-coupon-input button:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-common-black);

}

.tp-cart-update-btn {

  font-size: 16px;

  font-weight: 500;

  padding: 16px 29px;

  color: var(--tp-common-black);

  background-color: var(--tp-common-white);

  border: 1px solid rgba(1, 15, 28, 0.1);

}

.tp-cart-update-btn:hover {

  background-color: var(--tp-theme-shop);

  color: var(--tp-common-white);

  border-color: var(--tp-common-black);

}

.tp-cart-checkout-wrapper {

  margin-left: -24px;

  padding: 36px 24px 28px;

  background: var(--tp-common-white);

  box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1);

}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {

  .tp-cart-checkout-wrapper {

    margin-top: 50px;

    margin-left: 0;

  }

}

.tp-cart-checkout-top {

  padding-bottom: 13px;

  margin-bottom: 19px;

  border-bottom: 1px solid #E0E2E3;

}

.tp-cart-checkout-top span {

  font-size: 20px;

  color: var(--tp-common-black);

  font-weight: 500;

}

.tp-cart-checkout-shipping {

  padding-bottom: 16px;

  border-bottom: 1px solid #E0E2E3;

  margin-bottom: 15px;

}

.tp-cart-checkout-shipping-title {

  font-weight: 500;

  font-size: 15px;

  margin-bottom: 7px;

}

.tp-cart-checkout-shipping-option:not(:last-child) {

  margin-bottom: 4px;

}

.tp-cart-checkout-shipping-option input {

  display: none;

}

.tp-cart-checkout-shipping-option input:checked+label::after {

  border-color: var(--tp-common-black);

}

.tp-cart-checkout-shipping-option input:checked+label::before {

  opacity: 1;

  visibility: visible;

}

.tp-cart-checkout-shipping-option label {

  font-weight: 400;

  font-size: 14px;

  color: #161C2D;

  position: relative;

  padding-left: 25px;

}

.tp-cart-checkout-shipping-option label:hover {

  cursor: pointer;

}

.tp-cart-checkout-shipping-option label span {

  color: var(--tp-common-black);

}

.tp-cart-checkout-shipping-option label::after {

  position: absolute;

  content: "";

  left: 0;

  top: 5px;

  width: 16px;

  height: 16px;

  border-radius: 50%;

  border: 1px solid #BCBCBC;

  transition: all 0.4s ease;

}

.tp-cart-checkout-shipping-option label::before {

  position: absolute;

  content: "";

  left: 4px;

  top: 9px;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background-color: var(--tp-common-black);

  visibility: hidden;

  opacity: 0;

  transition: all 0.4s ease;

}

.tp-cart-checkout-total {

  margin-bottom: 25px;

}

.tp-cart-checkout-total span {

  font-weight: 500;

  font-size: 18px;

  color: var(--tp-common-black);

}

.tp-cart-checkout-btn {

  font-size: 16px;

  font-weight: 500;

  padding: 10px 30px;

  text-align: center;

  display: inline-block;

  color: var(--tp-common-white);

  background-color: var(--tp-theme-shop);

}

.tp-cart-checkout-btn:hover {

  background-color: var(--tp-common-black);

  color: var(--tp-common-white);

}



.cartmini__area {

  position: fixed;

  right: 0;

  top: 0;

  width: 320px;

  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: 99999;

  scrollbar-width: none;

  transition: 0.3s;

}

.cartmini__area::-webkit-scrollbar {

  display: none;

}

.cartmini__area.cartmini-opened {

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

}

.cartmini__wrapper {

  position: relative;

  min-height: 100%;

  padding-left: 25px;

  padding-right: 25px;

}

.cartmini__top-title {

  padding: 20px 0;

  border-bottom: 1px solid #E0E2E3;

}

.cartmini__top-title h4 {

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 0;

  text-transform: capitalize;

}

.cartmini__close {

  position: absolute;

  top: 17px;

  right: 0;

}

.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 #E0E2E3;

}

.cartmini__shipping .progress {

  height: 10px;

  border-radius: 0;

}

.cartmini__shipping .progress-bar {

  background-color: #ffaf1b;

}

.cartmini__shipping p {

  margin-bottom: 5px;

  font-size: 16px;

}

.cartmini__shipping p span {

  color: red;

  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;

  padding: 20px 0;

  border-bottom: 1px solid rgba(129, 129, 129, 0.2);

}

.cartmini__widget-item:last-child {

  border-bottom: 0;

}

.cartmini__thumb {

  border: 1px solid #E0E2E3;

  margin-right: 15px;

}

.cartmini__thumb img {

  width: 70px;

  height: auto;

}

.cartmini__title {

  font-size: 15px;

  margin-bottom: 4px;

  font-weight: 500;

}

.cartmini__title a {

  display: inline;

  transition: all 0.3s linear;

  background-repeat: no-repeat;

  background-size: 0% 1px, 0 1px;

  background-position: 100% 100%, 0 100%;

  background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);

}

.cartmini__title a:hover {

  color: var(--tp-theme-shop);

  background-size: 0% 1px, 100% 1px;

}

.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 #E0E2E3;

  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-shop);

}

.cartmini__checkout {

  padding-top: 15px;

  padding-bottom: 85px;

  width: 100%;

  border-top: 2px solid #E0E2E3;

}

.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__price {

  font-size: 14px;

  font-weight: 500;

  color: var(--tp-common-black);

}

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

}



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

/*  10.5 Account css

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

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px),
only screen and (min-width: 576px) and (max-width: 767px) {

  .profile__tab {

    margin-right: 0;

    margin-bottom: 50px;

  }

}

.profile__tab nav .nav-tabs {

  padding: 0;

  border: 0;

  margin: 0;

  padding: 20px 0;

  border: 1px solid #E0E2E3;

  background-color: var(--tp-common-white);

}

.profile__tab nav .nav-tabs .nav-link {

  font-weight: 400;

  font-size: 16px;

  padding: 14px 0px;

  margin: 0px 30px;

  position: relative;

  border-radius: 0;

  text-align: left;

  border: 0;

  color: #5D5D63;

  font-family: var(--tp-ff-onest);

}

.profile__tab nav .nav-tabs .nav-link::after {

  position: absolute;

  top: 14px;

  left: -31px;

  height: 25px;

  width: 2px;

  content: "";

  transition: 0.4s;

  opacity: 0;

  visibility: hidden;

  background-color: var(--tp-common-black);

}

.profile__tab nav .nav-tabs .nav-link:not(:last-child) {

  border-bottom: 1px dashed #E0E2E3;

}

.profile__tab nav .nav-tabs .nav-link span {

  margin-right: 7px;

}

.profile__tab nav .nav-tabs .nav-link.active {

  color: var(--tp-common-black);

}

.profile__tab nav .nav-tabs .nav-link.active::after {

  opacity: 1;

  visibility: visible;

}

.profile__tab .tp-tab-menu {

  position: relative;

}

.profile__tab-content {

  padding: 35px 40px 40px;

  background-color: var(--tp-common-white);

}

.profile__info-title {

  font-size: 20px;

  margin-bottom: 25px;

  font-family: var(--tp-ff-onest);

}

.profile__input {

  margin-bottom: 25px;

  position: relative;

}

.profile__input-box h4 {

  font-weight: 500;

  font-size: 14px;

  letter-spacing: -0.02em;

  color: var(--tp-common-black-solid);

  margin-bottom: 10px;

}

.profile__input-box h4 span {

  color: var(--tp-theme-primary);

}

.profile__input-box p {

  font-size: 13px;

  color: var(--tp-common-white);

  opacity: 0.7;

  margin-bottom: 10px;

}

.profile__input>span {

  position: absolute;

  top: 50%;

  left: 20px;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}

.profile__input>span svg {

  -webkit-transform: translateY(-2px);

  -moz-transform: translateY(-2px);

  -ms-transform: translateY(-2px);

  -o-transform: translateY(-2px);

  transform: translateY(-2px);

}

.profile__input input,
.profile__input textarea {

  width: 100%;

  height: 60px;

  line-height: 60px;

  padding: 0 25px;

  padding-left: 50px;

  border: 0;

  outline: 0;

  background-color: #F4F0EA;

  border: 1px solid transparent;

  color: var(--tp-common-black);

  font-family: var(--tp-ff-onest);

}

.profile__input input:focus,
.profile__input textarea:focus {

  background-color: transparent;

  border-color: var(--tp-theme-primary);

}

.profile__input textarea {

  line-height: 1.5;

  padding: 20px;

  resize: none;

  height: 200px;

  resize: none;

}

.profile__input .nice-select {

  width: 100%;

  float: none;

  height: 60px;

  border: 1px solid #EAEAEF;

  border-radius: 0;

  line-height: 58px;

  padding-left: 27px;

}

.profile__input .nice-select .current {

  color: var(--tp-common-black);

  font-family: var(--tp-ff-onest);

}

.profile__input .nice-select::after {

  right: 25px;

  color: var(--tp-common-black);

}

.profile__input .nice-select.open .list {

  -webkit-transform: scale(1) translateY(0px);

  -moz-transform: scale(1) translateY(0px);

  -ms-transform: scale(1) translateY(0px);

  -o-transform: scale(1) translateY(0px);

  transform: scale(1) translateY(0px);

}

.profile__input .nice-select .list {

  width: 100%;

  border-radius: 0;

  margin-top: 0;

  padding: 13px 8px;

  transform-origin: center center;

  -webkit-transform: scale(0.9) translateY(0px);

  -moz-transform: scale(0.9) translateY(0px);

  -ms-transform: scale(0.9) translateY(0px);

  -o-transform: scale(0.9) translateY(0px);

  transform: scale(0.9) translateY(0px);

  font-family: var(--tp-ff-onest);

}

.profile__input .nice-select .list .option:hover {

  color: var(--tp-common-black);

}

.profile__password input {

  padding: 0 20px;

  background-color: #F4F0EA;

  border: 1px solid transparent;

}

.profile__password input:focus {

  background-color: transparent;

}

.profile__ticket {

  border: 1px solid #E0E2E3;

}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {

  .profile__ticket {

    overflow-x: scroll;

  }

}

.profile__ticket table thead tr {

  background-color: transparent;

}

.profile__ticket table th {

  color: var(--tp-common-black);

  border-color: #E0E2E3;

  box-shadow: none;

  font-family: var(--tp-ff-onest);

}

.profile__ticket table td {

  color: var(--tp-common-black);

}

.profile__ticket table tbody>tr:first-child {

  background-color: transparent;

}

.profile__ticket table tbody>tr:not(:last-child) {

  border-bottom: 1px solid #E0E2E3;

}

.profile__ticket table tbody>tr td,
.profile__ticket table tbody>tr th {

  vertical-align: middle;

  color: var(--tp-common-black);

  font-family: var(--tp-ff-onest);

}

.profile__ticket table tbody>tr>th {

  padding-left: 15px;

  padding-right: 15px;

}

.profile__ticket table tbody>tr th[scope=row] {

  color: var(--tp-common-black);

}

.profile__ticket table tbody>tr td[data-info="status done"] {

  color: #08AF5C;

}

.profile__ticket table tbody>tr td[data-info="status pending"] {

  color: #6364DB;

}

.profile__ticket table tbody>tr td[data-info="status reply"] {

  color: #D93D1E;

}

.profile__ticket table tbody>tr td[data-info="status hold"] {

  color: #FFB422;

}

.profile__ticket table tbody>tr .tp-btn {

  padding: 7px 18px;

  background-color: #E0E2E3;

  color: var(--tp-common-black);

  font-weight: 500;

  min-width: 90px;

}

.profile__ticket table tbody>tr .tp-btn:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-common-black);

}

.profile__ticket .table {

  margin-bottom: 0;

  --bs-table-bg: none;

}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {

  .profile__ticket .table {

    width: 700px;

  }

}

.profile__ticket .table> :not(:first-child) {

  border-color: #EAEAEF;

  border-top-width: 1px;

}

.profile__ticket .table> :not(caption)>*>* {

  padding: 1rem 1.5rem;

  border: 0;

  box-shadow: none;

}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {

  .profile__address-item {

    margin-bottom: 40px;

  }

}

.profile__address-title {

  font-size: 22px;

  margin-bottom: 20px;

  font-family: var(--tp-ff-onest);

}

.profile__address-icon span {

  display: inline-block;

  min-width: 45px;

  margin-right: 20px;

}

@media (max-width: 767px) {

  .profile__address-icon span {

    margin-bottom: 20px;

  }

}

.profile__address-icon span svg {

  width: 45px;

}

.profile__address-icon span svg path {

  fill: var(--tp-common-black);

}

.profile__address-content p {

  font-size: 16px;

  margin-bottom: 10px;

  font-family: var(--tp-ff-onest);

}

.profile__address-content p span {

  font-weight: 600;

  margin-right: 7px;

  color: var(--tp-common-black);

}

.profile__notification-title {

  font-size: 24px;

  margin-bottom: 10px;

  color: var(--tp-common-black);

  font-family: var(--tp-ff-onest);

}

.profile__notification p {

  font-family: var(--tp-ff-onest);

}

.profile__notification-item .form-check-input {

  margin-top: 0;

  width: 40px;

  height: 20px;

  box-shadow: none;

}

.profile__notification-item .form-check-label {

  font-size: 16px;

  margin-left: 10px;

  color: var(--tp-common-black);

  font-family: var(--tp-ff-onest);

}

.profile__notification-item .form-check-label:hover {

  cursor: pointer;

  color: var(--tp-common-black);

}

.profile__notification-item .form-check-input:checked {

  background-color: var(--tp-common-black);

  border-color: var(--tp-common-black);

}

.profile__btn .tp-btn {

  padding: 14px 39px;

  border: 1px solid #EAEAEF;

}

.profile__btn .tp-btn-cart {

  font-size: 16px;

  font-weight: 500;

  height: 50px;

  line-height: 45px;

  padding: 0px 30px;

  transition: 0.3s;

  display: inline-block;

  text-align: center;

  border-radius: 8px;

  text-transform: capitalize;

  color: var(--tp-common-white);

  font-family: var(--tp-ff-onest);

  background-color: var(--tp-theme-shop);

  border: 2px solid transparent;

}

.profile__btn .tp-btn-cart:hover {

  border-color: var(--tp-theme-shop);

  color: var(--tp-common-black);

  background-color: transparent;

}

@media (max-width: 767px) {

  .profile__main-inner {

    margin-bottom: 20px;

  }

}

.profile__main-thumb {

  position: relative;

}

.profile__main-thumb img {

  width: 80px;

  height: 80px;

  border-radius: 50%;

  margin-right: 16px;

}

@media (max-width: 767px) {

  .profile__main-thumb img {

    margin-bottom: 20px;

  }

}

.profile__main-thumb-edit input {

  display: none;

}

.profile__main-thumb-edit label {

  position: absolute;

  bottom: 2px;

  right: 12px;

  width: 25px;

  height: 25px;

  line-height: 25px;

  text-align: center;

  color: var(--tp-common-black);

  background-color: #fff;

  border-radius: 50%;

  transition: 0.3s;

  box-shadow: 0px 1px 2px rgba(25, 25, 26, 0.2);

}

.profile__main-thumb-edit label i {

  margin-left: 2px;

}

.profile__main-thumb-edit label:hover {

  cursor: pointer;

  color: var(--tp-common-white);

  background-color: var(--tp-theme-shop);

}

.profile__main-title {

  font-size: 24px;

  margin-bottom: 0;

  font-family: var(--tp-ff-onest);

}

.profile__main-content p {

  font-size: 14px;

  margin-bottom: 0;

  font-family: var(--tp-ff-onest);

}

.profile__main-content p span {

  color: var(--tp-common-black);

  font-weight: 500;

}

.profile__main-info-item {

  text-align: center;

  padding: 27px 30px 25px;

  background-color: #F4F0EA;

}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {

  .profile__main-info-item {

    margin-bottom: 25px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .profile__main-info-item {

    padding: 22px 0 20px;

  }

}

.profile__main-info-icon {

  position: relative;

  margin-bottom: 15px;

}

.profile__main-info-icon>span {

  position: relative;

  display: inline-block;

  width: 60px;

  height: 60px;

  line-height: 60px;

  text-align: center;

}

.profile__main-info-icon>span svg {

  width: 60px;

}

.profile__main-info-icon>span svg path {

  fill: var(--tp-common-black);

}

.profile__main-info-icon .profile-icon-count {

  position: absolute;

  top: 2px;

  right: -8px;

  width: 26px;

  height: 26px;

  line-height: 21px;

  border-radius: 50%;

  font-size: 12px;

  font-weight: 600;

  border: 2px solid #fff;

  color: var(--tp-common-white);

  font-family: var(--tp-ff-onest);

  background-color: var(--tp-theme-shop);

}

.profile__main-info-title {

  font-size: 18px;

  margin-bottom: 0;

  font-family: var(--tp-ff-onest);

}



.tp-logout-btn {

  font-size: 14px;

  font-weight: 500;

  padding: 6px 18px;

  text-align: center;

  display: inline-block;

  color: var(--tp-common-black);

  font-family: var(--tp-ff-onest);

  border: 1px solid rgba(2, 6, 38, 0.12);

}

.tp-logout-btn:hover {

  color: var(--tp-common-white);

  border-color: var(--tp-theme-shop);

  background-color: var(--tp-theme-shop);

}



.tp-profile-input-wrapper {

  margin-bottom: 8px;

}

.tp-profile-input-box {

  position: relative;

  margin-bottom: 30px;

}

.tp-profile-input input {

  background: #F4F0EA;

  border: 1px solid transparent;

  font-size: 14px;

  color: var(--tp-common-black);

}

.tp-profile-input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  color: #95999D;

}

.tp-profile-input input::-moz-placeholder {
  /* Firefox 19+ */

  color: #95999D;

}

.tp-profile-input input:-moz-placeholder {
  /* Firefox 4-18 */

  color: #95999D;

}

.tp-profile-input input:-ms-input-placeholder {
  /* IE 10+  Edge*/

  color: #95999D;

}

.tp-profile-input input::placeholder {
  /* MODERN BROWSER */

  color: #95999D;

}

.tp-profile-input textarea {

  height: 165px;

  resize: none;

}

.tp-profile-input-title label {

  font-size: 16px;

  padding: 0 5px;

  line-height: 1;

  font-weight: 500;

  margin-bottom: 12px;

  display: inline-block;

  color: var(--tp-common-black);

}

.tp-profile-input-eye {

  top: 50%;

  right: 26px;

  position: absolute;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}

.tp-profile-input-eye .open-eye {

  display: none;

}

.tp-profile-input-eye span {

  transition: 0.3s;

}

.tp-profile-input-eye:hover {

  cursor: pointer;

}

.tp-profile-input-eye:hover span {

  color: var(--tp-common-black);

}



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

/*  10.6 Error Css

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

.tp-error-title {

  font-weight: 700;

  font-size: 64px;

  margin-bottom: 50px;

  color: var(--tp-common-black);

}

.tp-error-title-sm {

  font-weight: 600;

  font-size: 26px;

  line-height: 1;

  text-transform: uppercase;

  color: var(--tp-common-black);

}

.tp-error-content p {

  font-weight: 400;

  font-size: 18px;

  color: #57575a;

  margin-bottom: 30px;

}

.tp-error-content .tp-btn {

  height: 60px;

  line-height: 55px;

  border-radius: 40px;

  padding: 0 18px 0 24px;

  font-weight: 500;

  font-size: 18px;

  letter-spacing: 0.03em;

  z-index: 9;

  overflow: hidden;

  display: inline-block;

  text-transform: capitalize;

  position: relative;

  transition: all 0.3s;

  background-color: var(--tp-common-black);

  color: var(--tp-common-white);

  border: 2px solid transparent;

}

.tp-error-content .tp-btn:hover {

  background-color: transparent;

  color: var(--tp-common-black);

  border-color: var(--tp-common-black);

}

.tp-error-wrapper img {

  margin-bottom: 55px;

}



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

/*  10.7 Dark Css Start

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

.agntix-dark body {

  background-color: #0E0F11;

}

.agntix-dark .tp-section-subtitle {

  color: var(--tp-common-white);

}

.agntix-dark .tp-about-text p {

  color: var(--tp-common-white);

}

.agntix-dark .tp-about-avater-info p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-about-shape-1 img {

  filter: invert(1);

  opacity: 0.4;

}

.agntix-dark .tp-about-funcact-item span {

  color: var(--tp-common-white);

}

.agntix-dark .tp-about-funcact-item p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-service-item {

  background-color: #0e0f11;

  border-color: rgba(202, 202, 202, 0.4);

}

.agntix-dark .tp-service-number span {

  color: var(--tp-common-white);

}

.tp_text_invert>div {

  background-image: linear-gradient(to right, #111013 50%, #e4e4e4 50%);

  background-size: 200% 100%;

  background-position: 100%;

  color: transparent;

  background-clip: text;

  -webkit-background-clip: text;

}

.tp_text_invert_2>div {

  background-image: linear-gradient(to right, #e0eeee 50%, #383C3E 50%);

  padding: 10px 0;

  background-size: 200% 100%;

  background-position: 100%;

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

}

.tp_text_invert_3>div {

  background-image: linear-gradient(to right, #f9f4e8 50%, #383C3E 50%);

  padding: 10px 0;

  background-size: 200% 100%;

  background-position: 100%;

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

}

.agntix-dark .tp_text_invert>div {

  background-image: linear-gradient(to right, #fff 50%, #383C3E 50%);

}

.agntix-dark .tp-service-content p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-service-category span {

  color: var(--tp-common-white);

  border-color: rgba(255, 255, 255, 0.1);

}

.agntix-dark .tp-service-category span:hover {

  color: var(--tp-common-black);

  background-color: var(--tp-common-white);

}

.agntix-dark .tp-project-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-project-category span {

  color: var(--tp-common-white);

  border-color: rgba(255, 255, 255, 0.1);

}

.agntix-dark .tp-project-category span:hover {

  color: var(--tp-common-black);

  background-color: var(--tp-common-white);

}

.agntix-dark .tp-funfact-green-wrap {

  border-color: #0E0F11;

}

.agntix-dark .tp-funfact-subtitle {

  color: var(--tp-common-white);

}

.agntix-dark .tp-funfact-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-funfact-number span i {

  -webkit-text-stroke: 6px #1A1B1E;

}

.agntix-dark .tp-section-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-work-item {

  border-color: #0E0F11;

  background-color: #1A1B1E;

}

.agntix-dark .tp-work-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-work-content p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-award-item {

  background: rgba(38, 37, 40, 0.9);

}

.agntix-dark .tp-about-avater-info {

  border-color: rgba(255, 255, 255, 0.1);

}

.agntix-dark .tp-header-3-style .tp-header-menu>nav>ul>li>a {

  font-size: 16px;

  color: var(--tp-common-white);

}

.agntix-dark .tp-header-3-style .tp-header-dropdown nav ul li.has-dropdown::after {

  color: var(--tp-common-white);

}

.agntix-dark .dgm-hero-bg {

  inset: 0;

  filter: invert(1);

}

.agntix-dark .dgm-hero-social a span {

  color: var(--tp-common-white);

}

.agntix-dark .dgm-hero-subtitle {

  color: var(--tp-common-white);

}

.agntix-dark .dgm-hero-title {

  color: var(--tp-common-white);

}

.agntix-dark .dgm-hero-social-text span {

  color: var(--tp-common-white);

}

.agntix-dark .dgm-hero-funfact span {

  color: var(--tp-common-white);

}

.agntix-dark .dgm-hero-funfact p {

  color: var(--tp-common-white);

}

.agntix-dark .dgm-hero-content .tp-btn-black-square {

  color: var(--tp-common-black);

  background-color: var(--tp-common-white);

}

.agntix-dark .dgm-hero-rotate-text span {

  color: var(--tp-common-white);

}

.agntix-dark .dgm-hero-text-box {

  filter: invert(1);

}

.agntix-dark .tp-section-title-grotesk {

  color: var(--tp-common-white);

}

.agntix-dark .dgm-about-content p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .dgm-about-review h4 {

  color: var(--tp-common-white);

}

.agntix-dark .dgm-about-review span {

  color: var(--tp-common-white);

}

.agntix-dark .dgm-about-ratting h4 {

  color: var(--tp-common-white);

}

.agntix-dark .dgm-about-review-box {

  border-color: rgba(255, 255, 255, 0.1);

}

.agntix-dark .dgm-about-review::after {

  background-color: rgba(255, 255, 255, 0.1);

}

.agntix-dark .dgm-about-ratting-icon span {

  color: var(--tp-common-black);

  background-color: var(--tp-common-white);

}

.agntix-dark .dgm-step-title {

  color: var(--tp-common-white);

}

.agntix-dark .dgm-step-title-sm {

  color: var(--tp-common-white);

}

.agntix-dark .dgm-step-item p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .dgm-hero-rotate-text span::after {

  background-color: var(--tp-common-white);

}

.agntix-dark .dgm-team-title-sm {

  color: var(--tp-common-white);

}

.agntix-dark .dgm-team-content span {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .dgm-team-social a {

  color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .dgm-team-social a:hover span {

  color: var(--tp-common-black);

}

.agntix-dark .dgm-brand-item {

  border: 1px solid #1F1E24;

}

.agntix-dark .dgm-brand-item img {

  filter: invert(1);

}

.agntix-dark .dgm-hero-social-text span::after {

  background-color: rgba(255, 255, 255, 0.4);

}

.agntix-dark .dgm-testimonial-bg {

  filter: invert(1);

}

.agntix-dark .dgm-testimonial-title-box .tp-section-subtitle {

  color: var(--tp-common-white);

}

.agntix-dark .dgm-testimonial-quote span {

  color: var(--tp-common-white);

}

.agntix-dark .dgm-testimonial-text p {

  color: var(--tp-common-white);

}

.agntix-dark .dgm-testimonial-author-name {

  color: var(--tp-common-white);

}

.agntix-dark .dgm-testimonial-author-info span {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .dgm-testimonial-dot .swiper-pagination-bullet {

  border: 1px solid rgba(255, 255, 255, 0.8);

}

.agntix-dark .dgm-testimonial-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background-color: var(--tp-common-white);

}

.agntix-dark .dgm-blog-main {

  border-color: #1F1E24;

}

.agntix-dark .dgm-blog-item {

  border-color: #1F1E24;

}

.agntix-dark .dgm-blog-category span {

  color: #effac0;

  background-color: rgba(239, 250, 192, 0.1);

}

.agntix-dark .dgm-blog-meta h4 {

  color: var(--tp-common-white);

}

.agntix-dark .dgm-blog-meta span {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .dgm-blog-title-sm {

  color: var(--tp-common-white);

}

.agntix-dark .dgm-footer-area {

  background-color: rgba(255, 255, 255, 0.04);

}

.agntix-dark .tp-copyright-2-area {

  background-color: rgba(255, 255, 255, 0.04);

}

.agntix-dark .tp-copyright-img {

  filter: invert(1);

  opacity: 0.4;

}

.agntix-dark .ar-hero-title {

  color: var(--tp-common-white);

}

.agntix-dark .ar-category-item span {

  color: var(--tp-common-white);

}

.agntix-dark .ar-category-item a {

  color: var(--tp-common-white);

}

.agntix-dark .ar-hero-bg {

  border-left: 1px solid rgba(255, 255, 255, 0.08);

  border-right: 1px solid rgba(255, 255, 255, 0.08);

}

.agntix-dark .ar-hero-border {

  border-color: rgba(255, 255, 255, 0.08);

}

.agntix-dark .ar-category-item:not(:last-child)::after {

  background-color: rgba(255, 255, 255, 0.1);

}

.agntix-dark .tp-section-title-clash-600 {

  color: var(--tp-common-white);

}

.agntix-dark .ar-about-title-sm {

  color: var(--tp-common-white);

}

.agntix-dark .tp-btn-black-solid {

  color: var(--tp-common-black);

  border: 1px solid transparent;

  background-color: var(--tp-common-white);

}

.agntix-dark .tp-btn-black-solid:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-common-red-2);

  border-color: var(--tp-common-red-2);

}

.agntix-dark .ar-banner-shape img {

  filter: invert(1);

}

.agntix-dark .ar-about-content p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .ar-about-exp-box {

  border: 1px solid rgba(255, 255, 255, 0.08);

  border-top: 4px solid var(--tp-common-red-2);

}

.agntix-dark .ar-project-category span {

  color: var(--tp-common-white);

}

.agntix-dark .ar-project-category i {

  color: var(--tp-common-white);

}

.agntix-dark .ar-project-item {

  border-color: rgba(255, 255, 255, 0.2);

}

.agntix-dark .tp-btn-red-circle-text {

  color: var(--tp-common-white);

  background-color: var(--tp-common-red-2);

  border: 1px solid var(--tp-common-red-2);

}

.agntix-dark .tp-btn-red-circle-icon {

  color: var(--tp-common-white);

  background-color: var(--tp-common-red-2);

  border: 1px solid var(--tp-common-red-2);

}

.agntix-dark .tp-btn-red-circle-box:hover .tp-btn-red-circle-text {

  border-color: transparent;

}

.agntix-dark .tp-btn-red-circle-box:hover> :nth-child(1) {

  border-color: transparent;

}

.agntix-dark .ar-funfact-item h4 {

  color: var(--tp-common-white);

}

.agntix-dark .ar-funfact-item span {

  color: var(--tp-common-white);

}

.agntix-dark .ar-testimonial-shape-1 {

  filter: invert(1);

}

.agntix-dark .ar-testimonial-item p {

  color: var(--tp-common-white);

}

.agntix-dark .fraction-wrapper #paginations span {

  color: var(--tp-common-white);

}

.agntix-dark .shop-slider-progress-bar {

  background-color: rgba(255, 255, 255, 0.4);

}

.agntix-dark .ar-testimonial-arrow button {

  color: var(--tp-common-white);

  border-color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .ar-testimonial-arrow button:hover {

  border-color: transparent;

}

.agntix-dark .crp-text-slider-active.app-text-slider-color .swiper-wrapper .crp-text-slider-item span {

  color: var(--tp-common-white);

}

.agntix-dark .crp-text-slider-active.app-text-slider-color .swiper-wrapper .crp-text-slider-item.stroke-text span {

  color: transparent;

  -webkit-text-stroke: 2px rgba(255, 255, 255, 0.9);

}

.agntix-dark .app-hero-round-shape {

  opacity: 0.1;

}

.agntix-dark .app-hero-btn-text p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .ar-award-shape-1 {

  filter: invert(1);

}

.agntix-dark .ar-award-wrap {

  border-left: 1px solid rgba(255, 255, 255, 0.08);

  border-right: 1px solid rgba(255, 255, 255, 0.08);

}

.agntix-dark .ar-award-year {

  color: var(--tp-common-white);

}

.agntix-dark .ar-award-title {

  color: var(--tp-common-white);

}

.agntix-dark .ar-award-icon svg {

  color: var(--tp-common-white);

}

.agntix-dark .ar-award-category {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .ar-award-item {

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

}

.agntix-dark .ar-award-item:first-child {

  border-top: 1px solid rgba(255, 255, 255, 0.08);

}

.agntix-dark .ar-brand-bg {

  border-top: 1px solid rgba(255, 255, 255, 0.08);

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

}

.agntix-dark .ar-brand-item img {

  filter: invert(1);

}

.agntix-dark .ar-blog-title-sm {

  color: var(--tp-common-white);

}

.agntix-dark .ar-blog-meta {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-header-8-border {

  border-bottom: 1px solid rgba(252, 252, 252, 0.08);

}

.agntix-dark .app-brand-item {

  border-right: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .app-brand-item img {

  filter: invert(1);

}

.agntix-dark .tp-section-subtitle.border-bg.bg-color {

  background: var(--tp-common-black);

}

.agntix-dark .tp-section-title-phudu {

  color: var(--tp-common-white);

}

.agntix-dark .app-feature-heading p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .app-feature-item {

  background-color: #1A1B1E;

}

.agntix-dark .app-feature-item-icon span {

  color: var(--tp-common-white);

}

.agntix-dark .app-feature-title {

  color: var(--tp-common-white);

}

.agntix-dark .app-feature-item-content p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .app-feature-bottom p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .app-feature-bottom p a {

  color: var(--tp-common-white);

}

.agntix-dark .app-feature-2-bg .main-bg {

  opacity: 0.1;

}

.agntix-dark .app-feature-2-brd {

  background: rgba(255, 255, 255, 0.08);

}

.agntix-dark .app-feature-2-content-icon span {

  filter: invert(1);

}

.agntix-dark .app-feature-2-content-icon p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .app-review-bg {

  background: linear-gradient(265deg, rgba(208, 242, 240, 0.1) 16.29%, rgba(197, 224, 252, 0.1) 84.71%);

}

.agntix-dark .app-review-heading p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .app-review-item-title {

  color: var(--tp-common-white);

}

.agntix-dark .app-review-item-content p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .app-stack-item.dark-stack-color .app-stack-number {

  background: linear-gradient(0deg, rgba(33, 33, 45, 0.1) 13.2%, rgba(247, 247, 253, 0.1) 94.29%);

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.agntix-dark .app-stack-item.dark-stack-color .app-stack-title {

  color: var(--tp-common-white);

}

.agntix-dark .app-stack-item.dark-stack-color .app-stack-content p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .app-stack-item.dark-stack-color .app-stack-content::before {

  background-color: rgba(255, 255, 255, 0.1);

}

.agntix-dark .app-stack-item.dark-stack-color .app-stack-content::after {

  background-color: var(--tp-common-white);

}

.tp-gsap-bg {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  margin: 0 auto;

  height: 100%;

  text-align: center;

  background-color: var(--tp-common-black);

  z-index: -1;

}

.agntix-dark .tp-gsap-bg {

  background-color: #1a1b1e;

}

.agntix-dark .app-price-store p b {

  color: var(--tp-common-white);

}

.agntix-dark .app-price-tab-wrap .ai-price-tab ul {

  background: #1a1b1e;

}

.agntix-dark .app-price-box {

  background: #1a1b1e;

}

.agntix-dark .app-price-tab-wrap .ai-price-tab ul li button.active {

  color: var(--tp-common-black);

}

.agntix-dark .app-price-tab-wrap .ai-price-tab ul li button {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .app-price-tab-wrap .ai-price-tab #lineMarker {

  background: var(--tp-common-white);

}

.agntix-dark .crp-price-item {

  border: none;

  background: rgb(26, 27, 30);

}

.agntix-dark .app-price-box .crp-price-head span {

  color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.06);

}

.agntix-dark .app-price-box .crp-price-head h4 {

  color: var(--tp-common-white);

}

.agntix-dark .app-price-box .crp-price-head p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .app-price-box .crp-price-head {

  border-color: rgba(255, 255, 255, 0.06);

}

.agntix-dark .app-price-box .row [class*=col-]:not(:last-child) {

  border-right: 1px solid rgba(255, 255, 255, 0.06);

}

.agntix-dark .app-price-box .crp-price-list ul li {

  color: var(--tp-common-white);

}

.agntix-dark .app-price-box .crp-price-list ul li span {

  filter: invert(1);

}

.agntix-dark .app-price-box .crp-price-head h4 i {

  color: var(--tp-common-white);

}

.agntix-dark .app-price-box .crp-price-item.active {

  background: linear-gradient(265deg, rgba(208, 242, 240, 0.06) 16.29%, rgba(197, 224, 252, 0.06) 84.71%);

}

.agntix-dark .app-price-btn-box .animated-border-box .tp-btn-black-border {

  color: var(--tp-common-white);

  background: rgb(49, 50, 52);

}

.agntix-dark .app-testimonial-big-text h3 {

  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.agntix-dark .app-testimonial-review {

  border: 1px solid #000;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0.96%, rgba(0, 0, 0, 0.6) 100%);

}

.agntix-dark .app-testimonial-review-content span {

  color: var(--tp-common-white);

}

.agntix-dark .app-testimonial-review-content p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .app-testimonial-item {

  background: #1a1b1e;

}

.agntix-dark .app-testimonial-item-icon-title {

  color: var(--tp-common-white);

}

.agntix-dark .app-testimonial-item-icon-content p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .app-testimonial-item-content p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .app-testimonial-item-icon span {

  border: 1px solid rgba(255, 255, 255, 0.08);

}

.agntix-dark .app-faq-wrap .ai-faq-accordion-wrap .accordion {

  background: #1a1b1e;

}

.agntix-dark .app-faq-wrap .ai-faq-accordion-wrap .accordion .accordion-items .accordion-header .accordion-buttons {

  color: var(--tp-common-white);

}

.agntix-dark .app-faq-wrap .ai-faq-accordion-wrap .accordion .accordion-items .accordion-body p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .app-faq-wrap .ai-faq-accordion-wrap .accordion .accordion-items:not(:last-child) {

  border-bottom: 2px solid rgb(0, 0, 0);

}

.agntix-dark .app-cta-wrap {

  background: #1a1b1e;

}

.agntix-dark .app-faq-wrap .ai-faq-accordion-wrap .accordion .accordion-items .accordion-header .accordion-buttons .accordion-icon {

  background-color: rgba(255, 255, 255, 0.1);

}

.agntix-dark .app-faq-wrap .ai-faq-accordion-wrap .accordion .accordion-items .accordion-header .accordion-buttons .accordion-icon::after,
.agntix-dark .app-faq-wrap .ai-faq-accordion-wrap .accordion .accordion-items .accordion-header .accordion-buttons .accordion-icon::before {

  background-color: var(--tp-common-white);

}

.agntix-dark .app-cta-heading p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .app-footer-col-1 .dgm-footer-widget-paragraph p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .app-footer-widget .dgm-footer-widget-title {

  color: var(--tp-common-white);

}

.agntix-dark .app-footer-widget-info-title {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .app-footer-widget-info a {

  color: var(--tp-common-white);

}

.agntix-dark .app-footer-widget .dgm-footer-widget-menu ul li a {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .app-footer-widget .dgm-footer-widget-menu ul li a:hover {

  color: var(--tp-common-white);

}

.agntix-dark .app-footer-widget .dgm-footer-widget-paragraph.color-style p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .app-copyright-text p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .app-copyright-text p a {

  color: var(--tp-common-white);

}

.agntix-dark .app-price-store p span {

  filter: invert(1);

}

.agntix-dark .app-price-store p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .app-footer-rating {

  background: #1a1b1e;

}

.agntix-dark .app-footer-rating .app-hero-bottom-rating-point span {

  color: var(--tp-common-white);

}

.agntix-dark .app-footer-rating .app-hero-bottom-rating-star a {

  color: var(--tp-common-white);

}

.agntix-dark .app-footer-widget .dgm-footer-widget-input input {

  background: #1a1b1e;

  color: var(--tp-common-white);

}

.agntix-dark .app-footer-widget .dgm-footer-widget-input input:focus {

  border-color: var(--tp-common-white);

}

.agntix-dark .app-copyright-text p a:hover {

  border-bottom: 1px solid white;

}

.agntix-dark .tp-copyright-2-border.app-copyright-border {

  border-color: rgba(255, 255, 255, 0.06);

}

.agntix-dark .app-feature-2-content .tp-section-subtitle.border-bg {

  border-color: rgba(0, 0, 0, 0.1);

}

.agntix-dark .it-hero-subtitle {

  color: var(--tp-common-white);

}

.agntix-dark .it-hero-title {

  color: var(--tp-common-white);

}

.agntix-dark .it-hero-content p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-btn-black-radius.btn-blue-bg.btn-border {

  color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .it-feature-shape-1 {

  filter: invert(1);

}

.agntix-dark .it-hero-shape-2 {

  filter: invert(1);

}

.agntix-dark .tp-section-subtitle-platform.platform-text-black {

  color: var(--tp-common-white);

}

.agntix-dark .tp-section-title-platform.platform-text-black {

  color: var(--tp-common-white);

}

.agntix-dark .it-feature-item::before {

  background: #1A1B1E;

}

.agntix-dark .it-feature-title {

  color: var(--tp-common-white);

}

.agntix-dark .it-feature-content p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .it-feature-category span {

  color: rgba(255, 255, 255, 0.6);

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .it-feature-category span:hover {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-dark .it-feature-icon::before {

  opacity: 0.1;

}

.agntix-dark .it-about-title-box p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .it-about-shape-2 {

  filter: invert(1);

}

.agntix-dark .it-about-shape-1 {

  filter: invert(1);

}

.agntix-dark .it-project-item {

  background: #1A1B1E;

}

.agntix-dark .it-project-title {

  color: var(--tp-common-white);

}

.agntix-dark .it-project-content span {

  color: rgba(255, 255, 255, 0.6);

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .it-project-content span:hover {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-dark .it-project-dots .swiper-pagination-bullet {

  background: #1A1B1E;

}

.agntix-dark .it-project-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {

  opacity: 1;

  background: #7463FF;

}

.agntix-dark .it-testimonial-content img {

  filter: invert(1);

}

.agntix-dark .it-testimonial-content p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .it-testimonial-content span {

  color: var(--tp-common-white);

}

.agntix-dark .it-comparison-bg {

  background: #1A1B1E;

}

.agntix-dark .it-comparison-logo {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .it-comparison-logo img {

  filter: invert(1);

}

.agntix-dark .it-comparison-content span {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .it-comparison-content span i {

  color: var(--tp-common-white);

}

.agntix-dark .it-comparison-item {

  border-right: 3px solid #0e0f11;

}

.agntix-dark .it-benifit-title {

  color: var(--tp-common-white);

}

.agntix-dark .it-benifit-content p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .it-benifit-item {

  border-left: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .it-benifit-title::before {

  background-color: var(--tp-common-white);

}

.agntix-dark .it-benifit-shape {

  opacity: 0.1;

}

.agntix-dark .it-benifit-icon::after {

  background-color: #0E0F11;

}

.agntix-dark .it-benifit-icon span {

  color: var(--tp-common-white);

}

.agntix-dark .it-faq-shape-1 {

  filter: invert(1);

}

.agntix-dark .it-faq-shape-2 {

  filter: invert(1);

}

.agntix-dark .st-hero-title {

  color: var(--tp-common-white);

}

.agntix-dark .st-hero-border .tp-border-line {

  border-right: 1px solid rgba(255, 255, 255, 0.08);

}

.agntix-dark .st-hero-border .tp-border-line {

  border-right: 1px solid rgba(255, 255, 255, 0.08);

}

.agntix-dark .st-hero-bottom-right p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .st-hero-user-content span {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .st-banner-text-bg .bg-shape {

  filter: invert(1);

}

.agntix-dark .st-brand-heading span {

  color: var(--tp-common-white);

}

.agntix-dark .st-brand-border {

  border-bottom: 1px solid rgba(255, 255, 255, 0.15);

}

.agntix-dark .st-brand-border::after {

  background-color: rgba(255, 255, 255, 0.15);

}

.agntix-dark .st-brand-item img {

  filter: invert(1);

}

.agntix-dark .st-about-title {

  color: var(--tp-common-white);

}

.agntix-dark .st-about-card {

  background-color: #1A1B1E;

}

.agntix-dark .st-about-card-tag span {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .st-about-card-btn a {

  color: var(--tp-common-black);

  background-color: var(--tp-common-white);

}

.agntix-dark .st-about-card-bottom span {

  color: var(--tp-common-white);

}

.agntix-dark .st-about-shape {

  filter: invert(1);

}

.agntix-dark .tp-section-title-playfair {

  color: var(--tp-common-white);

}

.agntix-dark .tp-section-title-playfair span {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .st-portfolio-item-title {

  color: var(--tp-common-white);

}

.agntix-dark .st-portfolio-item-btn a {

  color: var(--tp-common-white);

}

.agntix-dark .st-portfolio-item-content {

  border-bottom: 1px solid rgba(255, 255, 255, 0.15);

}

.agntix-dark .st-testimonial-shape-1 {

  filter: invert(1);

}

.agntix-dark .st-testimonial-bottom span {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .st-testimonial-bottom span a {

  color: var(--tp-common-white);

}

.agntix-dark .st-testimonial-item {

  background: #1A1B1E;

}

.agntix-dark .st-testimonial-box {

  background: var(--tp-common-brown);

  box-shadow: -10px 10px 60px 0px #0e0f11;

}

.agntix-dark .st-testimonial-item-quote img {

  opacity: 0.1;

  filter: invert(1);

}

.agntix-dark .st-hero-shape {

  filter: invert(1);

}

.agntix-dark .st-testimonial-box-top i {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .st-testimonial-box-top {

  border-bottom: 1px solid rgba(255, 255, 255, 0.15);

}

.agntix-dark .st-testimonial-box-content p {

  color: var(--tp-common-white);

}

.agntix-dark .st-testimonial-box-rating {

  color: var(--tp-common-white);

}

.agntix-dark .st-award-title {

  color: var(--tp-common-white);

}

.agntix-dark .st-award-title span {

  color: rgba(255, 255, 255, 0.4);

}

.agntix-dark .st-award-wrapper .ar-award-right-wrap .ar-award-item .ar-award-box-left .ar-award-title {

  color: var(--tp-common-white);

}

.agntix-dark .st-award-wrapper .ar-award-right-wrap .ar-award-item .ar-award-box-right .ar-award-category {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .st-award-wrapper .ar-award-right-wrap .ar-award-item .ar-award-box-left .ar-award-year {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .st-award-wrapper .ar-award-right-wrap .ar-award-item::after {

  background-color: #1A1B1E;

}

.agntix-dark .st-choose-list ul li {

  color: var(--tp-common-white);

}

.agntix-dark .st-choose-text-wrap p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .st-choose-bg::after {

  background-color: #1A1B1E;

}

.agntix-dark .st-counter-wrapper {

  border-color: rgba(255, 255, 255, 0.15);

}

.agntix-dark .st-counter-wrapper .row [class*=col-]:not(:last-child) {

  border-right: 1px solid rgba(255, 255, 255, 0.15);

}

.agntix-dark .st-counter-item h4 {

  color: var(--tp-common-white);

}

.agntix-dark .st-counter-item span {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .st-counter-item::before {

  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);

}

.agntix-dark .st-blog-text p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .st-blog-item-title {

  color: var(--tp-common-white);

}

.agntix-dark .st-blog-item-tags span {

  color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.15);

}

.agntix-dark .st-blog-item-tags-devide {

  background: rgba(255, 255, 255, 0.15);

}

.agntix-dark .st-blog-item-tags p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .st-footer-widget-content p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .st-footer-widget-social-title {

  color: var(--tp-common-white);

}

.agntix-dark .st-footer-widget-title {

  color: var(--tp-common-white);

}

.agntix-dark .st-footer-widget-info-title a {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .st-footer-widget-menu ul li a {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .st-footer-top-icon span {

  border-bottom: 7px solid var(--tp-common-white);

}

.agntix-dark .st-footer-top-border {

  border-bottom: 1px solid rgba(255, 255, 255, 0.15);

}

.agntix-dark .st-copyright-sub {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .st-copyright-title {

  color: var(--tp-common-white);

}

.agntix-dark .st-copyright-title span {

  color: var(--tp-common-black);

  background-color: var(--tp-common-white);

}

.agntix-dark .tp-btn-border-2.st {

  color: var(--tp-common-white);

  border-color: rgba(255, 255, 255, 0.15);

}

.agntix-dark .tp-btn-border-2.st:hover {

  color: var(--tp-common-black);

  background-color: var(--tp-common-white);

}

.agntix-dark .st-cta-wrapper .tp-btn-border-2.st {

  color: var(--tp-common-black);

}

.agntix-dark .st-hero-plain span {

  background-color: rgba(255, 255, 255, 0.0901960784);

}

.agntix-dark .ar-about-us-4-title-box .ar-about-us-4-icon {

  filter: invert(1);

}

.agntix-dark .ar-about-us-4-title-box.shape-color .ar-about-us-4-icon {

  filter: invert(0);

}

.agntix-dark .tp-service-4-bg-shape {

  filter: invert(1);

}

.agntix-dark .tp-career-details-sidebar-btn a:hover {

  background-color: #fff;

  color: var(--tp-common-black);

}

.agntix-dark .tp-team-details-input-content input,
.agntix-dark .tp-team-details-input-content textarea {

  color: #F8F8FB;

}

.agntix-dark .tp-team-part-item-content p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-career-details-sidebar-item-icon span {

  filter: invert(1);

  background-color: rgba(255, 255, 255, 0.4);

}

.agntix-dark .tp-career-details-info-item span {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-career-details-sidebar-item-content span {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .breadcrumb__list span a:hover {

  color: var(--tp-common-white);

}



.agntix-dark .tp-footer-style-6 .tp-footer-widget-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-footer-style-6 .tp-footer-widget-info a {

  color: var(--tp-common-white);

}

.agntix-dark .tp-footer-style-6 .tp-footer-widget-title-sm {

  color: var(--tp-common-white);

}

.agntix-dark .tp-copyright-style-6 .tp-copyright-left span {

  color: var(--tp-common-white);

}

.agntix-dark .tp-copyright-style-6 .tp-copyright-right a {

  color: var(--tp-common-white);

}

.agntix-dark .tp-shop-category-item {

  border-color: #59493D;

}

.agntix-dark .tp-shop-category-item i {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-shop-category-item span {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-shop-category-item:hover {

  background-color: #59493D;

}

.agntix-dark .tp-shop-category-item:hover i {

  color: var(--tp-common-white);

}

.agntix-dark .tp-shop-category-item:hover span {

  color: var(--tp-common-white);

}

.agntix-dark .shop-text-slider-active {

  border-bottom: 1px solid #59493D;

}

.agntix-dark .tp-hero-shop-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-hero-shop-slider-subtitle {

  color: var(--tp-common-white);

}

.agntix-dark .tp-hero-shop-slider-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-hero-shop-btn .tp-btn-white-border.coffee-bg {

  border-color: transparent;

  color: var(--tp-common-black);

  background-color: var(--tp-common-white);

}

.agntix-dark .tp-hero-shop-slider-nav-thumb img {

  border: 1px solid rgba(232, 224, 212, 0.1);

  background-color: transparent;

}

.agntix-dark .shop-text-slider-item {

  background-color: #453528;

}

.agntix-dark .tp-action-btn {

  color: #fff;

  background: #59493D;

}

.agntix-dark .tp-action-btn:hover {

  background-color: #453528;

}

.agntix-dark .tp-shop-about-content p {

  color: #fff;

}

.agntix-dark .tp-checkout-btn.border-style {

  font-weight: 500;

  font-size: 15px;

  color: var(--tp-theme-shop);

  text-transform: capitalize;

  background-color: transparent;

  border: 1px solid rgba(77, 61, 48, 0.12);

}

.agntix-dark .tp-checkout-btn.border-style {

  color: var(--tp-theme-shop);

  background-color: #e3ddd7;

  border: 1px solid transparent;

}

.agntix-dark .tp-checkout-btn.border-style:hover {

  background-color: transparent;

  border-color: #e3ddd7;

}

.agntix-dark .tp-checkout-btn {

  color: var(--tp-theme-shop);

  background-color: #e3ddd7;

  border: 1px solid transparent;

}

.agntix-dark .tp-checkout-btn:hover {

  background-color: transparent;

  border-color: #e3ddd7;

  color: #e3ddd7;

}

.agntix-dark .tp-product-testimonial-ptb .app-testimonial-item {

  background: var(--tp-theme-shop);

}

.agntix-dark .tp-product-testimonial-ptb .app-testimonial-item-content p {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-testimonial-user-name {

  color: var(--tp-common-white);

}

.agntix-dark .tp-shop-feature-item p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-shop-feature-item span {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-testimonial-user {

  border: 1px solid #59493D;

}

.agntix-dark .tp-shop-feature-item h4 {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-testimonial-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-shop-newsletter-content p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-shop-newsletter-content span {

  color: var(--tp-common-white);

}

.agntix-dark .tp-header-shop-menu>nav>ul>li>a {

  color: var(--tp-theme-shop);

  border-right: 1px solid rgba(77, 61, 48, 0.2);

}

.agntix-dark .tp-shop-section-title.fs-100 {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-instagram-heading p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-shop-about-circle-text {

  filter: invert(1);

}

.agntix-dark .shop-text-slider-item span {

  color: var(--tp-common-white);

}

.agntix-dark .tp-hero-shop-slider-nav-thumb.slick-current img {

  border-color: #59493D;

  background-color: #59493D;

}

.agntix-dark .ar-about-us-4-title {

  color: var(--tp-common-white);

}

.agntix-dark .ar-about-us-4-title-box p {

  color: rgba(249, 244, 232, 0.6);

}

.agntix-dark .ar-about-us-4-text-title {

  color: var(--tp-common-white);

}

.agntix-dark .creative-service-subtitle-box .tp-section-subtitle.fs-17.pre-circle::before {

  background-color: var(--tp-common-red-3);

}

.agntix-dark .creative-service-top-content p {

  color: var(--tp-common-white);

}

.agntix-dark .creative-service-item.about-us-4 .creative-service-content>span {

  color: var(--tp-common-white);

}

.agntix-dark .creative-service-title {

  color: var(--tp-common-black);

}

.agntix-dark .creative-service-item.about-us-4 .creative-service-title a {

  background: linear-gradient(#FF5722, #FF5722) left no-repeat, #ffffff;

  background-size: auto, auto;

  background-clip: border-box, border-box;

  background-size: 0% 100%;

  background-clip: text;

  -webkit-background-clip: text;

}

.agntix-dark .creative-service-item.about-us-4 .creative-service-link a {

  color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .creative-service-item.about-us-4 .creative-service-category span {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .creative-service-item.about-us-4 .creative-service-category span::before {

  background-color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-about-us-2-text p {

  color: rgba(249, 244, 232, 0.6);

}

.agntix-dark .tp-about-us-2-wrap {

  border: 1px solid rgba(255, 248, 232, 0.06);

}

.agntix-dark .tp-about-us-2-line img {

  filter: invert(1);

}

.agntix-dark .tp-about-us-2-wrap::after {

  background-color: rgba(255, 248, 232, 0.06);

}

.agntix-dark .tp-about-us-2-text p::before {

  background-color: #999da6;

}

.agntix-dark .tp-about-us-2-btn a {

  color: rgba(255, 255, 255, 0.7);

  border: 1px solid rgba(255, 248, 232, 0.06);

}

.agntix-dark .tp-about-us-2-btn a:hover {

  background: var(--tp-common-white);

  color: var(--tp-common-black);

  border-color: var(--tp-common-white);

}

.agntix-dark .tp-about-us-2-text-title {

  color: rgba(255, 255, 255, 0.7);

  border: 1px solid rgba(255, 248, 232, 0.06);

}

.agntix-dark .tp-section-subtitle-clash.clash-subtitle-pos.about-us-2 {

  color: var(--tp-common-white);

}

.agntix-dark .tp-about-us-2-thumb-shape img {

  filter: invert(1);

}

.agntix-dark .tp-about-us-2-right-shape img {

  filter: invert(1);

}

.agntix-dark .studio-about-content.about-us-2 p {

  color: #bfbfc0;

}

.agntix-dark .tp-btn-red-border.about-us-2 {

  color: var(--tp-common-white);

}

.agntix-dark .studio-service-dark .tp-award-item {

  background-color: transparent;

}

.agntix-dark .tp-career-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-career-btn .st-hero-btn a {

  border: 1px solid #0E0F11;

  background-color: #1A1B1E;

  color: var(--tp-common-white);

}

.agntix-dark .tp-career-btn .st-hero-btn a .st-hero-btn-text {

  color: var(--tp-common-white);

}

.agntix-dark .tp-benefit-item-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-benefit-item.tp-benefit-borber-bottom {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .tp-benefit-item {

  border-right: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .tp-career-opening-heading span {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-career-opening-title-name {

  color: var(--tp-common-white);

}

.agntix-dark .tp-career-opening-role span {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-career-opening-Type span {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-career-opening-item {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .pp-service-2-banner-text p,
.agntix-dark .pp-service-2-banner-text a {

  color: var(--tp-common-white);

}

.agntix-dark .tp-service-4-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-service-4-text p {

  color: #c6c6c6;

}

.agntix-dark .tp-service-4-banner-breadcrumb span {

  color: var(--tp-common-white);

}

.agntix-dark .tp-service-4-banner-breadcrumb span a {

  color: #c6c6c6;

}

.agntix-dark .tp-service-4-banner-breadcrumb span:not(:last-of-type)::after {

  background: #c6c6c6;

}

.agntix-dark .tp-service-4-border {

  border-bottom: 1px solid rgba(34, 34, 34, 0.79);

}

.agntix-dark .tp-service-4-solution-subtitle p {

  border: 1px solid rgba(34, 34, 34, 0.79);

  color: var(--tp-common-white);

}

.agntix-dark .tp-service-4-solution-subtitle p::before {

  background-color: var(--tp-common-white);

}

.agntix-dark .tp-service-4-solution-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-service-4-solution-item-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-service-4-solution-item-content p {

  color: rgba(255, 255, 255, 0.7);

}

.agntix-dark .tp-service-4-solution-item-btn a {

  color: var(--tp-common-white);

}

.agntix-dark .tp-service-4-solution-item {

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .tp-service-4-solution-item-icon span {

  color: var(--tp-common-white);

}

.agntix-dark .tp-service-4-price-shape {

  filter: invert(1);

}

.agntix-dark .service-4-price {

  background: #282a2e !important;

}

.agntix-dark .service-4-price .crp-price-item {

  background: transparent;

}

.agntix-dark .tp-section-subtitle {

  color: var(--tp-common-white);

}

.agntix-dark .tp-service-4-process-list p {

  color: var(--tp-common-white);

}

.agntix-dark .tp-service-4-process-list span {

  color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.08);

}

.agntix-dark .tp-service-4-process-list:not(:last-child) span::before {

  background-color: rgba(255, 255, 255, 0.08);

}

.agntix-dark .tp-service-4-process-wrapper p {

  color: rgba(255, 255, 255, 0.7);

}

.agntix-dark .tp-service-5-text p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-service-5-list ul li {

  color: var(--tp-common-white);

}

.agntix-dark .tp-benefits-heading p {

  color: rgba(255, 255, 255, 0.7);

}

.agntix-dark .tp-service-5-price-item-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-service-5-price-item-list ul li {

  color: rgba(255, 255, 255, 0.7);

}

.agntix-dark .tp-service-5-price-item-list ul li span {

  color: rgba(255, 255, 255, 0.7);

}

.agntix-dark .tp-service-5-price-item-head h4 {

  color: var(--tp-common-white);

}

.agntix-dark .tp-service-5-price-item {

  border-top: 1px solid rgba(255, 255, 255, 0.08);

}

.agntix-dark .tp-career-details-subtitle {

  color: var(--tp-common-white);

}

.agntix-dark .tp-career-details-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-career-details-info-item h5 {

  color: var(--tp-common-white);

}

.agntix-dark .tp-career-details-title-2 {

  color: var(--tp-common-white);

}

.agntix-dark .tp-career-details-wrap p {

  color: rgba(255, 255, 255, 0.8);

}

.agntix-dark .tp-career-details-list ul li {

  color: rgba(249, 244, 232, 0.9);

}

.agntix-dark .tp-career-details-sidebar-box {

  border: 1px solid rgba(255, 255, 255, 0.1);

  background: #1b1b1d;

}

.agntix-dark .creative-service-item.about-us-4 {

  border-color: rgba(255, 255, 255, 0.1);

}

.agntix-dark .creative-service-wrap .row [class*=col-] .creative-service-item:last-child {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .tp-career-details-sidebar-heading span {

  color: rgba(255, 255, 255, 0.8);

}

.agntix-dark .tp-career-details-sidebar-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-career-details-sidebar-item-content h5 {

  color: var(--tp-common-white);

}

.agntix-dark .tp-faq-text p {

  color: rgba(255, 255, 255, 0.9);

}

.agntix-dark .tp-team-hero-subtitle span {

  color: var(--tp-common-white);

}

.agntix-dark .tp-team-hero-text p {

  color: rgba(249, 244, 232, 0.9);

}

.agntix-dark .des-team-item-box.team-inner-color span {

  color: rgba(249, 244, 232, 0.2);

}

.agntix-dark .des-team-item-box.team-inner-color.active .des-team-title {

  color: var(--tp-common-white);

}

.agntix-dark .des-team-item-box.team-inner-color .des-team-title {

  color: rgba(249, 244, 232, 0.2);

}

.agntix-dark .des-team-item-box.team-inner-color.active span {

  color: var(--tp-common-white);

}

.agntix-dark .tp-team-part-shape img {

  filter: invert(1);

}

.agntix-dark .ar-hero-title-box p {

  color: rgba(255, 255, 255, 0.7);

}

.agntix-dark .tp-team-part-item {

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .tp-team-part-item-title h4 {

  color: var(--tp-common-white);

}

.agntix-dark .tp-team-part-item-title p {

  color: rgba(255, 255, 255, 0.7);

}

.agntix-dark .tp-team-part-item-content svg {

  color: var(--tp-common-white);

}

.agntix-dark .tp-team-details-text-sub {

  color: rgba(255, 255, 255, 0.7);

}

.agntix-dark .tp-team-details-text-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-team-details-text p {

  color: rgba(255, 255, 255, 0.7);

}

.agntix-dark .tp-team-details-more ul li span {

  color: rgba(255, 255, 255, 0.7);

}

.agntix-dark .tp-team-details-more ul li {

  color: var(--tp-common-white);

}

.agntix-dark .tp-team-details-more-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-team-details-input-content input,
.agntix-dark .tp-team-details-input-content textarea {

  background-color: #1a1b1e;

}

.agntix-dark .tp-team-details-progress-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-team-details-progress-counter {

  color: var(--tp-common-white);

}

.agntix-dark .tp-team-details-info-contact a {

  color: rgba(255, 255, 255, 0.7);

}

.agntix-dark .tp-team-details-info-contact {

  border-top: 1px solid rgba(255, 255, 255, 0.1);

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .tp-team-details-info-contact a:not(:last-of-type) {

  border-right: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .tp-team-details-info-social .tp-footer-widget-social a {

  border: 1px solid rgba(255, 255, 255, 0.08);

  color: var(--tp-common-white);

}

.agntix-dark .ai-faq-accordion-dark-wrap.app-faq-wrap .ai-faq-accordion-wrap .accordion {

  background: transparent;

}

.agntix-dark .ai-faq-accordion-dark-wrap.app-faq-wrap .ai-faq-accordion-wrap .accordion .accordion-items:not(:last-child) {

  border-bottom: 2px solid rgba(255, 255, 255, 0.03);

}

.agntix-dark .tp-error-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-error-wrapper img {

  filter: invert(1);

}

.agntix-dark .tp-error-title-sm {

  color: var(--tp-common-white);

}

.agntix-dark .tp-error-content .tp-btn {

  background-color: var(--tp-common-white);

  color: var(--tp-common-black);

}

.agntix-dark .tp-error-content .tp-btn:hover {

  color: var(--tp-common-white);

  border-color: var(--tp-common-white);

  background-color: transparent;

}

.agntix-dark .tp-contact-form-input input,
.agntix-dark .tp-contact-form-input textarea {

  background: #1D1D1F;

  border-color: #1D1D1F;

  color: var(--tp-common-white);

}

.agntix-dark .tp-contact-form-input input:focus,
.agntix-dark .tp-contact-form-input textarea:focus {

  background: transparent;

  border-color: var(--tp-common-red-3);

}

.agntix-dark .tp-contact-form-input label {

  color: var(--tp-common-white);

}

.agntix-dark .tp-shop-section-subtitle {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-shop-section-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-cats a {

  color: var(--tp-common-white);

  border-color: #59493D;

}

.agntix-dark .tp-product-cats a:hover {

  background-color: #59493D;

}

.agntix-dark .tp-product-filter-select .custom-select .selected {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-filter-select .custom-select {

  border-color: #59493D;

}

.agntix-dark .custom-select .selected .arrow {

  filter: invert(1);

}

.agntix-dark .tp-product-item-title,
.agntix-dark .tp-product-item-price {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-item-title,
.agntix-dark .tp-product-item-price {

  color: var(--tp-common-white);

}

.agntix-dark .basic-pagination.product-pagination ul li>a {

  color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .basic-pagination.product-pagination ul li .current {

  background-color: var(--tp-common-white);

  color: var(--tp-common-black);

}

.agntix-dark .basic-pagination.product-pagination ul li:hover a {

  background-color: var(--tp-common-white);

  color: var(--tp-common-black);

}

.agntix-dark .breadcrumb__list span {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .breadcrumb__style-2 .breadcrumb__list span:last-child {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-category span {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-product-details-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-stock span {

  color: var(--tp-common-white);

  background-color: rgba(255, 255, 255, 0.06);

}

.agntix-dark .tp-product-details-reviews span {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-sort-desc p {

  color: var(--tp-text-body);

}

.agntix-dark .tp-product-details-sort-desc p span {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-price.new-price {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-price.old-price {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-product-details-variation-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-variation-list button:hover,
.agntix-dark .tp-product-details-variation-list button.active {

  box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.9);

}

.agntix-dark .tp-product-details-variation-list button .tp-color-variation-tootltip {

  color: var(--tp-common-black);

  background-color: #e8e0d4;

}

.agntix-dark .tp-product-details-quantity .tp-cart-input[type=text] {

  background-color: var(--tp-theme-shop);

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-action-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-tab-line {

  background-color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-quantity .tp-cart-plus,
.agntix-dark .tp-product-details-quantity .tp-cart-minus {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-add-to-cart-btn {

  color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.08);

}

.agntix-dark .tp-product-details-buy-now-btn:hover {

  background-color: var(--tp-common-white);

  color: var(--tp-common-black);

}

.agntix-dark .tp-product-details-variation-list button .tp-color-variation-tootltip::before {

  border-top: 6px solid #e8e0d4;

}

.agntix-dark .tp-product-details-action-sm-btn {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-product-details-action-sm-btn:hover {

  color: var(--tp-common-white);

}

.agntix-dark .agntix-dark .tp-product-details-action-sm-btn i,

.agntix-dark .tp-product-details-action-sm-btn svg {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-query-item p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-product-details-query-item>span {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-social span {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-social a {

  color: var(--tp-common-white);

  border: 1px solid transparent;

  background-color: var(--tp-theme-shop);

}

.agntix-dark .tp-product-details-social a:hover {

  color: var(--tp-theme-shop);

  border-color: var(--tp-theme-shop);

  background-color: var(--tp-common-white);

}

.agntix-dark .modal-content {

  background-color: #453528;

}

.agntix-dark .tp-product-modal .tp-product-modal-close-btn {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-msg ul li {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-product-details-msg ul li::after {

  filter: invert(1);

}

.agntix-dark .tp-product-details-payment p {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-payment {

  background-color: var(--tp-theme-shop);

}

.agntix-dark .tp-product-details-action-sm {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .tp-product-details-tab-nav .nav-tabs .nav-link.active,
.agntix-dark .tp-product-details-tab-nav .nav-tabs .nav-link:hover {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-tab-nav .nav-tabs {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .tp-product-details-additional-info table tr:not(:last-child) {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .tp-product-details-tab-nav .nav-tabs .nav-link {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-product-details-additional-info table tr td:first-child {

  background-color: var(--tp-theme-shop);

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-additional-info table tr td:last-child {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-product-details-additional-info table {

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .tp-product-details-desc-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-desc-content p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-product-details-thumb-wrapper .nav-tab .nav-links {

  background-color: var(--tp-theme-shop);

}

.agntix-dark .tp-product-details-thumb-wrapper .nav-tab .nav-links.active {

  border: 1px solid #e8e0d4;

  background: #e8e0d4;

}

.agntix-dark .tp-product-details-review-number {

  border: 1px solid #584A3E;

  background-color: var(--tp-theme-shop);

}

.agntix-dark .tp-product-details-review-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-review-number-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-review-summery-value span {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-review-summery-rating p {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-review-rating-percent span {

  color: #A0A2A4;

}

.agntix-dark .tp-product-details-review-rating-item>span {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-review-form-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-review-form>p {

  color: #A0A2A4;

}

.agntix-dark .tp-product-details-review-form-rating p {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-review-input input,
.agntix-dark .tp-product-details-review-input textarea {

  border-color: #584A3E;

  background: var(--tp-theme-shop);

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-review-input input::placeholder,
.agntix-dark .tp-product-details-review-input textarea::placeholder {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-product-details-review-input input:focus,
.agntix-dark .tp-product-details-review-input textarea:focus {

  border-color: rgba(255, 255, 255, 0.9);

}

.agntix-dark .tp-product-details-review-input-title label {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-review-remeber label {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-product-details-review-remeber label::after {

  border: 1px solid #686a6c;

}

.agntix-dark .tp-product-details-review-btn {

  color: var(--tp-common-black);

  border: 1px solid #F4F0EA;

  background-color: #F4F0EA;

}

.agntix-dark .tp-product-details-review-btn:hover {

  color: #F4F0EA;

  background-color: transparent;

}

.agntix-dark .tp-product-details-review-remeber input:checked~label::after {

  border: 1px solid #F4F0EA;

  background-color: #F4F0EA;

}

.agntix-dark .tp-product-details-review-avater-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-review-avater-meta {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-product-details-review-avater-comment p {

  color: rgba(255, 255, 255, 0.6);

}

.agntix-dark .tp-product-details-bottom {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-dark .tp-product-related-title {

  color: var(--tp-common-white);

}

.agntix-dark .tp-product-details-review-remeber label::before {

  filter: invert(1);

}

.agntix-dark .tp-header-8-lang a {

  color: var(--tp-common-white);

}

.agntix-dark .tp-header-8-lang a:hover {

  color: var(--tp-common-red-2);

}



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

/*  10.8 Light Css Start

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

.agntix-light .des-about-text .tp-btn-border {

  color: var(--tp-common-black);

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .des-about-text .tp-btn-border:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-common-black);

  border-color: var(--tp-common-black);

}

.agntix-light .des-text-item.sm span {

  color: rgba(0, 0, 0, 0.1);

}

.agntix-light .des-text-moving-area {

  padding-bottom: 60px;

}

.agntix-light .des-about-area {

  padding-top: 160px;

}

.agntix-light .tp_text_invert_3>div {

  background-image: linear-gradient(to right, #000 50%, #e4e4e4 50%);

}

.agntix-light .des-text-title {

  color: var(--tp-common-black);

  background-color: var(--tp-common-white);

}

.agntix-light .des-text-title-wrap::after {

  background-color: rgba(0, 0, 0, 0.06);

}

.agntix-light .des-text-title-box p {

  color: var(--tp-common-black);

}

.agntix-light .des-text-moving-top.active .des-text-item.sm span {

  color: var(--tp-common-black);

}

.agntix-light .tp-section-subtitle {

  color: var(--tp-common-black);

}

.agntix-light .tp-section-title-mango {

  color: var(--tp-common-black);

}

.agntix-light .des-project-top-text p {

  color: var(--tp-text-body);

}

.agntix-light .des-project-total span {

  color: var(--tp-common-black);

}

.agntix-light .des-project-total span::before {

  background-color: var(--tp-common-black);

}

.agntix-light .des-project-info span {

  color: rgba(0, 0, 0, 0.5);

}

.agntix-light .des-project-info h4 {

  color: var(--tp-common-black);

}

.agntix-light .des-project-item {

  border-color: rgba(0, 0, 0, 0.1);

}

.agntix-light .des-brand-item.black-style .des-brand-item-inner {

  background-color: rgb(246, 246, 249);

}

.agntix-light .des-brand-item.black-style .des-brand-item-inner img {

  filter: invert(0);

}

.agntix-light .tp-header-4-style .tp-header-menu nav ul li a {

  color: var(--tp-common-black);

}

.agntix-light .tp-header-4-style .tp-header-dropdown nav ul li.has-dropdown::after {

  color: var(--tp-common-black);

}

.agntix-light .creative-hero-black-box {

  background-color: var(--tp-common-white);

}

.agntix-light .creative-hero-title em {

  background-color: var(--tp-common-white);

}

.agntix-light .creative-hero-title {

  color: var(--tp-common-black);

}

.agntix-light .creative-hero-title i {

  background-color: var(--tp-common-white);

}

.agntix-light .creative-hero-btn {

  background-color: var(--tp-common-white);

}

.agntix-light .creative-hero-black-box::before {

  box-shadow: 0px -18px 0 0 #fff;

}

.agntix-light .creative-hero-title em::before {

  box-shadow: 0px -18px 0 0 #fff;

}

.agntix-light .creative-hero-title i::before {

  box-shadow: 0px 18px 0 0 #fff;

}

.agntix-light .creative-hero-btn::before {

  box-shadow: 0px -18px 0 0 #fff;

}

.agntix-light .creative-hero-title img {

  filter: invert(1);

}

.agntix-light .creative-hero-banner::after {

  box-shadow: 0px -18px 0 0 #fbfbfb;

}

.agntix-light .tp-header-border {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .creative-hero-avater-box {

  background-color: var(--tp-common-white);

}

.agntix-light .creative-hero-avater-info h4 {

  color: var(--tp-common-black);

}

.agntix-light .creative-hero-avater-info span {

  color: var(--tp-text-body);

}

.agntix-light .tp-section-subtitle.fs-17.pre-circle::before {

  background-color: var(--tp-common-black);

}

.agntix-light .creative-about-text p {

  color: var(--tp-common-black);

}

.agntix-light .creative-brand-item img {

  filter: invert(1);

}

.agntix-light .tp-section-title.fs-64 {

  color: var(--tp-common-black);

}

.agntix-light .creative-project-title-sm {

  color: var(--tp-common-black);

}

.agntix-light .creative-project-meta span {

  color: var(--tp-common-black);

}

.agntix-light .creative-project-meta span:not(:last-child)::after {

  background-color: var(--tp-common-black);

}

.agntix-light .creative-project-category {

  background-color: var(--tp-common-white);

}

.agntix-light .creative-project-category::before {

  box-shadow: 0px -17px 0 0 #FFF;

}

.agntix-light .creative-project-category::after {

  box-shadow: 0px -17px 0 0 #FFF;

}

.agntix-light .creative-project-btn-box p {

  color: var(--tp-common-black);

}

.agntix-light .tp-section-title.fs-44 {

  color: var(--tp-common-black);

}

.agntix-light .creative-blog-top-content p {

  color: #4d5051;

}

.agntix-light .creative-service-content>span {

  color: var(--tp-common-black);

}

.agntix-light .creative-service-title {

  color: var(--tp-common-black);

}

.agntix-light .creative-service-item.about-us-4 {

  border-color: rgba(0, 0, 0, 0.2);

}

.agntix-light .creative-service-item.about-us-4 .creative-service-title a {

  background: linear-gradient(#D0FF71, #D0FF71) left no-repeat, #111013;

  background-size: auto, auto;

  background-clip: border-box, border-box;

  background-size: 0% 100%;

  background-clip: text;

  -webkit-background-clip: text;

}

.agntix-light .creative-service-item.about-us-4:hover .creative-service-title a {

  background-size: 100% 100%;

}

.agntix-light .creative-service-item.about-us-4:hover .creative-service-link a {

  background-color: #d0ff71;

  color: var(--tp-common-black);

  border: 1px solid rgb(208, 255, 113);

}

.agntix-light .creative-choose-text p {

  color: var(--tp-common-black);

}

.agntix-light .creative-choose-text p span {

  background-color: #fff;

}

.agntix-light .creative-choose-text p span svg {

  filter: invert(1);

}

.agntix-light .creative-choose-text-middle::before {

  box-shadow: 0px 18px 0 0 #fff;

}

.agntix-light .creative-choose-avater-box {

  background-color: var(--tp-common-white);

}

.agntix-light .creative-choose-avater-info h4 {

  color: var(--tp-common-black);

}

.agntix-light .creative-choose-avater-info span {

  color: var(--tp-text-body);

}

.agntix-light .creative-choose-avater-box::after {

  bottom: 34px;

  box-shadow: 0px -18px 0 0 #fff;

}

.agntix-light .creative-choose-customer {

  background-color: var(--tp-common-white);

}

.agntix-light .creative-choose-customer-info h4 {

  color: var(--tp-text-body);

}

.agntix-light .creative-choose-customer-info span {

  color: var(--tp-text-body);

}

.agntix-light .creative-choose-customer::before {

  box-shadow: 0px 13px 0 0 #fff;

}

.agntix-light .creative-choose-customer::after {

  box-shadow: 0px 13px 0 0 #fff;

}

.agntix-light .creative-testimonial-item {

  background-color: #f6f6f9;

}

.agntix-light .creative-testimonial-avater-info h4 {

  color: var(--tp-common-black);

}

.agntix-light .creative-testimonial-avater-info span {

  color: var(--tp-text-body);

}

.agntix-light .creative-testimonial-text p {

  color: var(--tp-common-black);

}

.agntix-light .creative-testimonial-text p span svg {

  filter: invert(1);

}

.agntix-light .creative-testimonial-slider-wrap .tp-scrollbar {

  background: rgba(0, 0, 0, 0.1);

}

.agntix-light .creative-testimonial-slider-wrap .tp-scrollbar .swiper-scrollbar-drag {

  background: var(--tp-common-black);

}

.agntix-light .creative-work-square-box {

  background-color: var(--tp-common-white);

}

.agntix-light .creative-work-square-box::after,
.agntix-light .creative-work-square-box::before {

  box-shadow: 0px -18px 0 0 #fff;

}

.agntix-light .creative-work-item {

  background-color: var(--tp-common-white);

}

.agntix-light .creative-work-icon img {

  filter: invert(1);

}

.agntix-light .creative-work-content p {

  color: var(--tp-common-black);

}

.agntix-light .creative-blog-meta span {

  color: var(--tp-text-body);

}

.agntix-light .creative-blog-meta span:not(:last-child)::after {

  background-color: rgb(46, 45, 45);

}

.agntix-light .creative-blog-title-sm {

  color: var(--tp-common-black);

}

.agntix-light .creative-footer-style .tp-footer-widget-social {

  background-color: #fff;

}

.agntix-light .creative-footer-style .tp-footer-widget-social::after,
.agntix-light .creative-footer-style .tp-footer-widget-social::before {

  box-shadow: 0px -18px 0 0 #fff;

}

.agntix-light .creative-footer-text {

  background-color: #fff;

}

.agntix-light .creative-footer-text::after,
.agntix-light .creative-footer-text::before {

  box-shadow: 0px -18px 0 0 #fff;

}

.agntix-light .creative-footer-text p {

  color: var(--tp-common-black);

}

.agntix-light .creative-footer-style .tp-footer-widget-menu ul li a:hover {

  border: 1px solid rgb(208, 255, 113);

}

.agntix-light .creative-footer-style .tp-footer-widget-title {

  color: var(--tp-common-black);

}

.agntix-light .creative-footer-style .tp-footer-widget-title-sm {

  color: var(--tp-common-black);

}

.agntix-light .creative-footer-style .tp-copyright-big-text {

  color: var(--tp-common-black);

}

.agntix-light .creative-footer-style .tp-footer-widget-menu ul li a {

  color: var(--tp-common-black);

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .creative-footer-style .tp-footer-widget-info a {

  color: var(--tp-common-black);

}

.agntix-light .creative-footer-style .tp-copyright-left span {

  color: var(--tp-common-black);

}

.agntix-light .creative-footer-style .tp-copyright-right a {

  color: var(--tp-common-black);

}

.agntix-light .creative-footer-style .tp-footer-widget-social a:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-common-black);

}

.agntix-light .tp_text_invert_2>div {

  background-size: 200% 100%;

  background-position: 100%;

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

  background-image: linear-gradient(to right, #111013 50%, #e4e4e4 50%);

}

.agntix-light .design-project-title-box p {

  color: var(--tp-common-black-7);

}

.agntix-light .tp-btn-sky-border {

  color: var(--tp-common-black-7);

  border: 1.5px solid #0e0f11;

}

.agntix-light .tp-btn-sky-border:hover {

  background-color: #0e0f11;

  color: var(--tp-common-white);

}

.agntix-light .design-project-title {

  color: var(--tp-common-black-7);

}

.agntix-light .design-project-content span {

  color: var(--tp-common-black-7);

}

.agntix-light .design-choose-title-box p {

  color: var(--tp-common-black-7);

}

.agntix-light .design-choose-content p {

  color: var(--tp-common-black-7);

}

.agntix-light .creative-footer-style .tp-footer-widget-title-sm.pre::before {

  background-color: var(--tp-common-black);

}

.agntix-light .design-service-left span {

  color: var(--tp-text-body);

}

.agntix-light .design-service-left span::after {

  background-color: rgba(0, 0, 0, 0.1);

}

.agntix-light .design-service-accordion .accordion-buttons span {

  color: var(--tp-text-body);

}

.agntix-light .design-service-accordion .accordion-body p {

  color: var(--tp-text-body);

}

.agntix-light .design-service-accordion .accordion-buttons i {

  color: var(--tp-common-black-7);

}

.agntix-light .design-service-accordion .accordion-buttons:not(.collapsed) i {

  color: var(--tp-common-black);

}

.agntix-light .design-service-category a {

  color: var(--tp-common-black-7);

  border-color: rgba(0, 0, 0, 0.1);

}

.agntix-light .design-service-category a:hover {

  color: var(--tp-common-white);

}

.agntix-light .creative-project-social a {

  background-color: #f6f6f9;

  color: var(--tp-common-black);

  border-color: var(--tp-common-white);

}

.agntix-light .creative-project-social::after {

  background-color: rgba(0, 0, 0, 0.1);

}

.agntix-light .design-hero-slide-text span {

  color: var(--tp-common-black-7);

}

.agntix-light .design-hero-content p {

  color: var(--tp-common-black-7);

}

.agntix-light .design-hero-social a {

  color: var(--tp-common-black-7);

}

.agntix-light .design-hero-social a:not(:last-child)::after {

  background-color: rgba(0, 0, 0, 0.4);

}

.agntix-light .tp-btn-sky-border.solid-bg {

  color: var(--tp-common-white);

  background-color: #0e0f11;

}

.agntix-light .tp-btn-sky-border.solid-bg:hover {

  color: var(--tp-common-black-7);

  background-color: transparent;

}

.agntix-light .creative-text-item span {

  color: var(--tp-common-black-7);

}

.agntix-light .creative-text-item span::after {

  background-color: var(--tp-common-black-7);

}

.agntix-light .design-work-content p {

  color: var(--tp-common-black-7);

}

.agntix-light .design-award-title-box p {

  color: var(--tp-common-black-7);

}

.agntix-light .design-award-item {

  border-bottom: 1px solid rgba(0, 0, 0, 0.3);

}

.agntix-light .design-award-item:hover {

  border-color: var(--tp-common-black-7);

}

.agntix-light .design-award-item::before {

  background: rgba(0, 0, 0, 0.3);

}

.agntix-light .design-award-item::after {

  background: rgba(0, 0, 0, 0.3);

}

.agntix-light .design-award-item:hover::before,
.agntix-light .design-award-item:hover::after {

  background: var(--tp-common-black-7);

}

.agntix-light .design-award-item.active .design-award-content h4 {

  color: var(--tp-common-black-7);

}

.agntix-light .design-award-item.active .design-award-content span {

  color: var(--tp-common-black-7);

}

.agntix-light .design-award-content h4 {

  color: rgba(0, 0, 0, 0.25);

}

.agntix-light .design-award-content span {

  color: rgba(0, 0, 0, 0.25);

}

.agntix-light .tp-testimonial-ratting {

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .tp-testimonial-ratting img {

  filter: invert(1);

}

.agntix-light .tp-testimonial-ratting-icon span {

  color: var(--tp-common-black-7);

}

.agntix-light .tp-testimonial-ratting-info p {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .design-footer-widget-title {

  color: var(--tp-common-black-7);

}

.agntix-light .design-footer-widget-input input {

  color: var(--tp-common-black);

  border-color: rgba(20, 20, 20, 0.1);

}

.agntix-light .design-footer-widget-input input::placeholder {

  color: var(--tp-common-black);

}

.agntix-light .design-footer-widget-input input:focus {

  border-color: var(--tp-common-black-7);

}

.agntix-light .design-footer-widget-input-icon {

  background-color: var(--tp-common-black-7);

}

.agntix-light .design-footer-widget-info a {

  color: var(--tp-common-black);

}

.agntix-light .design-footer-middle {

  border-bottom: 1px solid rgba(0, 0, 0, 0.2);

}

.agntix-light .design-footer-top-wrap {

  border-bottom: 1px solid rgba(0, 0, 0, 0.2);

}

.agntix-light .design-copyright-text p {

  color: rgba(0, 0, 0, 0.5);

}

.agntix-light .design-copyright-backtoTop a {

  color: var(--tp-common-black-7);

}

.agntix-light .design-copyright-backtoTop a span {

  color: var(--tp-common-black-7);

}

.agntix-light .design-copyright-big-text img {

  filter: invert(1);

}

.agntix-light .design-hero-circle-1 {
/*
  filter: blur(400px);

  -webkit-filter: blur(400px);
  */

  background-color: transparent;

}
.design-hero-area.white-bg
{
  background-color: #f2f0f0;
}

.agntix-light .design-hero-circle-2 {

  filter: blur(400px);

  -webkit-filter: blur(400px);

  background-color: rgba(109, 97, 255, 0.1);

}

.agntix-light .creative-choose-text-bottom::after {

  box-shadow: 0px -18px 0 0 #fff;

}

.agntix-light .des-team-item-box span {

  color: #ECECEC;

}

.agntix-light .des-team-item-box .des-team-title {

  color: #ECECEC;

}

.agntix-light .des-team-item-box.active span {

  color: #111013;

}

.agntix-light .des-team-item-box.active .des-team-title {

  color: #111013;

}

.agntix-light .des-team-wrap.des-team-inner-style .des-team-item-box span {

  color: #ECECEC;

}

.agntix-light .des-team-wrap.des-team-inner-style .des-team-item-box .des-team-title {

  color: #ECECEC;

}

.agntix-light .des-team-wrap.des-team-inner-style .des-team-item-box.active span {

  color: #2A4C3A;

}

.agntix-light .des-team-wrap.des-team-inner-style .des-team-item-box.active .des-team-title {

  color: #2A4C3A;

}

.agntix-light .studio-hero-info a,
.agntix-light .studio-hero-info span {

  color: var(--tp-common-black-7);

}

.agntix-light .studio-hero-banner-text span {

  color: var(--tp-common-black-7);

}

.agntix-light .tp-section-subtitle-clash {

  color: var(--tp-common-black-7);

}

.agntix-light .studio-about-content p {

  color: var(--tp-common-black-7);

}

.agntix-light .studio-project-number span {

  color: var(--tp-common-black-7);

}

.agntix-light .studio-project-number i {

  color: var(--tp-common-black-7);

}

.agntix-light .studio-project-title-sm {

  color: var(--tp-common-black-7);

}

.agntix-light .studio-project-content span {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .studio-service-item-wrap .tp-award-year {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .studio-service-item-wrap .tp-award-text {

  color: var(--tp-common-black-7);

}

.agntix-light .tp-award-icon {

  color: var(--tp-common-black);

}

.agntix-light .studio-service-item-wrap .tp-award-item {

  border-top: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .studio-service-item-wrap {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .studio-award-content p {

  color: var(--tp-common-black-7);

}

.agntix-light .studio-award-icon img {

  filter: invert(1);

}

.agntix-light .studio-award-icon {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .studio-award-item span {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .design-testimonial-author h4 {

  color: var(--tp-common-black-7);

}

.agntix-light .design-testimonial-author span {

  color: var(--tp-text-body);

}

.agntix-light .design-testimonial-review h4 {

  color: var(--tp-common-black-7);

}

.agntix-light .design-testimonial-text p {

  color: var(--tp-common-black-7);

}

.agntix-light .design-testimonial-item {

  background-color: rgb(246, 246, 249);

}

.agntix-light .studio-team-title-box p {

  color: rgba(0, 0, 0, 0.8);

}

.agntix-light .studio-step-item {

  box-shadow: none;

  background-color: rgb(246, 246, 249);

}

.agntix-light .tp-btn-red-border {

  color: var(--tp-common-red);

}

.agntix-light .tp-btn-red-border:hover {

  color: var(--tp-common-white);

}

.agntix-light .tp-section-title.fs-54 {

  color: var(--tp-common-black);

}

.agntix-light .ai-choose-text p {

  color: var(--tp-common-black);

}

.agntix-light .ai-choose-bottom-text p {

  color: rgba(0, 0, 0, 0.7);

}

.agntix-light .ai-choose-bottom-text p a {

  color: var(--tp-common-black);

}

.agntix-light .ai-choose-icon span {

  color: var(--tp-common-black);

  background: rgba(0, 0, 0, 0.08);

}

.agntix-light .ai-choose-bottom-text {

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .ai-choose-shape {

  filter: invert(1);

}

.agntix-light .ai-about-title-box p {

  color: var(--tp-common-black);

}

.agntix-light .ai-about-list ul li p {

  color: var(--tp-common-black);

}

.agntix-light .ai-about-list ul li>span>span svg {

  color: var(--tp-common-black);

}

.agntix-light .ai-about-list ul li>span>span i {

  background: rgba(0, 0, 0, 0.08);

}

.agntix-light .ai-text-slider span {

  color: rgba(0, 0, 0, 0.02);

  -webkit-text-stroke: 2px rgba(0, 0, 0, 0.197);

  text-shadow: inset 0 -6px 12px 0 rgba(0, 0, 0, 0.14);

}

.agntix-light .ai-text-slider img {

  filter: invert(1);

}

.agntix-light .ai-service-top-text p {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .ai-service-item {

  background-color: white;

}

.agntix-light .ai-service-title-sm {

  color: var(--tp-common-black);

}

.agntix-light .ai-service-content p {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .ai-service-link a {

  color: var(--tp-common-black);

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .ai-service-item::after {

  filter: invert(1);

  background: -webkit-linear-gradient(90deg, #08041D 0%, rgba(255, 255, 255, 0.1) 100%);

}

.agntix-light .ai-service-link a:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-common-black);

}

.agntix-light .ai-price-title-box p {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .ai-price-tab ul {

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .ai-price-tab ul li button.active {

  color: var(--tp-common-white);

}

.agntix-light #lineMarker {

  background: var(--tp-common-black);

}

.agntix-light .ai-price-tab ul li button {

  color: var(--tp-common-black);

}

.agntix-light .ai-price-item {

  background-color: #F6F6F9;

}

.agntix-light .ai-price-head span {

  color: var(--tp-common-black);

}

.agntix-light .ai-price-head h4 {

  color: var(--tp-common-black);

}

.agntix-light .ai-price-head h4 i {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .ai-price-list-item span {

  color: var(--tp-common-black);

}

.agntix-light .ai-price-list-item i {

  color: var(--tp-common-black);

  border: 2px solid rgba(0, 0, 0, 0.2);

}

.agntix-light .ai-price-bottom-text span {

  color: rgba(0, 0, 0, 0.7);

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .ai-price-bottom-text span a {

  color: var(--tp-common-black);

}

.agntix-light .ai-faq-video a {

  background: rgba(0, 0, 0, 0.06);

  border: 1px solid rgba(0, 0, 0, 0.1);

  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);

}

.agntix-light .ai-faq-accordion-wrap .accordion-header .accordion-buttons {

  color: var(--tp-common-black);

}

.agntix-light .ai-faq-accordion-wrap .accordion-body p {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .ai-faq-accordion-wrap .accordion-header .accordion-buttons .accordion-icon::before {

  background-color: var(--tp-common-black);

}

.agntix-light .ai-faq-accordion-wrap .accordion-header .accordion-buttons .accordion-icon::after {

  background-color: var(--tp-common-black);

}

.agntix-light .ai-blog-content span {

  background: linear-gradient(139deg, #9968ff 0%, #ff6cb2 49%, #ffaf56 100%);

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.agntix-light .ai-blog-title {

  color: var(--tp-common-black);

}

.agntix-light .ai-blog-meta span {

  color: rgba(0, 0, 0, 0.4);

}

.agntix-light .ai-blog-meta span:not(:last-child)::after {

  background-color: rgba(0, 0, 0, 0.4);

}

.agntix-light .ai-blog-item {

  border: 1px solid rgba(0, 0, 0, 0.08);

}

.agntix-light .tp-section-subtitle-teko {

  color: #2A4C3A;

}

.agntix-light .tp-section-subtitle-teko i {

  color: #2A4C3A;

}

.agntix-light .tp-section-title-teko {

  color: #2A4C3A;

}

.agntix-light .tp-section-title-teko span {

  color: #2A4C3A;

}

.agntix-light .crp-about-text p {

  color: rgba(0, 0, 0, 0.8);

}

.agntix-light .crp-service-icon span {

  background-color: #2A4C3A;

}

.agntix-light .crp-service-title-sm {

  color: #2a4c3a;

}

.agntix-light .crp-service-content p {

  color: rgba(0, 0, 0, 0.7);

}

.agntix-light .crp-service-link {

  color: #2a4c3a;

}

.agntix-light .crp-service-link i {

  color: #2A4C3A;

}

.agntix-light .tp-btn-yellow-border {

  color: #2A4C3A;

  border: 1px solid #2A4C3A;

}

.agntix-light .crp-project-item {

  background-color: var(--tp-common-white);

  border: 1px solid rgba(42, 76, 58, 0.1);

}

.agntix-light .crp-process-title-sm {

  color: #2A4C3A;

}

.agntix-light .crp-process-content p {

  color: rgba(0, 0, 0, 0.7);

}

.agntix-light .crp-blog-title {

  color: var(--tp-common-black);

}

.agntix-light .crp-blog-meta {

  color: rgba(0, 0, 0, 0.7);

}

.agntix-light .crp-blog-title-sm {

  color: #2A4C3A;

}

.agntix-light .crp-blog-category span {

  color: #2A4C3A;

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .crp-price-title-box .tp-section-subtitle-teko {

  color: var(--tp-common-white);

}

.agntix-light .crp-price-title-box .tp-section-title-teko {

  color: var(--tp-common-cream-3);

}

.agntix-light .crp-price-title-box .tp-section-title-teko span {

  color: var(--tp-common-yellow-green);

}

.agntix-light .crp-price-btn-box .tp-btn-yellow-border {

  color: var(--tp-common-yellow-green);

  border: 1px solid var(--tp-common-yellow-green);

}

.agntix-light .crp-about-btn-box .tp-btn-yellow-green {

  color: #fff;

  background-color: #2A4C3A;

}

.agntix-light .creative-hero-black-box::after {

  box-shadow: 0px -18px 0 0 #fff;

}

.agntix-light .creative-hero-title em::after {

  box-shadow: 0px 18px 0 0 #fff;

}

.agntix-light .tp-price-light-anim .animated-border-box::before {

  background-image: conic-gradient(rgb(255, 255, 255), #000, rgb(255, 255, 255) 25%);

}

.agntix-light .ai-faq-accordion-wrap .accordion-items:not(:last-child) {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .ai-price-btn .tp-btn-black-border {

  color: var(--tp-common-black);

  background: rgb(255, 255, 255);

}

.agntix-light .cr-multi-border {

  border-color: rgba(0, 0, 0, 0.06);

}

.agntix-light .cr-multi-border::after,
.agntix-light .cr-multi-border::before {

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);

}

.agntix-light .ca-brand-sub img {

  filter: invert(1);

}

.agntix-light .tp-btn-white-border.tp-btn-light-bg {

  color: #0E0F11;

  background-color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-light .tp-btn-white-border.tp-btn-light-bg:hover {

  color: var(--tp-common-white);

  border-color: var(--tp-common-white);

  background-color: transparent;

}

.agntix-light .cr-brand-heading p {

  color: rgba(0, 0, 0, 0.5);

}

.agntix-light .cr-brand-wrapper .app-brand-item {

  border-color: rgba(0, 0, 0, 0.1);

}

.agntix-light .cr-brand-wrapper .app-brand-item img {

  filter: invert(1);

}

.agntix-light .cr-brand-bottom img {

  filter: invert(1);

}

.agntix-light .tp-section-subtitle-gradient.ct {

  border-color: rgba(0, 0, 0, 0.1);

}

.agntix-light .tp-section-title-onest {

  color: var(--tp-common-black);

}

.agntix-light .cr-feature-heading p {

  color: rgba(0, 0, 0, 0.5);

}

.agntix-light .cr-feature-heading {

  border-bottom: 1px solid rgba(0, 0, 0, 0.07);

}

.agntix-light .cr-multi-border-bottom {

  border-bottom: 1px solid rgba(0, 0, 0, 0.06);

}

.agntix-light .cr-feature-2-bg {

  filter: invert(1);

}

.agntix-light .cr-feature-2-heading p {

  color: rgba(0, 0, 0, 0.5);

}

.agntix-light .cr-feature-2-btn .tp-btn-white-border {

  color: var(--tp-common-white);

  border: 1px solid rgba(0, 0, 0, 0.1);

  background-color: var(--tp-common-black);

}

.agntix-light .cr-feature-2-btn .tp-btn-white-border:hover {

  color: var(--tp-common-black);

  background-color: transparent;

  border-color: var(--tp-common-black);

}

.agntix-light .cr-feature-2-item {

  border-color: #ebebeb;

}

.agntix-light .cr-feature-2-item span {

  background-color: #ebebeb;

}

.agntix-light .cr-feature-2-ptb {

  border-bottom: 1px solid rgba(0, 0, 0, 0.07);

}

.agntix-light .cr-feature-3-border-box {

  border-color: rgba(0, 0, 0, 0.07);

}

.agntix-light .cr-feature-3-border-box::after,
.agntix-light .cr-feature-3-border-box::before {

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);

}

.agntix-light .cr-feature-3-border {

  border-bottom: 1px solid rgba(0, 0, 0, 0.07);

}

.agntix-light .cr-service-item {

  border-left: 1px dashed rgba(0, 0, 0, 0.08);

}

.agntix-light .cr-service-item-icon span {

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .cr-service-item-icon span svg {

  filter: invert(1);

}

.agntix-light .cr-service-item-title {

  color: var(--tp-common-black);

}

.agntix-light .cr-feature-3-heading .tp-section-title-onest {

  color: var(--tp-common-white);

}

.agntix-light .cr-service-item-content p {

  color: rgba(0, 0, 0, 0.5);

}

.agntix-light .cr-hero-heading .tp-section-title-onest {

  color: var(--tp-common-white);

}

.agntix-light .cr-service-ptb {

  border-bottom: 1px solid rgba(0, 0, 0, 0.07);

}

.agntix-light .cr-testimonial-box {

  border-color: rgba(0, 0, 0, 0.07);

}

.agntix-light .cr-testimonial-ptb {

  border-bottom: 1px solid rgba(0, 0, 0, 0.07);

}

.agntix-light .cr-testimonial-content span {

  color: var(--tp-common-black);

}

.agntix-light .cr-testimonial-content p {

  color: rgba(0, 0, 0, 0.5);

}

.agntix-light .cr-testimonial-title {

  color: var(--tp-common-black);

}

.agntix-light .cr-testimonial-nav button {

  color: var(--tp-common-black);

  background: rgba(0, 0, 0, 0.06);

  border: 1px solid rgba(0, 0, 0, 0.06);

}

.agntix-light .cr-testimonial-nav button:hover {

  color: var(--tp-common-white);

  border-color: var(--tp-common-black);

  background-color: var(--tp-common-black);

}

.agntix-light .cr-testimonial-wrapper {

  background: #F6F6F9;

  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.4);

}

.agntix-light .cr-testimonial-item-subtitle {

  color: rgba(0, 0, 0, 0.5);

}

.agntix-light .cr-testimonial-item-top img {

  filter: invert(1);

}

.agntix-light .cr-testimonial-item-title {

  color: var(--tp-common-black);

}

.agntix-light .cr-testimonial-item-user span {

  color: var(--tp-common-black);

}

.agntix-light .cr-testimonial-item-user p {

  color: rgba(0, 0, 0, 0.5);

}

.agntix-light .cr-blog-item {

  border: 1px solid rgba(0, 0, 0, 0.08);

}

.agntix-light .cr-blog-item-category {

  color: var(--tp-common-black);

}

.agntix-light .cr-blog-item-title {

  color: var(--tp-common-black);

}

.agntix-light .cr-blog-item-meta {

  color: rgba(0, 0, 0, 0.5);

}

.agntix-light .cr-blog-bottom-text {

  color: var(--tp-common-black);

}

.agntix-light .cr-blog-bottom-border {

  border-bottom: 1px solid rgba(0, 0, 0, 0.07);

}

.agntix-light .cr-cta-text {

  color: rgba(0, 0, 0, 0.5);

}

.agntix-light .cr-cta-bg {

  filter: invert(1);

}

.agntix-light .cr-footer-border-wrap {

  border-color: rgba(0, 0, 0, 0.06);

}

.agntix-light .cr-cta-btn .tp-btn-white-border {

  color: var(--tp-common-white);

  border: 1px solid rgba(0, 0, 0, 0.1);

  background-color: var(--tp-common-black);

}

.agntix-light .cr-cta-btn .tp-btn-white-border:hover {

  background-color: transparent;

  color: var(--tp-common-black);

  border-color: var(--tp-common-black);

}

.agntix-light .tp-hero-5-thumb-content p {

  color: var(--tp-common-black-8);

}

.agntix-light .tp-hero-5-thumb-content::after {

  background-color: var(--tp-common-black-8);

}

@media (min-width: 1800px) {

  .agntix-light .tp-hero-5-bdr-left {

    border-left: 1px solid rgba(46, 46, 46, 0.1);

  }

}

.agntix-light .tp-hero-5-title span {

  -webkit-text-stroke: 2px var(--tp-common-black-8);

  text-stroke: 2px var(--tp-common-black-8);

}

.agntix-light .tp-hero-5-title {

  color: var(--tp-common-black-8);

}

.agntix-light .tp-hero-5-title-box p {

  color: var(--tp-common-black-8);

}

.agntix-light .tp-hero-5-title-box .tp-btn-cream-bdr {

  color: var(--tp-common-black-8);

  border: 1px solid var(--tp-common-black-8);

}

.agntix-light .tp-hero-5-title-box .tp-btn-cream-bdr:hover {

  background-color: var(--tp-common-black-8);

  color: #F3F1EA;

}

.agntix-light .tp-project-5-title-box-bg,

.agntix-light .tp-text-slider-5-style .tp-text-slider-4-wrap {

  background-color: #E5E1D3;

}

.agntix-light .tp-text-slider-5-style .tp-text-slider-4-item span {

  color: var(--tp-common-black-8);

}

.agntix-light .tp-text-slider-4-item img {

  filter: invert(100%) sepia(80%) saturate(280%) hue-rotate(200deg) brightness(105%) contrast(100%);

}

.agntix-light .tp-about-5-subtitle {

  color: var(--tp-common-black-8);

}

.agntix-light .tp-section-title-5.fs-140 {

  color: var(--tp-common-black-8);

}

.agntix-light .tp-about-5-title-box p {

  color: var(--tp-common-black-8);

}

.agntix-light .tp-project-5-section-subtitle,
.agntix-light .tp-project-5-section-title,
.agntix-light .tp-project-5-section-link {

  color: var(--tp-common-black-8);

}

.agntix-light .tp-project-5-section-box {

  border-top: 1px solid rgba(46, 46, 46, 0.1);

}

.agntix-light .tp-project-5-title-box.active .tp-project-5-title {

  color: var(--tp-common-black-8);

}

.agntix-light .tp-project-5-title {

  color: rgba(47, 46, 43, 0.3);

}

.agntix-light .tp-project-5-title-box span {

  color: rgba(47, 46, 43, 0.3);

}

.agntix-light .tp-project-5-title-box.active span {

  color: var(--tp-common-black-8);

}

.agntix-light .tp-project-5-2-title {

  color: var(--tp-common-black-8);

}

.agntix-light .tp-project-5-2-item {

  border: 1px solid var(--tp-common-black-8);

  background: rgba(243, 241, 234, 0.9);

}

.agntix-light .tp-project-5-2-content span {

  color: var(--tp-common-black-8);

}

.agntix-light .tp-project-5-2-title-sm {

  color: var(--tp-common-black-8);

}

.agntix-light .tp-project-5-2-shape span {

  filter: invert(100%) sepia(80%) saturate(280%) hue-rotate(200deg) brightness(105%) contrast(100%);

}

.agntix-light .tp-project-5-2-btn {

  border-top: 1px solid var(--tp-common-black-8);

  border-bottom: 1px solid var(--tp-common-black-8);

}

.agntix-light .tp-project-5-2-btn a {

  color: var(--tp-common-black-8);

}

.agntix-light .tp-project-5-2-btn a span {

  color: var(--tp-common-black-8);

}

.agntix-light .tp-testimonial-5-content .quote-shape svg {

  color: rgba(62, 62, 33, 0.25);

  stroke-width: 0.5px;

  stroke: rgba(207, 194, 146, 0.3);

}

.agntix-light .tp-testimonial-5-content p {

  color: var(--tp-common-white);

}

.agntix-light .tp-testimonial-5-content span {

  color: var(--tp-common-white);

}

.agntix-light .tp-testimonial-5-content span::before {

  background-color: var(--tp-common-white);

}

.agntix-light .tp-testimonial-5-bg {

  mix-blend-mode: normal;

}

.agntix-light .tp-footer-15-social span {

  color: var(--tp-common-black-8);

}

.agntix-light .tp-footer-15-social a {

  color: var(--tp-common-black-8);

}

.agntix-light .tp-footer-15-social a span {

  color: var(--tp-common-black-8);

}

.agntix-light .tp-footer-15-social::after {

  background-color: var(--tp-common-black-8);

}

.agntix-light .tp-footer-15-social a::after {

  background-color: var(--tp-common-black-8);

}

.agntix-light .tp-footer-15-copyright-text span {

  color: var(--tp-common-black-8);

}

.agntix-light .tp-footer-15-copyright-text span a::after {

  background-color: var(--tp-common-black-8);

}

.agntix-light .pp-brand-title {

  color: var(--tp-common-black);

}

.agntix-light .pp-brand-title i {

  color: rgba(0, 0, 0, 0.3);

}

.agntix-light .pp-brand-area {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .pp-service-heading span {

  color: var(--tp-common-black);

}

.agntix-light .pp-service-item {

  border-color: rgba(0, 0, 0, 0.1);

}

.agntix-light .pp-service-item-title {

  color: var(--tp-common-black);

}

.agntix-light .pp-banner-wrap img {

  opacity: 1;

}

.agntix-light .pp-project-heading .tp-section-title-teko {

  color: var(--tp-common-black-7);

}

.agntix-light .pp-project-item-title {

  color: var(--tp-common-black-7);

}

.agntix-light .pp-project-item-title:hover a {

  color: var(--tp-common-black-7);

}

.agntix-light .pp-project-item-meta {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .pp-text-slider-wrapper .pp-brand-title {

  color: var(--tp-common-white);

}

.agntix-light .pp-about-heading .tp-section-title-teko {

  color: var(--tp-common-black-7);

}

.agntix-light .pp-award-wrapper .tp-award-item-wrap .tp-award-item .row [class*=col-] .tp-award-text-2 {

  color: rgba(0, 0, 0, 0.4);

}

.agntix-light .tp-award-year {

  color: var(--tp-common-black);

}

.agntix-light .pp-award-wrapper .tp-award-item-wrap .tp-award-item .row [class*=col-] .tp-award-position {

  color: var(--tp-common-black);

}

.agntix-light .pp-award-wrapper .tp-award-item-wrap .tp-award-item .row [class*=col-] .tp-award-link {

  color: var(--tp-common-black);

}

.agntix-light .pp-award-wrapper .tp-award-item-wrap .tp-award-item {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .pp-award-wrapper .tp-award-item-wrap .tp-award-item::after {

  background: rgba(0, 0, 0, 0.07);

}

.agntix-light .tp-award-item:hover .tp-award-year,
.agntix-light .tp-award-item:hover .tp-award-text,
.agntix-light .tp-award-item:hover .tp-award-position,
.agntix-light .tp-award-item:hover .tp-award-icon {

  color: var(--tp-common-black);

}

.agntix-light .tp-award-text {

  color: var(--tp-common-black);

}

.agntix-light .pp-social-item.active .pp-social-item-wrap .pp-social-item-title {

  color: var(--tp-common-black);

}

.agntix-light .pp-social-item {

  border-bottom: 1px solid rgba(0, 0, 0, 0.08);

}

.agntix-light .pp-social-item-title {

  color: rgba(0, 0, 0, 0.1);

}

.agntix-light .pp-social-item-wrap p {

  color: rgba(0, 0, 0, 0.1);

}

.agntix-light .pp-social-item.active .pp-social-item-wrap p {

  color: var(--tp-common-black);

}

.agntix-light .pp-hero-btn .tp-btn-red-circle-box.tp-pp-btn-style:hover .tp-btn-red-circle-text {

  color: var(--tp-common-black);

  background-color: #FFF669;

}

.agntix-light .pp-hero-btn .tp-btn-red-circle-box.tp-pp-btn-style .tp-btn-red-circle-icon {

  background: #FFF669;

  color: var(--tp-common-black);

  border: 1px solid #FFF669;

}

.agntix-light .pp-hero-btn .tp-btn-red-circle-box.tp-pp-btn-style .tp-btn-red-circle-text {

  color: #FFF669;

  border: 1px solid #FFF669;

}

.agntix-light .ai-project-title-box span {

  filter: invert(1);

}

.agntix-light .tp-hero-2-btn-box .tp-btn-border {

  color: var(--tp-common-cream);

  border: 1px solid rgba(249, 244, 232, 0.1);

}

.agntix-light .crp-hero-subtitle .tp-section-subtitle-teko {

  color: var(--tp-common-cream-3);

}

.agntix-light .tp-work-item.about-us-3-bg {

  border: 4px solid #fff;

  background-color: #edf2ef;

}

.agntix-light .crp-price-shape-2 {

  filter: invert(1);

  opacity: 0.1;

}

.agntix-light .inner-service-1-category-item i {

  color: var(--tp-common-black);

}

.agntix-light .pp-service-details-process-item p {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .sidebar-search input:focus {

  border: 1px solid var(--tp-common-black);

}

.agntix-light .postbox-title a {

  display: inline;

  transition: all 0.3s linear;

  background-repeat: no-repeat;

  background-size: 0% 1px, 0 1px;

  background-position: 100% 94%, 0 94%;

  background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);

}

.agntix-light .postbox-title a:hover {

  color: var(--tp-common-black);

  background-size: 0% 1px, 100% 1px;

}

.agntix-light .rc-post-title a {

  display: inline;

  transition: all 0.3s linear;

  background-repeat: no-repeat;

  background-size: 0% 1px, 0 1px;

  background-position: 100% 94%, 0 94%;

  background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);

}

.agntix-light .rc-post-title a:hover {

  color: var(--tp-common-black);

  background-size: 0% 1px, 100% 1px;

}

.agntix-light .basic-pagination ul li .current {

  border-color: #FF5722;

  background-color: #FF5722;

  color: var(--tp-common-white);

}

.agntix-light .basic-pagination ul li:hover a {

  border-color: #FF5722;

  background-color: #FF5722;

  color: var(--tp-common-white);

}

.agntix-light .blog-footer-style.creative-footer-style .tp-footer-widget-social a {

  color: var(--tp-common-white);

  background-color: #FF5722;

}

.agntix-light .blog-footer-style.creative-footer-style .tp-footer-widget-menu ul li a:hover {

  border: 1px solid rgb(244, 83, 34);

  background-color: var(--tp-common-red-3);

  color: var(--tp-common-white);

}

.agntix-light .blog-footer-style.creative-footer-style .tp-footer-widget-info a:hover {

  color: var(--tp-common-red-3);

}

.agntix-light .rc-post-wrap .rc-post:not(:last-child) {

  border-bottom: 1px solid rgba(0, 0, 0, 0.08);

}

.agntix-light .tp-btn-yellow-green.sidebar-btn {

  color: var(--tp-common-white);

  background-color: var(--tp-common-red-3);

}

.agntix-light .sidebar-widget-author-social a:hover span {

  color: var(--tp-common-red-3);

}

.agntix-light .tagcloud a:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-common-red-3);

}

.agntix-light .postbox-details-list ul li i {

  color: var(--tp-common-red-3);

}

.agntix-light .postbox-details-social a:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-common-red-3);

}

.agntix-light .postbox__comment-reply a:hover {

  color: var(--tp-common-white);

  border-color: var(--tp-common-red-3);

  background-color: var(--tp-common-red-3);

}

.agntix-light .postbox-details-input input:focus,
.agntix-light .postbox-details-input textarea:focus {

  border-color: var(--tp-common-red-3);

}

.agntix-light .pp-project-item-title a {

  display: inline;

  transition: all 0.3s linear;

  background-repeat: no-repeat;

  background-size: 0% 1px, 0 1px;

  background-position: 100% 100%, 0 75%;

  background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);

}

.agntix-light .pp-project-item-title a:hover {

  color: var(--tp-common-black);

  background-size: 0% 1px, 100% 1px;

}

.agntix-light .crp-service-shape-wrap {

  opacity: 0.6;

}

.agntix-light .crp-inner-style .pp-award-left .tp-section-subtitle-clash {

  color: #2A4C3A;

}

.agntix-light .crp-inner-style .pp-about-heading .tp-section-title-teko {

  color: #2A4C3A;

}

.agntix-light .pp-service-details-process-item span {

  color: var(--tp-common-white);

  background-color: var(--tp-common-red-2);

}

.agntix-light .tp-portfolio-slicer-meta {

  color: var(--tp-common-black);

}

.agntix-light .tp-portfolio-slicer-meta:not(:last-of-type)::after {

  background-color: var(--tp-common-black);

}

@keyframes animate-pulse-2 {

  0% {

    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1);

  }

  40% {

    box-shadow: 0 0 0 50px rgba(0, 0, 74, 0), 0 0 0 0 rgba(0, 0, 0, 0.1);

  }

  80% {

    box-shadow: 0 0 0 50px rgba(0, 0, 74, 0), 0 0 0 30px rgba(0, 0, 74, 0);

  }

  100% {

    box-shadow: 0 0 0 0 rgba(0, 0, 74, 0), 0 0 0 30px rgba(0, 0, 74, 0);

  }

}



.agntix-light .tp-career-shape-1 {

  filter: invert(1);

}

.agntix-light .tp-slider-elegant-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-footer-widget-menu ul li a {

  color: var(--tp-common-black);

  background-color: var(--tp-common-white);

}

.agntix-light .tp-header-14-info a {

  color: var(--tp-common-black);

}

.agntix-light .coverflow-slider-title-sm {

  color: var(--tp-common-black);

}

.agntix-light .coverflow-slider-title-sm .tp-line-white {

  background-position: 100% 100%, 0 88%;

}

.agntix-light .tp-footer-style-6 .tp-footer-widget-title {

  color: var(--tp-common-white);

}

.agntix-light .tp-footer-style-6 .tp-footer-widget-title-sm {

  color: var(--tp-common-white);

}

.agntix-light .tp-footer-style-6 .tp-footer-widget-info a {

  color: var(--tp-common-white);

}

.agntix-light .tp-footer-style-6 .tp-footer-widget-info a:hover {

  color: var(--tp-common-red-2);

}

.agntix-light .tp-copyright-style-6 .tp-copyright-left span {

  color: var(--tp-common-white);

}

.agntix-light .tp-copyright-style-6 .tp-copyright-right a {

  color: var(--tp-common-white);

}

.agntix-light .tp-btn-white-border {

  color: var(--tp-common-white);

  background-color: var(--tp-common-black);

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .tp-btn-white-border:hover {

  color: var(--tp-common-black);

  background-color: transparent;

  border-color: var(--tp-common-black);

}

.agntix-light .tp-btn-white-border.tp-btn-transparent {

  color: var(--tp-common-black);

  background-color: transparent;

  border-color: rgba(0, 0, 0, 0.2);

}

.agntix-light .tp-btn-white-border.tp-btn-transparent:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-common-black);

}

.agntix-light .tp-portfolio-slicer-title-sm {

  color: var(--tp-common-black);

}

.agntix-light .tp-perspective-slider .tp-perspective-inner .tp-perspective-image::before {

  background: #fff;

}

.agntix-light .tp-perspective-slider .tp-perspective-inner .tp-perspective-image::after {

  background: #fff;

}

.agntix-light .tp-perspective-social-info span {

  color: var(--tp-common-black);

}

.agntix-light .tp-perspective-scroll a {

  color: var(--tp-common-black);

}

.agntix-light .coverflow-slider-arrow button {

  color: var(--tp-common-black);

}

.agntix-light .tp-header-14-bar-wrap .tp-header-8-bar {

  background-color: transparent;

  border: 1px solid rgba(0, 0, 0, 0.2);

}

.agntix-light .tp-header-14-bar-wrap .tp-header-8-bar span {

  color: var(--tp-common-black);

}

.agntix-light .tp-header-14-bar-wrap .tp-header-8-bar:hover {

  border-color: var(--tp-common-black);

  background-color: var(--tp-common-black);

}

.agntix-light .tp-header-14-bar-wrap .tp-header-8-bar:hover span {

  color: var(--tp-common-white);

}

.agntix-light .creative-footer-style .tp-footer-widget-social a {

  color: var(--tp-common-black);

  background-color: #d0ff71;

}

.agntix-light .tp-section-title-teko.fs-80 span {

  color: rgba(0, 0, 0, 0.3);

}

.agntix-light .tp-section-title-teko.fs-80 {

  color: var(--tp-common-black);

}

.agntix-light .pp-about-content p {

  color: var(--tp-common-black);

}

.agntix-light .pp-about-bottom-btn a span {

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .pp-about-bottom-btn a span {

  color: var(--tp-common-black);

}

.agntix-light .tp-btn-red-circle-box.tp-pp-btn-style .tp-btn-red-circle-text {

  color: var(--tp-common-black);

  border: 1px solid var(--tp-common-black);

}

.agntix-light .tp-btn-red-circle-box.tp-pp-btn-style .tp-btn-red-circle-icon {

  background: var(--tp-common-black);

  color: var(--tp-common-white);

  border: 1px solid var(--tp-common-black);

}

.agntix-light .tp-btn-red-circle-box.tp-pp-btn-style:hover .tp-btn-red-circle-text {

  color: var(--tp-common-white);

  background-color: var(--tp-common-black);

}

.agntix-light .pp-about-me-service-subtitle {

  color: var(--tp-common-black);

}

.agntix-light .pp-about-me-service-title {

  color: var(--tp-common-black);

}

.agntix-light .pp-about-me-skill.pp-skill-list-wrap .pp-skill-list-title {

  color: var(--tp-common-black);

}

.agntix-light .pp-about-me-skill.pp-skill-list-wrap .pp-skill-list ul li {

  color: rgba(0, 0, 0, 0.7);

}

.agntix-light .pp-about-me-service-heading img {

  filter: invert(1);

}

.agntix-light .pp-about-me-tool-item-content span {

  color: var(--tp-common-black);

}

.agntix-light .pp-about-me-tool-item-content p {

  color: rgba(0, 0, 0, 0.7);

}

.agntix-light .pp-about-me-tool-item {

  border: 1px solid rgba(0, 0, 0, 0.08);

}

.agntix-light .pp-about-me-tool-item-icon span {

  background: #F6F6F9;

}

.agntix-light .pp-about-me-tool-item-icon span img {

  filter: saturate(1);

  mix-blend-mode: normal;

}

.agntix-light .pp-about-me-experience-item p {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .pp-about-me-experience-title {

  color: var(--tp-common-black);

}

.agntix-light .pp-footer-subtitle {

  color: var(--tp-common-black);

}

.agntix-light .pp-footer-title {

  color: var(--tp-common-black);

}

.agntix-light .pp-footer-box {

  background-color: var(--tp-common-yellow-1);

}

.agntix-light .pp-footer-btn {

  border: 1px solid rgba(0, 0, 0, 0.1);

  color: var(--tp-common-black);

}

.agntix-light .pp-footer-copyright-text p {

  color: rgba(20, 20, 20, 0.6);

}

.agntix-light .pp-footer-copyright-text-center p {

  color: var(--tp-common-black);

}

.agntix-light .pp-footer-copyright-text-center::before {

  background-color: var(--tp-common-black);

}

.agntix-light .pp-footer-copyright-text-center::after {

  background-color: rgba(20, 20, 20, 0.2);

}

.agntix-light .des-about-text p {

  color: var(--tp-common-black);

}

.agntix-light .inner-service-1-text span {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .inner-service-1-text p {

  color: var(--tp-common-black);

}

.agntix-light .inner-service-1-category-item span {

  color: var(--tp-common-black);

}

.agntix-light .inner-service-1-category-item {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .inner-service-1-category-item:first-child {

  border-top: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .inner-service-1-left>span {

  color: var(--tp-common-black);

}

.agntix-light .inner-service-1-thumb-text span {

  color: rgba(0, 0, 0, 0.5);

}

.agntix-light .ar-about-us-4-text-title {

  color: rgba(0, 0, 0, 0.1);

}

.agntix-light .service-faq-style .app-faq-wrap .ai-faq-accordion-wrap .accordion .accordion-items .accordion-header .accordion-buttons {

  color: var(--tp-common-black);

}

.agntix-light .service-faq-style .app-faq-wrap .ai-faq-accordion-wrap .accordion .accordion-items .accordion-body p {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .service-faq-style .app-faq-wrap .ai-faq-accordion-wrap .accordion .accordion-items {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .service-faq-style .app-faq-wrap .ai-faq-accordion-wrap .accordion .accordion-items .accordion-header .accordion-buttons .accordion-icon {

  border: 1px solid #F3F3F9;

  background-color: #F3F3F9;

}

.agntix-light .service-faq-style .app-faq-wrap .ai-faq-accordion-wrap .accordion .accordion-items .accordion-header .accordion-buttons .accordion-icon::before,
.agntix-light .service-faq-style .app-faq-wrap .ai-faq-accordion-wrap .accordion .accordion-items .accordion-header .accordion-buttons .accordion-icon::after {

  background-color: rgba(0, 0, 0, 0.6);

}

.agntix-light .pp-service-details-title {

  color: var(--tp-common-black);

}

.agntix-light .pp-service-details-overview-title {

  color: var(--tp-common-black);

}

.agntix-light .pp-service-details-overview-wrapper p {

  color: var(--tp-common-black);

}

.agntix-light .pp-service-details-overview-wrapper h4 {

  color: var(--tp-common-black);

}

.agntix-light .pp-service-details-overview-list ul li {

  color: var(--tp-common-black);

}

.agntix-light .pp-service-details-overview-list ul li span {

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .pp-service-details-overview-heading {

  border-bottom: 1px solid rgba(0, 0, 0, 0.11);

}

.agntix-light .tp-service-4-solution-item.service-details .tp-service-4-solution-item-title {

  color: var(--tp-common-black);

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .tp-service-4-solution-item.service-details .tp-service-4-solution-item-content ul li {

  color: var(--tp-common-black);

}

.agntix-light .tp-service-4-solution-item.service-details {

  border-color: rgba(0, 0, 0, 0.1);

}

.agntix-light .tp-service-5-price-heading.service-details .tp-career-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-service-5-price-item.service-details .tp-service-5-price-item-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-service-5-price-item.service-details .tp-service-5-price-item-list ul li {

  color: var(--tp-common-black);

}

.agntix-light .tp-service-5-price-item.service-details .tp-service-5-price-item-head h4 {

  color: var(--tp-common-black);

}

.agntix-light .tp-service-5-price-item.service-details {

  border-color: rgba(0, 0, 0, 0.08);

}

.agntix-light .pp-service-details-process-subtitle {

  background: rgba(3, 3, 3, 0.0705882353);

  color: var(--tp-common-red-2);

}

.agntix-light .pp-service-details-process-title {

  color: var(--tp-common-black);

}

.agntix-light .pp-service-details-process-box::before {

  background-color: rgba(0, 0, 0, 0.1);

}

.agntix-light .pp-service-details-process-item h4 {

  color: var(--tp-common-black);

}

.agntix-light .pp-service-details-process-bottom span {

  background: transparent;

  color: var(--tp-common-black);

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .pp-service-details-process-bottom span a {

  color: var(--tp-common-black);

}

.agntix-light .pp-service-details-process-bottom span a:hover {

  color: var(--tp-common-red-2);

}

.agntix-light .tp-breadcrumb-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-breadcrumb-list span:last-child {

  color: var(--tp-common-black);

}

.agntix-light .tp-breadcrumb-list span {

  color: rgba(0, 0, 0, 0.4);

}

.agntix-light .postbox-item {

  border: 1px solid rgba(0, 0, 0, 0.08);

}

.agntix-light .postbox-author-name {

  color: rgba(0, 0, 0, 0.9);

}

.agntix-light .postbox-author-info span {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .postbox-meta span {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .postbox-tag {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .postbox-title {

  color: var(--tp-common-black);

}

.agntix-light .postbox-content p {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .tp-btn-yellow-border.postbox-btn {

  color: var(--tp-common-black);

  background: #F6F6F9;

  border: 1px solid #F6F6F9;

}

.agntix-light .postbox-blockquote {

  background: #F6F6F9;

}

.agntix-light .postbox-blockquote-paragraph p {

  color: var(--tp-common-black);

}

.agntix-light .basic-pagination ul li>a {

  border: 1px solid rgba(0, 0, 0, 0.08);

  color: var(--tp-common-black);

}

.agntix-light .sidebar-search input {

  background: #F6F6F9;

  border-color: #F6F6F9;

  color: var(--tp-common-black);

}

.agntix-light .sidebar-search input:focus {

  background: transparent;

}

.agntix-light .sidebar-search input::placeholder {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .sidebar-search button {

  color: var(--tp-common-black);

}

.agntix-light .sidebar-widget-author-name {

  color: var(--tp-common-black);

}

.agntix-light .sidebar-widget-author-content span {

  color: rgba(0, 0, 0, 0.4);

}

.agntix-light .sidebar-widget-author-content p {

  color: rgba(0, 0, 0, 0.7);

}

.agntix-light .sidebar-widget-author-social a span {

  color: var(--tp-common-black);

}

.agntix-light .sidebar-widget-author {

  border: 1px solid rgba(0, 0, 0, 0.06);

}

.agntix-light .sidebar-widget-title {

  color: var(--tp-common-black);

}

.agntix-light .sidebar-widget-category ul li a {

  color: rgba(0, 0, 0, 0.8);

  background: #F6F6F9;

}

.agntix-light .sidebar-widget-category ul li a span:last-child {

  color: rgba(0, 0, 0, 0.4);

}

.agntix-light .sidebar-widget-category ul li a:hover span:last-child {

  color: var(--tp-common-red-3);

}

.agntix-light .sidebar-widget-category ul li a:hover {

  color: var(--tp-common-red-3);

}

.agntix-light .rc-post-category a {

  color: rgb(98, 98, 100);

  background: #F6F6F9;

}

.agntix-light .rc-post-title {

  color: var(--tp-common-black);

}

.agntix-light .rc-post-title a:hover {

  color: rgba(0, 0, 0, 0.8);

}

.agntix-light .rc-post-meta span {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .tagcloud a {

  color: rgba(0, 0, 0, 0.6);

  background: #F6F6F9;

}

.agntix-light .pp-service-details-about-item span {

  color: var(--tp-common-black);

}

.agntix-light .pp-service-details-about-item p {

  color: var(--tp-common-black);

}

.agntix-light .pp-service-details-about-item {

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .tp-blog-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-blog-heading-wrap .tp-section-subtitle.pre::before {

  background: #ff5722;

}

.agntix-light .tp-blog-title a {

  background-color: #F6F6F9;

}

.agntix-light .tp-blog-list-item-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-blog-list-item-tags p {

  color: rgba(0, 0, 0, 0.4);

}

.agntix-light .tp-blog-list-item-tags-name {

  color: var(--tp-common-black);

}

.agntix-light .tp-blog-list-item-meta {

  color: #141414;

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .tp-blog-list-item {

  border-top: 1px solid rgba(0, 0, 0, 0.08);

}

.agntix-light .tp-blog-list-item-wrap .tp-blog-list-item:last-child {

  border-bottom: 1px solid rgba(0, 0, 0, 0.08);

}

.agntix-light .tp-blog-masonry-item {

  border: 1px solid rgba(0, 0, 0, 0.08);

}

.agntix-light .tp-blog-masonry-item-user-content span {

  color: rgba(0, 0, 0, 0.9);

}

.agntix-light .tp-blog-masonry-item-user-content p {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .tp-blog-masonry-item-time span {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .tp-blog-masonry-tag span {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .tp-blog-masonry-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-blog-masonry-btn a {

  color: #ff5722;

}

.agntix-light .tp-blog-masonry-item-2 {

  background: #F6F6F9;

}

.agntix-light .tp-blog-masonry-item-3 {

  background: #F6F6F9;

}

.agntix-light .tp-blog-masonry-item-icon span {

  background: #e3e3e5;

}

.agntix-light .tp-blog-masonry-item-text span {

  color: var(--tp-common-black);

}

.agntix-light .tp-blog-masonry-item-text p {

  color: var(--tp-common-black);

}

.agntix-light .postbox-details-tag span {

  color: var(--tp-common-black);

}

.agntix-light .postbox-details-tag span:last-child::after {

  background-color: rgba(0, 0, 0, 0.6);

}

.agntix-light .postbox-details-meta .postbox-author-name {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .postbox-details-meta>div:not(:first-child)::after {

  background: rgba(0, 0, 0, 0.1);

}

.agntix-light .postbox-details-text p {

  color: rgba(0, 0, 0, 0.7);

}

.agntix-light .postbox-details-quote p {

  color: var(--tp-common-black);

}

.agntix-light .postbox-details-quote span {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .postbox-details-quote span::before {

  background-color: rgba(0, 0, 0, 0.6);

}

.agntix-light .postbox-details-text p span {

  color: #ff5722;

}

.agntix-light .postbox-details-list ul li {

  color: rgba(0, 0, 0, 0.7);

}

.agntix-light .postbox-details-list ul li::before {

  background-color: rgba(0, 0, 0, 0.7);

}

.agntix-light .postbox-details-list ul li span {

  color: rgba(0, 0, 0, 0.3);

}

.agntix-light .postbox-details-code {

  background: rgb(246, 246, 249);

}

.agntix-light .postbox-details-code pre {

  color: rgba(0, 0, 0, 0.7);

}

.agntix-light .postbox-details-author .sidebar-widget-author {

  background: rgb(246, 246, 249);

}

.agntix-light .postbox-details-social a {

  background-color: rgb(246, 246, 249);

  color: rgba(0, 0, 0, 0.8);

}

.agntix-light .postbox__comment-title {

  color: var(--tp-common-black);

}

.agntix-light .postbox__comment-name h5 {

  color: var(--tp-common-black);

}

.agntix-light .postbox__comment-name span {

  color: rgba(0, 0, 0, 0.7);

}

.agntix-light .postbox__comment-text p {

  color: rgba(0, 0, 0, 0.7);

}

.agntix-light .postbox__comment-reply a {

  color: var(--tp-common-black);

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .postbox-details-form {

  border: 1px solid rgba(0, 0, 0, 0.08);

}

.agntix-light .postbox-details-form-title {

  color: var(--tp-common-black);

}

.agntix-light .postbox-details-form p {

  color: rgba(0, 0, 0, 0.7);

}

.agntix-light .postbox-details-input label {

  color: var(--tp-common-black);

}

.agntix-light .postbox-details-input input,
.agntix-light .postbox-details-input textarea {

  background: rgb(246, 246, 249);

  color: var(--tp-common-black);

  border: 1px solid rgb(246, 246, 249);

}

.agntix-light .postbox-details-input input:focus,
.agntix-light .postbox-details-input textarea:focus {

  background: transparent;

}

.agntix-light .postbox-details-remeber label {

  color: rgba(0, 0, 0, 0.7);

}

.agntix-light .postbox-details-remeber label::before {

  color: var(--tp-common-black);

  filter: invert(1);

}

.agntix-light .postbox-details-remeber label::after {

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .tp-blog-details-without-heading .postbox-details-item .postbox-tag span {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .postbox-details-item.item-border {

  border: 1px solid rgba(0, 0, 0, 0.08);

}

.agntix-light .tp-contact-category-btn {

  border: 1px solid rgba(0, 0, 0, 0.08);

  color: var(--tp-common-black);

}

.agntix-light .tp-contact-me-interest-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-contact-me-interest-form-wrap .tp-contact-form-input input,
.agntix-light .tp-contact-me-interest-form-wrap .tp-contact-form-input textarea {

  background: rgb(246, 246, 249);

  color: var(--tp-common-black);

  border: 1px solid rgb(246, 246, 249);

}

.agntix-light .tp-contact-me-interest-form-wrap .tp-contact-form-input input:focus,
.agntix-light .tp-contact-me-interest-form-wrap .tp-contact-form-input textarea:focus {

  background: transparent;

  border-color: var(--tp-common-black);

}

.agntix-light .tp-contact-me-interest-form-wrap .tp-contact-form-input label {

  color: var(--tp-common-black);

}

.agntix-light .tp-career-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-contact-us-text p {

  color: rgba(0, 0, 0, 0.5);

}

.agntix-light .tp-contact-us-text p:hover {

  color: var(--tp-common-black);

}

.agntix-light .tp-contact-us-form-wrapper {

  background: #F6F6F9;

}

.agntix-light .tp-contact-us-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-contact-us-wrap .tp-contact-form-input label {

  color: var(--tp-common-black);

}

.agntix-light .tp-contact-us-wrap .tp-contact-form-input input,
.agntix-light .tp-contact-us-wrap .tp-contact-form-input textarea {

  background: #fff;

  border-color: rgb(237, 237, 245);

  color: var(--tp-common-black);

}

.agntix-light .tp-contact-us-wrap .tp-contact-form-input input:focus,
.agntix-light .tp-contact-us-wrap .tp-contact-form-input textarea:focus {

  background: transparent;

  border-color: var(--tp-common-red-3);

}

.agntix-light .cn-contactform-support-text span {

  color: var(--tp-common-black);

}

.agntix-light .tp-contact-us-content {

  background: #F6F6F9;

}

.agntix-light .tp-contact-us-info-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-contact-us-info-details a {

  color: rgba(0, 0, 0, 0.7);

}

.agntix-light .tp-contact-us-info-details a:hover {

  color: var(--tp-common-black);

}

.agntix-light .tp-contact-us-btn .tp-btn-yellow-green {

  color: var(--tp-common-black);

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .tp-contact-us-btn .tp-btn-yellow-green.active {

  color: var(--tp-common-white);

}

.agntix-light .tp-portfolio-inner-tab-wrap nav .nav-tabs .nav-link {

  color: var(--tp-common-black);

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .tp-portfolio-inner-tab-wrap nav .nav-tabs .nav-link.active,
.agntix-light .tp-portfolio-inner-tab-wrap nav .nav-tabs .nav-link:hover {

  background: var(--tp-grey-2);

  border: 1px solid var(--tp-grey-2);

}

.agntix-light .tp-portfolio-inner-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-portfolio-inner-content span {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .tp-portfolio-masonry-big-text {

  color: var(--tp-common-black);

}

.agntix-light .tp-portfolio-masonry-top-left span {

  color: var(--tp-common-black);

}

.agntix-light .tp-portfolio-masonry-top-left span {

  color: var(--tp-common-black);

}

.agntix-light .tp-portfolio-masonry-top-right p {

  color: var(--tp-common-black);

}

.agntix-light .tp-portfolio-masonry-top-right span {

  color: var(--tp-common-black);

}

.agntix-light .tp-portfolio-masonry-social a {

  color: var(--tp-common-black);

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .tp-portfolio-masonry-social a:hover {

  color: var(--tp-common-white);

  border-color: var(--tp-common-black);

  background-color: var(--tp-common-black);

}

.agntix-light .tp-portfolio-masonry-wrap {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .tp-portfolio-masonry-grid-heading span {

  color: var(--tp-common-black);

}

.agntix-light .tp-portfolio-masonry-grid-heading span::after {

  background-color: var(--tp-common-black);

}

.agntix-light .tp-portfolio-masonry-grid-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-portfolio-masonry-grid-categories span {

  color: var(--tp-common-black);

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .tp-btn-animation span {

  color: var(--tp-common-black);

}

.agntix-light .tp-btn-animation {

  background: rgb(246, 246, 249);

}

.agntix-light .tp-portfolio-metro-shape span {

  color: rgba(0, 0, 0, 0.8);

}

.agntix-light .tp-portfolio-metro-social a {

  color: var(--tp-common-black);

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .tp-portfolio-details-1-sub {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .tp-portfolio-details-1-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-portfolio-details-btn {

  color: var(--tp-common-black);

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .tp-portfolio-details-btn:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-common-black);

}

.agntix-light .tp-portfolio-details-1-content p {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .tp-portfolio-details-1-list ul li {

  color: var(--tp-common-black);

}

.agntix-light .tp-portfolio-details-1-list ul li span {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .tp-portfolio-details-1-list ul li:not(:last-of-type) {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .tp-pd-1-about-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-pd-1-about-text {

  color: var(--tp-common-black);

}

.agntix-light .tp-pd-1-about-list ul li {

  color: var(--tp-common-black);

}

.agntix-light .tp-pd-1-about-list ul li::before {

  background-color: var(--tp-common-black);

}

.agntix-light .tp-pd-1-work-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-pd-1-work-content p {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .tp-pd-1-work-item-text span {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .tp-pd-1-work-item-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-pd-1-work-item {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .tp-pd-1-np-content span {

  color: rgba(0, 0, 0, 0.2);

}

.agntix-light .tp-pd-1-np-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-pd-1-np-content p {

  color: rgba(0, 0, 0, 0.2);

}

.agntix-light .tp-pd-3-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-pd-3-subtitle {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .tp-btn-border {

  color: var(--tp-common-black);

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .tp-btn-border:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-common-black);

  border-color: var(--tp-common-black);

}

.agntix-light .tp-pd-3-overview-text p {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .tp-pd-3-overview-info span {

  color: rgba(0, 0, 0, 0.5);

}

.agntix-light .tp-pd-3-overview-info h4 {

  color: var(--tp-common-black);

}

.agntix-light .tp-pd-3-navigation-title {

  color: var(--tp-common-black);

}

.agntix-light .des-portfolio-title {

  color: var(--tp-common-white);

}

.agntix-light .des-footer-title {

  color: var(--tp-common-white);

}

.agntix-light .des-footer-top span {

  color: var(--tp-common-white);

}

.agntix-light .tp-pd-2-categories span {

  color: var(--tp-common-black);

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .tp-pd-2-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-pd-2-bottom-item span {

  color: rgba(0, 0, 0, 0.7);

}

.agntix-light .tp-pd-2-bottom-item h6 {

  color: var(--tp-common-black);

}

.agntix-light .tp-pd-2-overview-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-pd-2-overview-wrap p {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .tp-pd-2-overview-wrap ul li:not(:last-of-type) {

  border-bottom: 1px solid rgba(0, 0, 0, 0.08);

}

.agntix-light .tp-pd-2-overview-wrap ul li {

  color: var(--tp-common-black);

}

.agntix-light .tp-pd-2-dot .swiper-pagination-bullet {

  background: rgba(0, 0, 0, 0.3);

}

.agntix-light .tp-pd-2-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background-color: var(--tp-common-black);

}

.agntix-light .tp-pd-2-step-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-pd-2-step-item-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-pd-2-step-item span {

  color: rgba(0, 0, 0, 0.6);

}

.agntix-light .tp-pd-2-np-content a {

  color: var(--tp-common-black);

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.agntix-light .tp-pd-2-np-content a:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-common-black);

}

.agntix-light .tp-pd-4-title {

  color: var(--tp-common-black);

}

.agntix-light .tp-pd-4-bottom-btn .tp-portfolio-details-btn {

  color: var(--tp-common-black);

  border-color: var(--tp-common-black);

}

.agntix-light .tp-pd-4-bottom-btn .tp-portfolio-details-btn:hover {

  color: var(--tp-common-white);

  background-color: var(--tp-common-black);

  border: 1px solid var(--tp-common-black);

}

.agntix-light .tp-pd-4-about-sub {

  color: var(--tp-common-black);

}

.agntix-light .tp-pd-1-about-text.color-cng {

  color: var(--tp-common-black);

}

.agntix-light .tp-pd-4-color-content span {

  color: var(--tp-common-black);

}

.agntix-light .tp-pd-4-color-content p {

  color: var(--tp-common-black);

}

.agntix-light .tp-pd-1-work-title.ff-clash {

  color: var(--tp-common-black);

}

.agntix-light .project-details-video-overlay::after {

  background: linear-gradient(180deg, rgba(18, 18, 18, 0) 1.63%, #fff 26.67%);

}

.agntix-light .project-details-1-info span {

  color: var(--tp-common-black);

}

.agntix-light .project-details-1-info h4 {

  color: rgba(0, 0, 0, 0.7);

}

.agntix-light .project-details-1-subtitle {

  color: var(--tp-common-black);

}

.agntix-light .project-details-1-title {

  color: var(--tp-common-black);

}

.agntix-light .project-details-1-title-box p {

  color: var(--tp-common-black);

}

.agntix-light .project-details-1-navigation a span {

  color: var(--tp-common-black);

}

.agntix-light .project-details-1-navigation a i {

  color: var(--tp-common-black);

  border: 1px solid rgba(0, 0, 0, 0.14);

}

.agntix-light .project-details-1-navigation a:hover i {

  color: var(--tp-common-white);

  background: var(--tp-common-black);

  border-color: var(--tp-common-black);

}

.agntix-light .tp-header-light .tp-header-14-info a {

  color: var(--tp-common-white);

}

.agntix-light .tp-header-light .tp-header-14-bar-wrap .tp-header-8-bar {

  background-color: transparent;

  border: 1px solid rgba(255, 255, 255, 0.2);

}

.agntix-light .tp-header-light .tp-header-14-bar-wrap .tp-header-8-bar span {

  color: var(--tp-common-white);

}

.agntix-light .tp-header-light .tp-header-14-bar-wrap .tp-header-8-bar:hover {

  border-color: var(--tp-common-white);

  background-color: var(--tp-common-white);

}

.agntix-light .tp-header-light .tp-header-14-bar-wrap .tp-header-8-bar:hover span {

  color: var(--tp-common-black);

}

.agntix-light .tp-hero-2-btn-box.tp-light-bg-btn .tp-btn-border:hover {

  color: var(--tp-common-black);

  border-color: var(--tp-common-cream);

  background-color: var(--tp-common-cream);

}

.agntix-light .ai-about-list ul li:hover span span i {

  background-color: var(--tp-common-black);

}

.agntix-light .ai-about-list ul li:hover span span svg {

  color: var(--tp-common-white);

}

.agntix-light .pp-about-me-social .tp-footer-widget-social a {

  background-color: transparent;

  color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.1);

}

.agntix-light .pp-about-me-social .tp-footer-widget-social a:hover {

  color: #2F1F19;

  background-color: var(--tp-common-white);

}



/* HEADER CSS */

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

/*   3.1 Header Style

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

.tp-header-menu.tp-header-cnt-menu>nav>ul {

  margin-left: 270px;

}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {

  .tp-header-menu.tp-header-cnt-menu>nav>ul {

    margin-left: 100px;

  }

}

@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),
(max-width: 767px) {

  .tp-header-menu.tp-header-cnt-menu>nav>ul {

    margin-left: 0;

  }

}

.tp-header-menu.tp-header-cnt-menu>nav>ul>li>a {

  color: var(--tp-common-black-7);

}

.tp-header-menu.tp-header-cnt-menu>nav>ul>li.has-dropdown::after {

  color: var(--tp-common-black-7);

}

.tp-header-right .cr-header-login a {

  font-size: 15px;

  line-height: 1;

  font-weight: 600;

  border-radius: 6px;

  display: inline-block;

  padding: 11px 20px 12px;

  letter-spacing: -0.15px;

  color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.06);

  background: rgba(255, 255, 255, 0.06);

  backdrop-filter: blur(10px);

}

.tp-header-right .cr-header-login a:hover {

  color: var(--tp-common-black-7);

  background-color: var(--tp-common-white);

}

.tp-header-right.cr-header .tp-btn-white-border {

  border-radius: 6px;

}

.tp-header-cnt-left {

  width: 675px;

  opacity: 0.97;

  padding: 28px 30px;

  display: inline-block;

  border-radius: 16px;

  backdrop-filter: blur(5px);

  background: var(--tp-common-white);

  box-shadow: 5px 6px 50px 5px rgba(16, 48, 42, 0.06);

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-header-cnt-left {

    width: auto;

    padding: 0;

    box-shadow: none;

    backdrop-filter: inherit;

    background-color: transparent;

  }

}

.tp-header-cnt-wrap .tp-header-logo-wrap p {

  margin: 0;

  font-size: 14px;

  font-weight: 500;

  color: var(--tp-common-black-7);

}

.tp-header-cnt-bar-wrap .tp-header-bar {

  font-size: 14px;

  font-weight: 500;

  padding-left: 20px;

  margin-right: 20px;

  text-transform: uppercase;

  color: var(--tp-common-black-7);

  border-left: 1px solid rgba(5, 3, 18, 0.2);

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .tp-header-cnt-bar-wrap .tp-header-bar {

    border: none;

  }

}

.tp-header-cnt-bar-wrap .tp-header-bar span {

  margin-left: 8px;

  display: inline-block;

}

.tp-header-cnt-bar-wrap .tp-header-bar:hover {

  color: var(--tp-common-red-2);

}

.tp-header-cnt-bar-wrap .tp-header-8-lang {

  padding-left: 20px;

  border-left: 1px solid rgba(5, 3, 18, 0.2);

}



.ais-header-btn a {

  font-size: 14px;

  font-weight: 500;

  display: inline-block;

  color: var(--tp-common-black-7);

}

.ais-header-btn a span {

  margin-left: 8px;

  width: 24px;

  height: 24px;

  border-radius: 50%;

  place-content: center;

  display: inline-grid;

  background-color: var(--tp-common-blue);

}

.ais-header-btn a:hover {

  color: var(--tp-common-blue);

}



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

/*   3.3 common Style

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

.cst-section-title {

  font-size: 52px;

  font-weight: 600;

  line-height: 1.1;

  color: var(--tp-common-black);

  font-family: var(--tp-ff-phudu);

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .cst-section-title {

    font-size: 45px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .cst-section-title br {

    display: none;

  }

}

.cst-section-title.color-white {

  color: var(--tp-common-white);

}

.cst-section-title.fs-62 {

  font-size: 62px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 768px) and (max-width: 991px) {

  .cst-section-title.fs-62 {

    font-size: 55px;

  }

}

@media (max-width: 767px) {

  .cst-section-title.fs-62 {

    font-size: 45px;

    margin-bottom: 20px;

  }

  .cst-section-title.fs-62 br {

    display: none;

  }

}

.cst-section-title.fs-32 {

  font-size: 32px;

}

.cst-section-subtitle {

  font-size: 13px;

  font-weight: 600;

  display: inline-block;

  text-transform: uppercase;

  color: var(--tp-common-black-7);

}

.cst-section-subtitle.color-white {

  color: var(--tp-common-white);

}



.cnt-section-subtitle {

  font-size: 14px;

  font-weight: 500;

  padding: 1px 17px;

  border-radius: 50px;

  display: inline-block;

  text-transform: uppercase;

  color: var(--tp-common-red-2);

  font-family: var(--tp-ff-inter);

  border: 1px solid rgba(5, 3, 18, 0.1);

}



.ais-section-subtitle {

  font-size: 14px;

  font-weight: 500;

  padding: 2px 18px;

  border-radius: 50px;

  margin-bottom: 15px;

  display: inline-block;

  border: 1px solid rgba(5, 3, 18, 0.1);

  color: rgba(5, 3, 18, 0.7);

}

.ais-section-title {

  font-size: 42px;

  font-weight: 500;

  line-height: 1.24;

  margin-bottom: 20px;

  color: var(--tp-common-black-7);

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .ais-section-title {

    font-size: 40px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .ais-section-title {

    font-size: 38px;

  }

}

@media (max-width: 767px) {

  .ais-section-title {

    font-size: 35px;

  }

  .ais-section-title br {

    display: none;

  }

}



.tp-section-title-clash-600.fw-500 {

  font-weight: 500;

  font-family: var(--tp-ff-clash-medium);

}



.cst-btn {

  font-size: 16px;

  font-weight: 600;

  line-height: 1;

  border-radius: 6px;

  display: inline-block;

  padding: 17px 20px 13px;

  letter-spacing: -0.16px;

  backdrop-filter: blur(10px);

  background: var(--tp-common-green-1);

  color: var(--tp-common-black-7);

  font-family: var(--tp-ff-inter);

  border: 1px solid rgba(255, 255, 255, 0.1);

}

@media (max-width: 767px) {

  .cst-btn {

    padding: 16px 16px 13px;

  }

}

.cst-btn:hover span span.text-1 {

  -webkit-transform: translateY(-150%);

  transform: translateY(-150%);

}

.cst-btn:hover span span.text-2 {

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.cst-btn span {

  position: relative;

  z-index: 1;

  line-height: 1;

  overflow: hidden;

  display: inline-block;

}

.cst-btn span svg {

  margin-left: 4px;

}

.cst-btn span span.text-1 {

  position: relative;

  display: block;

  transition: 0.3s;

}

.cst-btn span span.text-2 {

  position: absolute;

  top: 100%;

  display: block;

  transition: 0.3s;

}

.cst-btn.transparent {

  border-radius: 6px;

  backdrop-filter: blur(10px);

  color: var(--tp-common-white);

  border: 1px solid rgba(255, 255, 255, 0.06);

  background: rgba(255, 255, 255, 0.06);

}

.cst-btn.black-t {

  background-color: transparent;

  border-color: var(--tp-common-black-7);

}

.cst-btn.black-t:hover {

  border-color: transparent;

  color: var(--tp-common-black-7);

  background-color: var(--tp-common-green-1);

}

.cst-btn.white-t {

  background-color: transparent;

  color: var(--tp-common-white);

  border-color: var(--tp-common-white);

}

.cst-btn.white-t:hover {

  border-color: transparent;

  color: var(--tp-common-black-7);

  background-color: var(--tp-common-green-1);

}



.tp-btn-black-square.cnt-btn-style {

  gap: 8px;

  font-size: 15px;

  font-weight: 500;

  letter-spacing: 0;

  align-items: center;

  display: inline-flex;

  padding: 9px 9px 9px 22px;

  text-transform: uppercase;

  font-family: var(--tp-ff-clash-medium);

}

.tp-btn-black-square.cnt-btn-style:hover i svg:first-child {

  transform: translate(20px, -21px);

}

.tp-btn-black-square.cnt-btn-style:hover i svg:last-child {

  transform: translate(9px, -9px);

}

.tp-btn-black-square.cnt-btn-style i {

  width: 30px;

  height: 30px;

  text-align: center;

  margin-left: 0px;

  border-radius: 4px;

  display: inline-grid;

  place-content: center;

  background-color: var(--tp-common-red-2);

}

.tp-btn-black-square.cnt-btn-style i svg {

  left: 9px;

  bottom: 6px;

}

.tp-btn-black-square.cnt-btn-style i svg:last-child {

  left: 0;

  bottom: 0;

  color: var(--tp-common-white);

}

.tp-btn-black-square.cnt-btn-style.style-2 {

  padding: 9px 22px 9px 9px;

}

.tp-btn-black-square.cnt-btn-style.btn-transparent {

  background-color: transparent;

  color: var(--tp-common-red-2);

  border: 1px solid var(--tp-common-red-2);

}

.tp-btn-black-square.cnt-btn-style.btn-transparent i svg {

  color: var(--tp-common-white);

}



.tp-btn-black-radius.btn-style-ai:hover i svg:first-child {

  transform: translateX(16px);

}

.tp-btn-black-radius.btn-style-ai:hover i svg:last-child {

  transform: translateX(13px);

}

.tp-btn-black-radius.btn-style-ai i svg {

  transform: none;

}

.tp-btn-black-radius.btn-style-ai i svg:last-child {

  bottom: 0;

}

.tp-btn-black-radius.btn-style-ai.btn-blue-bg i {

  height: 38px;

  width: 38px;

  line-height: 38px;

}



.cnt-bg-clip {

  clip-path: polygon(94.36% 0px, 100% 4%, 100% 100%, 0px 100%, 0% 50%, 0px 0px);

}



p.color-g {

  color: #61616A;

}



@-webkit-keyframes shake {

  0%,
  50%,
  100% {

    transform: rotate(0);

  }

  5%,
  10%,
  15%,
  20%,
  25%,
  30%,
  35%,
  40% {

    transform: rotate(6deg);

  }

  45% {

    transform: rotate(4deg);

  }

  7.5%,
  12.5%,
  17.5%,
  22.5%,
  27.5%,
  32.5%,
  37.5%,
  42.5% {

    transform: rotate(-6deg);

  }

  47.5% {

    transform: rotate(-2deg);

  }

}

@keyframes shake {

  0%,
  50%,
  100% {

    transform: rotate(0);

  }

  5%,
  10%,
  15%,
  20%,
  25%,
  30%,
  35%,
  40% {

    transform: rotate(6deg);

  }

  45% {

    transform: rotate(4deg);

  }

  7.5%,
  12.5%,
  17.5%,
  22.5%,
  27.5%,
  32.5%,
  37.5%,
  42.5% {

    transform: rotate(-6deg);

  }

  47.5% {

    transform: rotate(-2deg);

  }

}

@keyframes marquee-horizontal-rtl {

  from {

    transform: translateX(-100%);

  }

  to {

    transform: translateX(0);

  }

}

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





/* cst-cta-input-box — global (used in page templates without testimonial widget) */

.cst-cta-input-box .tp-contact-form-input label {

  font-size: 13px;

  font-weight: 400;

}

.cst-cta-input-box .tp-contact-form-input input {

  height: 50px;

}

.cst-cta-input-box .tp-contact-form-input textarea {

  height: 125px;

}

.cst-cta-input-box .tp-contact-form-input input,
.cst-cta-input-box .tp-contact-form-input textarea {

  border-radius: 6px;

  background: var(--tp-common-white);

  border-color: rgba(5, 3, 18, 0.1);

}

.cst-cta-input-box .tp-contact-form-input input:focus,
.cst-cta-input-box .tp-contact-form-input textarea:focus {

  border-color: var(--tp-common-green-1);

}

.cst-cta-input-box .tp-contact-form-input input::placeholder,
.cst-cta-input-box .tp-contact-form-input textarea::placeholder {

  color: #66666C;

}

.cst-cta-input-box .tp-contact-form-btn button {

  padding: 15px 35px;

  color: var(--tp-common-black);

  background-color: var(--tp-common-green-1);

}

@media (max-width: 767px) {

  .cst-cta-input-box .tp-contact-form-btn button {

    padding: 15px 30px;

  }

}



/* cst-footer-style link styles — global (used in page templates without testimonial widget) */

.cst-footer-style .app-footer-rating {

  border-radius: 12px;

  border: 1px solid rgba(255, 255, 255, 0.1);

  background: rgba(255, 255, 255, 0.03);

}

.cst-footer-style .app-footer-rating span,
.cst-footer-style .app-footer-rating a {

  color: var(--tp-common-white);

}

.cst-footer-style .app-footer-widget-info-title {

  color: #CED4E9;

}

.cst-footer-style .app-footer-widget-info a {

  color: var(--tp-common-white);

}



.ar-service-height {

  z-index: 1;

}





/* tp--hover-item / tp--hover-img — global utility used by team, project, service widgets.

   These were in project.css after Mode C extraction but belong globally. */



.tp--hover-img {

  display: block;

  position: relative;

  overflow: hidden;

}

.tp--hover-img canvas {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.tp-testimonial-ratting .tp-testimonial-ratting-info, .tp-btn-black-filter .tp-btn-black-circle 
{
  display: none !important;
}
.tp-footer-widget-info .more-info-item {
  margin-bottom: 30px;
}
.tp-footer-widget-info label {
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  display: block;
  color: #717172;
}
.tp-footer-widget-info a {
  display: block;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--tp-common-black);
}
.product  input.wpi-button {
  background-color: #000 !important;
  border: 0;
  border-radius: 0;
  color: #FFF !important;
  text-transform: none !important;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 20px;
  max-width: 100% !important;
}
.tp-product-details-price-wrapper, .tp-product-details-action-wrapper, .tp-product-details-action-sm, .tp-product-details-reviews,
.tp-product-item-price
{
  display: none !important;
}


.one-perline .new_download_li {
  width: 100%;
  list-style: none !important;
}

.new_download_li {
  display: flex;
  align-items: center;
  padding: 10px;
  background-color: rgba(220,220,220,.2);
  padding-right: 50px;
  white-space: nowrap;
  position: relative;
  margin-bottom: 6px;
}

.new_download_li a {
  display: flex;
  align-content: center;
  align-items: center;
  font-size: 13px;
}
.new_download_li .download_bg {
  min-width: 40px;
  display: block;
  background-image: url(../img/product/pdf_icon.png);
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  background-size: 100% 100%;
  margin-right: 10px;
}
.new_download_li .show_name {
  display: block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
    font-size: 16px;
}

.woocommerce-tabs iframe {
  width: 100% !important;
}
body:not(.home) .tp-header-shop-wrap {
  border-bottom: 1px solid rgba(17, 17, 17, 0.1);
}
.tp-header-shop-logo
{
  padding: 0px 0px 10px 0px;
}
p.desc-cat 
{
  font-size: 15px;
}
.banner-category {
  padding-bottom: 40px;
  border-bottom: 4px solid #5a5b5d;
  margin-bottom: 60px;
}
.tp-product-ptb .agntix-product {
margin-bottom: 60px !important;
}

.agntix-product .tp-product-item
{
  position: relative;
}
.archive .agntix-product:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  z-index: -1;
  background: #eee;
    z-index: 9;
}
@media only screen and (min-width: 1025px) {
.archive .agntix-product:after {
    content: "";
    position: absolute;
    background: #ffffff;
    left: -1px;
    right: -1px;
    bottom: -30px;
    top: -30px;
    display: block;
    z-index: -1;
    opacity: 0;
    box-shadow: 0 10px 40px rgba(38, 44, 55, 0.12);
    opacity: 0;
  }
.archive .agntix-product:hover:after {
  opacity: 1;
}
}
.tp-product-ptb h2 
{
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  font-size: 26px;
  margin-bottom: 40px;
}
.tp-blogpost-area
{
  padding-top: 220px !important;
}
.dgm-team-thumb .tp--hover-img canvas
{
  display: none !important;
}
.dgm-team-social a:hover {
  color: #000 !important;
  border-color: #FFF !important;
  background-color: #FFF !important;
}
 
.dgm-team-title-sm
{
  font-family: inherit !important;
}
.our-clients .elementor-widget-image img
{
    border: 1px solid #eee !important;
    padding: 10px;
}
.contact-info .elementor-icon-box-content
{
  position: relative;
}
.contact-info .elementor-icon-box-content:after
{
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 88px;
  border-right: 1px solid #eee;
  width: 1px;
}
.contact-info .bloc1:last-child .elementor-icon-box-content:after
{
  display: none;
} 
.tp-header-10-area .container-1510
{
  padding: 0;
}
 
 

body.home .footer1 
{
  padding-bottom: 160px !important;
}
.tp-product-ptb .agntix-product::before
{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  z-index: -1;
  background: #eee;
}
.tp-product-filter-select .woocommerce-ordering,
.dgm-team-social 
{
  display: none !important;
}
.tp-header-10-wrapper .row 
{
  margin-left: 0;
  margin-right: 0;
}
.tp-header-10-wrapper .space-logo
{
  padding-left: 0 !important;
}
.tp-header-11-search
{
  position: relative;
  z-index: 3;
  width: 59px;
  height: 59px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}