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

    Template Name: Uncut - The Multipurpose HTML5 Template
    Author: Theme_Pure
    Support: https://help.themepure.net/support/
    Description: Template
    Version: 1.0.1

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

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

	-----------------
    01. THEME CSS
	-----------------
		1.1 Common Classes
		1.2 init Classes
		1.3 spacing Classes
		1.4 Theme Default

	-----------------
    02. COMPONENTS css
	-----------------
		2.1 Animations
		2.2 background
		2.3 backtotop
		2.4 Breadcrumb
		2.5 Buttons
		2.6 Cursor
		2.7 Instagram
		2.8 Nice Select
		2.9 Offcanvas
		2.10 Preloader
		2.11 Search
		2.12 Section Title

	-----------------
    03. HEADER CSS
	-----------------
		3.1 Header Style 1


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

	---------------------------------
	05. BLOG CSS
	---------------------------------
		5.1 Blog css
		5.2 Postbox css

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


	---------------------------------
	07. PAGES CSS
	---------------------------------
		7.1 About css
		7.2 Apoinment css
		7.3 Apps css
		7.4 Awards css
		7.5 Banner css
		7.6 Brand css
		7.7 Capabili css
		7.8 Chose css
		7.9 Contact css
		7.10 Counter css
		7.11 Cta css
		7.12 Expart css
		7.13 Faq css
		7.14 Feature css
		7.15 Funfact css
		7.16 Gallery css
		7.17 Hero css
		7.18 History css
		7.19 Map css
		7.20 Offer css
		7.21 Order css
		7.22 Pagenation css
		7.23 Portfolio css
		7.24 Price css
		7.25 Process css
		7.26 Product css
		7.27 Provide css
		7.28 Service css
		7.29 Subscribe css
		7.30 Succes css
		7.31 Team css
		7.32 testimonial css
		7.33 Timetable css
		7.34 Video css
		7.35 Work css



**********************************************/
/*----------------------------------------*/
/*  1.1 Theme Default
/*----------------------------------------*/
.tp-portfolio-it-grid-popup, .tp-offcanvas-area, .tp-offcanvas-social ul li a, a,
button,
p,
input,
select,
textarea,
li,
.transition-3 {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* transform */

:root {
  /**
  @font family declaration
  */
  --tp-ff-body: "Nunito", sans-serif;
  --tp-ff-heading: 'Colasta', sans-serif;
  --tp-ff-jakarta: 'Plus Jakarta Sans', sans-serif;
  --tp-ff-grotesk: 'Space Grotesk', sans-serif;
  --tp-ff-manrope: 'Manrope', sans-serif;
  --tp-ff-dmserif: 'DM Serif Display', serif;
  --tp-ff-poppins: 'Poppins', sans-serif;
  --tp-ff-roboto: 'Roboto', sans-serif;
  --tp-ff-yeseva: 'Yeseva One', serif;
  --tp-ff-libre: 'Libre Baskerville', serif;
  --tp-ff-open: 'Open Sans', sans-serif;
  --tp-ff-inter: 'Inter', sans-serif;
  --tp-ff-staat: 'Staatliches', sans-serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --tp-common-white: #ffffff;
  --tp-common-black: #072032;
  --tp-common-black-2: #000;
  --tp-common-black-3: #242e45;
  --tp-common-black-4: #2b265d;
  --tp-common-sky: #541f5c;
  --tp-common-fruit: #ebfeb2;
  --tp-common-whitest: #f8faf5;
  --tp-common-cherubic : #ffe6f1;
  --tp-common-mint: #c8fddd;
  --tp-common-lime: #8CDE59;
  --tp-common-yellow: #ffb72e;
  --tp-common-pisces : #aa3fff;
  --tp-common-apricot : #b17856;
  --tp-common-green : #1c4e4e;
  --tp-common-freckles : #eff5f4;
  --tp-common-conifer : #dff3fc;
  --tp-common-greyish : #c0b1ff;
  --tp-grey-1: #5c6972;
  --tp-grey-2: #555;
  --tp-grey-3: #878898;
  --tp-grey-4: #525356;
  --tp-grey-5: #f3f5f9;
  --tp-grey-6: #f5f4ff;
  --tp-grey-7: #898d95;
  --tp-grey-8: #f8f8f8;
  --tp-grey-9: #8885a6;
  --tp-grey-10: #f1f1ff;
  --tp-grey-11: #968698;
  --tp-theme-primary: #9CEE69;
  --tp-theme-1: #6c60dc;
  --tp-theme-2: #185757;
  --tp-theme-3: #ef4074;
  --tp-theme-4: #02a95c;
  --tp-theme-5: #f43b00;
  --tp-border-1: #bababa;
  --tp-border-2: #e6e8ea;
  --tp-border-3: #242e4526;
  --tp-rgba-1: rgba(255, 255, 255, 0.8);
  --tp-rgba-2: rgba(255, 255, 255, 0.75);
  --tp-rgba-3: rgba(255, 255, 255, 0.65);
}

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

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

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0px;
  font-weight: 700;
  line-height: 1.2;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-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 {
  margin-bottom: 15px;
  line-height: 24px;
  letter-spacing: -0.02em;
}

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

.text-right {
  text-align: right;
}

.f-right {
  float: right;
}




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

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

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

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

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

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  br {
    display: none;
  }
}

/*---------------------------------
    1.1 Common Classes
---------------------------------*/
.shape-image-animation {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
}

.shape-image-animation svg {
  height: 100%;
  width: 100%;
}

.shape-image-animation svg path {
  width: 100%;
}

.tp-social-icon-style a {
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  z-index: 1;
}
.tp-social-icon-style a:hover {
  color: var(--tp-common-white);
}
.tp-social-icon-style a:hover span {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.tp-social-icon-style a span {
  display: block;
  border-radius: 100%;
  height: 100%;
  width: 100%;
  top: -1px;
  left: -1px;
  padding: 1px;
  box-sizing: content-box;
  margin: 0;
  position: absolute;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0;
  -webkit-transition: 0.5s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.5s cubic-bezier(0.12, 0, 0.39, 0);
  pointer-events: none;
  z-index: -1;
  background-color: var(--tp-theme-4);
}

.w-img img {
  width: 100%;
}

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

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

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

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

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

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

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

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

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

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

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

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

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

.gx-10 {
  --bs-gutter-x: 10px;
}

.gx-14 {
  --bs-gutter-x: 14px;
}

.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-48 {
  --bs-gutter-x: 48px;
}

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

.border-1px {
  border: 1px solid transparent;
}

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

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.p-inherit {
  position: inherit !important;
}

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

.text-italic {
  font-style: italic;
}

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

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

.hover-text-black:hover {
  color: var(--tp-common-black);
}

.hover-text-white:hover {
  color: var(--tp-common-white) !important;
}

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

.hover-text-theme-1:hover {
  color: var(--tp-theme-1);
}

.hover-text-theme-3:hover {
  color: var(--tp-theme-3);
}

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

.hover-text-theme-4:hover {
  color: var(--tp-theme-4) !important;
}

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

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

.hover-bg-yellow:hover {
  background: var(--tp-common-yellow);
  border-color: transparent;
}

.underline-black {
  background-image: linear-gradient(#072032, #072032), linear-gradient(#072032, #072032);
  background-size: 0 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}
.underline-black:hover {
  background-image: linear-gradient(#072032, #072032), linear-gradient(#072032, #072032);
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}

.underline-white {
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  background-size: 0 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}
.underline-white:hover {
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}

.underline-lwr {
  background-image: linear-gradient(#185757, #185757), linear-gradient(#185757, #185757);
  background-size: 0 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}
.underline-lwr:hover {
  background-image: linear-gradient(#185757, #185757), linear-gradient(#185757, #185757);
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}

.underline-salon {
  background-image: linear-gradient(#541f5c, #541f5c), linear-gradient(#541f5c, #541f5c);
  background-size: 0 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}
.underline-salon:hover {
  background-image: linear-gradient(#541f5c, #541f5c), linear-gradient(#541f5c, #541f5c);
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}

.underline-crt {
  background-image: linear-gradient(#02a95c, #02a95c), linear-gradient(#02a95c, #02a95c);
  background-size: 0 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}
.underline-crt:hover {
  background-image: linear-gradient(#02a95c, #02a95c), linear-gradient(#02a95c, #02a95c);
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}

.tp-transfrom {
  transform: translateY(-1px) !important;
}

.tp-transfrom-2 {
  transform: translateY(-2px);
}

.tp-transfrom-3 {
  transform: translateY(-3px);
}

.tp-transfrom-4 {
  transform: translateY(-4px);
}

.tp-round-4 {
  border-radius: 4px;
}

.tp-round-5 {
  border-radius: 5px;
}

.tp-round-6 {
  border-radius: 6px;
}

.tp-round-10 {
  border-radius: 10px;
}

.tp-round-17 {
  border-radius: 17px;
}

.tp-round-20 {
  border-radius: 20px;
}

.tp-round-25 {
  border-radius: 25px;
}

.tp-round-30 {
  border-radius: 30px;
}

.tp-round-35 {
  border-radius: 35px;
}

.tp-round-100 {
  border-radius: 100px;
}

.lh-0 {
  line-height: 0;
}

.lh-16 {
  line-height: 16px;
}

.lh-17 {
  line-height: 17px;
}

.lh-18 {
  line-height: 18px;
}

.lh-20 {
  line-height: 20px;
}

.lh-22 {
  line-height: 22px;
}

.lh-24 {
  line-height: 24px;
}

.lh-26 {
  line-height: 26px;
}

.lh-28 {
  line-height: 28px;
}

.lh-30 {
  line-height: 30px;
}

.lh-32 {
  line-height: 32px;
}

.lh-36 {
  line-height: 36px;
}

.lh-110-per {
  line-height: 1.1;
}

.lh-117-per {
  line-height: 1.17;
}

.lh-125-per {
  line-height: 1.25;
}

.lh-147-per {
  line-height: 1.47;
}

.ls-0 {
  letter-spacing: 0;
}

.ls-1 {
  letter-spacing: 0.01em;
}

.ls-2 {
  letter-spacing: 0.02em;
}

.ls-3 {
  letter-spacing: 0.03em;
}

.ls-4 {
  letter-spacing: 0.04em;
}

.ls-6 {
  letter-spacing: 0.06em;
}

.ls-m-1 {
  letter-spacing: -0.01em;
}

.ls-m-2 {
  letter-spacing: -0.02em;
}

.ls-m-4 {
  letter-spacing: -0.04em;
}

.ls-m-5 {
  letter-spacing: -0.05em;
}

.ls-m-6 {
  letter-spacing: -0.06em;
}

/*---------------------------------
    1.3 spacing Spacing
---------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-170 {
    padding-top: 115px;
  }
}

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

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-160 {
    padding-top: 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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-155 {
    padding-top: 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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-150 {
    padding-top: 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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-145 {
    padding-top: 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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-140 {
    padding-top: 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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-135 {
    padding-top: 95px;
  }
}

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

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-125 {
    padding-top: 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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-120 {
    padding-top: 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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-115 {
    padding-top: 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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-110 {
    padding-top: 70px;
  }
}

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

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

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

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-180 {
    padding-top: 100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-190 {
    padding-top: 110px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-165 {
    padding-bottom: 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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-160 {
    padding-bottom: 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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-155 {
    padding-bottom: 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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-150 {
    padding-bottom: 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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-145 {
    padding-bottom: 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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-140 {
    padding-bottom: 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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-135 {
    padding-bottom: 95px;
  }
}

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

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-125 {
    padding-bottom: 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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-120 {
    padding-bottom: 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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-115 {
    padding-bottom: 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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-110 {
    padding-bottom: 70px;
  }
}

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

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

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

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

/*---------------------------------
  1.2 init style
---------------------------------*/
@media (min-width: 1400px) {
  .container-1825 {
    max-width: 1825px;
  }
}
@media (min-width: 1400px) {
  .container-1510 {
    max-width: 1510px;
  }
}
@media (min-width: 1400px) {
  .container-1230 {
    max-width: 1230px;
  }
}
@media (min-width: 1400px) {
  .container-1670 {
    max-width: 1670px;
  }
}
@media (min-width: 1400px) {
  .container-1710 {
    max-width: 1710px;
  }
}
@media (min-width: 1400px) {
  .container-1430 {
    max-width: 1430px;
  }
}
@media (min-width: 1400px) {
  .container-1310 {
    max-width: 1310px;
  }
}
@media (min-width: 1400px) {
  .container-1775 {
    max-width: 1775px;
  }
}
@media (min-width: 1400px) {
  .container-1630 {
    max-width: 1630px;
  }
}
@media (min-width: 1400px) {
  .container-1550 {
    max-width: 1550px;
  }
}
@media (min-width: 1400px) {
  .container-1420 {
    max-width: 1420px;
  }
}
@media (min-width: 1400px) {
  .container-1693 {
    max-width: 1693px;
  }
}
/* Font weight */
.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

/* Font size */
.fs-12 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 14px;
}

.fs-15 {
  font-size: 15px;
}

.fs-16 {
  font-size: 16px;
}

.fs-17 {
  font-size: 17px;
}

.fs-18 {
  font-size: 18px;
}

.fs-19 {
  font-size: 19px;
}

.fs-20 {
  font-size: 20px;
}

.fs-21 {
  font-size: 21px;
}

.fs-22 {
  font-size: 22px;
}

.fs-23 {
  font-size: 23px;
}

.fs-24 {
  font-size: 24px;
}

.fs-25 {
  font-size: 25px;
}

.fs-26 {
  font-size: 26px;
}

.fs-27 {
  font-size: 27px;
}

.fs-28 {
  font-size: 28px;
}

.fs-29 {
  font-size: 29px;
}

.fs-30 {
  font-size: 30px;
}

.fs-31 {
  font-size: 31px;
}

.fs-32 {
  font-size: 32px;
}

.fs-33 {
  font-size: 33px;
}

.fs-34 {
  font-size: 34px;
}

.fs-35 {
  font-size: 35px;
}

.fs-36 {
  font-size: 36px;
}

.fs-37 {
  font-size: 37px;
}

.fs-38 {
  font-size: 38px;
}

.fs-39 {
  font-size: 39px;
}

.fs-40 {
  font-size: 40px;
}

.fs-41 {
  font-size: 41px;
}

.fs-42 {
  font-size: 42px;
}

.fs-43 {
  font-size: 43px;
}

.fs-44 {
  font-size: 44px;
}

.fs-45 {
  font-size: 45px;
}

.fs-46 {
  font-size: 46px;
}

.fs-47 {
  font-size: 47px;
}

.fs-48 {
  font-size: 48px;
}

.fs-49 {
  font-size: 49px;
}

.fs-50 {
  font-size: 50px;
}

.fs-51 {
  font-size: 51px;
}

.fs-52 {
  font-size: 52px;
}

.fs-53 {
  font-size: 53px;
}

.fs-54 {
  font-size: 54px;
}

.fs-55 {
  font-size: 55px;
}

.fs-56 {
  font-size: 56px;
}

.fs-57 {
  font-size: 57px;
}

.fs-58 {
  font-size: 58px;
}

.fs-59 {
  font-size: 59px;
}

.fs-60 {
  font-size: 60px;
}

.fs-61 {
  font-size: 61px;
}

.fs-62 {
  font-size: 62px;
}

.fs-63 {
  font-size: 63px;
}

.fs-64 {
  font-size: 64px;
}

.fs-65 {
  font-size: 65px;
}

.fs-66 {
  font-size: 66px;
}

.fs-67 {
  font-size: 67px;
}

.fs-68 {
  font-size: 68px;
}

.fs-69 {
  font-size: 69px;
}

.fs-70 {
  font-size: 70px;
}

.fs-71 {
  font-size: 71px;
}

.fs-72 {
  font-size: 72px;
}

.fs-73 {
  font-size: 73px;
}

.fs-74 {
  font-size: 74px;
}

.fs-75 {
  font-size: 75px;
}

.fs-76 {
  font-size: 76px;
}

.fs-77 {
  font-size: 77px;
}

.fs-78 {
  font-size: 78px;
}

.fs-79 {
  font-size: 79px;
}

.fs-80 {
  font-size: 80px;
}

.fs-81 {
  font-size: 81px;
}

.fs-82 {
  font-size: 82px;
}

.fs-83 {
  font-size: 83px;
}

.fs-84 {
  font-size: 84px;
}

.fs-85 {
  font-size: 85px;
}

.fs-86 {
  font-size: 86px;
}

.fs-87 {
  font-size: 87px;
}

.fs-88 {
  font-size: 88px;
}

.fs-89 {
  font-size: 89px;
}

.fs-90 {
  font-size: 90px;
}

.fs-91 {
  font-size: 91px;
}

.fs-92 {
  font-size: 92px;
}

.fs-93 {
  font-size: 93px;
}

.fs-94 {
  font-size: 94px;
}

.fs-95 {
  font-size: 95px;
}

.fs-96 {
  font-size: 96px;
}

.fs-97 {
  font-size: 97px;
}

.fs-98 {
  font-size: 98px;
}

.fs-99 {
  font-size: 99px;
}

.fs-100 {
  font-size: 100px;
}

/* Font size media query */
@media (max-width: 1399.98px) {
  .fs-xl-12 {
    font-size: 12px;
  }

  .fs-xl-13 {
    font-size: 13px;
  }

  .fs-xl-14 {
    font-size: 14px;
  }

  .fs-xl-15 {
    font-size: 15px;
  }

  .fs-xl-16 {
    font-size: 16px;
  }

  .fs-xl-17 {
    font-size: 17px;
  }

  .fs-xl-18 {
    font-size: 18px;
  }

  .fs-xl-19 {
    font-size: 19px;
  }

  .fs-xl-20 {
    font-size: 20px;
  }

  .fs-xl-21 {
    font-size: 21px;
  }

  .fs-xl-22 {
    font-size: 22px;
  }

  .fs-xl-23 {
    font-size: 23px;
  }

  .fs-xl-24 {
    font-size: 24px;
  }

  .fs-xl-25 {
    font-size: 25px;
  }

  .fs-xl-26 {
    font-size: 26px;
  }

  .fs-xl-27 {
    font-size: 27px;
  }

  .fs-xl-28 {
    font-size: 28px;
  }

  .fs-xl-29 {
    font-size: 29px;
  }

  .fs-xl-30 {
    font-size: 30px;
  }

  .fs-xl-31 {
    font-size: 31px;
  }

  .fs-xl-32 {
    font-size: 32px;
  }

  .fs-xl-33 {
    font-size: 33px;
  }

  .fs-xl-34 {
    font-size: 34px;
  }

  .fs-xl-35 {
    font-size: 35px;
  }

  .fs-xl-36 {
    font-size: 36px;
  }

  .fs-xl-37 {
    font-size: 37px;
  }

  .fs-xl-38 {
    font-size: 38px;
  }

  .fs-xl-39 {
    font-size: 39px;
  }

  .fs-xl-40 {
    font-size: 40px;
  }

  .fs-xl-41 {
    font-size: 41px;
  }

  .fs-xl-42 {
    font-size: 42px;
  }

  .fs-xl-43 {
    font-size: 43px;
  }

  .fs-xl-44 {
    font-size: 44px;
  }

  .fs-xl-45 {
    font-size: 45px;
  }

  .fs-xl-46 {
    font-size: 46px;
  }

  .fs-xl-47 {
    font-size: 47px;
  }

  .fs-xl-48 {
    font-size: 48px;
  }

  .fs-xl-49 {
    font-size: 49px;
  }

  .fs-xl-50 {
    font-size: 50px;
  }

  .fs-xl-51 {
    font-size: 51px;
  }

  .fs-xl-52 {
    font-size: 52px;
  }

  .fs-xl-53 {
    font-size: 53px;
  }

  .fs-xl-54 {
    font-size: 54px;
  }

  .fs-xl-55 {
    font-size: 55px;
  }

  .fs-xl-56 {
    font-size: 56px;
  }

  .fs-xl-57 {
    font-size: 57px;
  }

  .fs-xl-58 {
    font-size: 58px;
  }

  .fs-xl-59 {
    font-size: 59px;
  }

  .fs-xl-60 {
    font-size: 60px;
  }

  .fs-xl-61 {
    font-size: 61px;
  }

  .fs-xl-62 {
    font-size: 62px;
  }

  .fs-xl-63 {
    font-size: 63px;
  }

  .fs-xl-64 {
    font-size: 64px;
  }

  .fs-xl-65 {
    font-size: 65px;
  }

  .fs-xl-66 {
    font-size: 66px;
  }

  .fs-xl-67 {
    font-size: 67px;
  }

  .fs-xl-68 {
    font-size: 68px;
  }

  .fs-xl-69 {
    font-size: 69px;
  }

  .fs-xl-70 {
    font-size: 70px;
  }

  .fs-xl-71 {
    font-size: 71px;
  }

  .fs-xl-72 {
    font-size: 72px;
  }

  .fs-xl-73 {
    font-size: 73px;
  }

  .fs-xl-74 {
    font-size: 74px;
  }

  .fs-xl-75 {
    font-size: 75px;
  }

  .fs-xl-76 {
    font-size: 76px;
  }

  .fs-xl-77 {
    font-size: 77px;
  }

  .fs-xl-78 {
    font-size: 78px;
  }

  .fs-xl-79 {
    font-size: 79px;
  }

  .fs-xl-80 {
    font-size: 80px;
  }

  .fs-xl-81 {
    font-size: 81px;
  }

  .fs-xl-82 {
    font-size: 82px;
  }

  .fs-xl-83 {
    font-size: 83px;
  }

  .fs-xl-84 {
    font-size: 84px;
  }

  .fs-xl-85 {
    font-size: 85px;
  }

  .fs-xl-86 {
    font-size: 86px;
  }

  .fs-xl-87 {
    font-size: 87px;
  }

  .fs-xl-88 {
    font-size: 88px;
  }

  .fs-xl-89 {
    font-size: 89px;
  }

  .fs-xl-90 {
    font-size: 90px;
  }

  .fs-xl-91 {
    font-size: 91px;
  }

  .fs-xl-92 {
    font-size: 92px;
  }

  .fs-xl-93 {
    font-size: 93px;
  }

  .fs-xl-94 {
    font-size: 94px;
  }

  .fs-xl-95 {
    font-size: 95px;
  }

  .fs-xl-96 {
    font-size: 96px;
  }

  .fs-xl-97 {
    font-size: 97px;
  }

  .fs-xl-98 {
    font-size: 98px;
  }

  .fs-xl-99 {
    font-size: 99px;
  }

  .fs-xl-100 {
    font-size: 100px;
  }
}
/* Font size media query */
@media (max-width: 1199.98px) {
  .fs-lg-12 {
    font-size: 12px;
  }

  .fs-lg-13 {
    font-size: 13px;
  }

  .fs-lg-14 {
    font-size: 14px;
  }

  .fs-lg-15 {
    font-size: 15px;
  }

  .fs-lg-16 {
    font-size: 16px;
  }

  .fs-lg-17 {
    font-size: 17px;
  }

  .fs-lg-18 {
    font-size: 18px;
  }

  .fs-lg-19 {
    font-size: 19px;
  }

  .fs-lg-20 {
    font-size: 20px;
  }

  .fs-lg-21 {
    font-size: 21px;
  }

  .fs-lg-22 {
    font-size: 22px;
  }

  .fs-lg-23 {
    font-size: 23px;
  }

  .fs-lg-24 {
    font-size: 24px;
  }

  .fs-lg-25 {
    font-size: 25px;
  }

  .fs-lg-26 {
    font-size: 26px;
  }

  .fs-lg-27 {
    font-size: 27px;
  }

  .fs-lg-28 {
    font-size: 28px;
  }

  .fs-lg-29 {
    font-size: 29px;
  }

  .fs-lg-30 {
    font-size: 30px;
  }

  .fs-lg-31 {
    font-size: 31px;
  }

  .fs-lg-32 {
    font-size: 32px;
  }

  .fs-lg-33 {
    font-size: 33px;
  }

  .fs-lg-34 {
    font-size: 34px;
  }

  .fs-lg-35 {
    font-size: 35px;
  }

  .fs-lg-36 {
    font-size: 36px;
  }

  .fs-lg-37 {
    font-size: 37px;
  }

  .fs-lg-38 {
    font-size: 38px;
  }

  .fs-lg-39 {
    font-size: 39px;
  }

  .fs-lg-40 {
    font-size: 40px;
  }

  .fs-lg-41 {
    font-size: 41px;
  }

  .fs-lg-42 {
    font-size: 42px;
  }

  .fs-lg-43 {
    font-size: 43px;
  }

  .fs-lg-44 {
    font-size: 44px;
  }

  .fs-lg-45 {
    font-size: 45px;
  }

  .fs-lg-46 {
    font-size: 46px;
  }

  .fs-lg-47 {
    font-size: 47px;
  }

  .fs-lg-48 {
    font-size: 48px;
  }

  .fs-lg-49 {
    font-size: 49px;
  }

  .fs-lg-50 {
    font-size: 50px;
  }

  .fs-lg-51 {
    font-size: 51px;
  }

  .fs-lg-52 {
    font-size: 52px;
  }

  .fs-lg-53 {
    font-size: 53px;
  }

  .fs-lg-54 {
    font-size: 54px;
  }

  .fs-lg-55 {
    font-size: 55px;
  }

  .fs-lg-56 {
    font-size: 56px;
  }

  .fs-lg-57 {
    font-size: 57px;
  }

  .fs-lg-58 {
    font-size: 58px;
  }

  .fs-lg-59 {
    font-size: 59px;
  }

  .fs-lg-60 {
    font-size: 60px;
  }

  .fs-lg-61 {
    font-size: 61px;
  }

  .fs-lg-62 {
    font-size: 62px;
  }

  .fs-lg-63 {
    font-size: 63px;
  }

  .fs-lg-64 {
    font-size: 64px;
  }

  .fs-lg-65 {
    font-size: 65px;
  }

  .fs-lg-66 {
    font-size: 66px;
  }

  .fs-lg-67 {
    font-size: 67px;
  }

  .fs-lg-68 {
    font-size: 68px;
  }

  .fs-lg-69 {
    font-size: 69px;
  }

  .fs-lg-70 {
    font-size: 70px;
  }

  .fs-lg-71 {
    font-size: 71px;
  }

  .fs-lg-72 {
    font-size: 72px;
  }

  .fs-lg-73 {
    font-size: 73px;
  }

  .fs-lg-74 {
    font-size: 74px;
  }

  .fs-lg-75 {
    font-size: 75px;
  }

  .fs-lg-76 {
    font-size: 76px;
  }

  .fs-lg-77 {
    font-size: 77px;
  }

  .fs-lg-78 {
    font-size: 78px;
  }

  .fs-lg-79 {
    font-size: 79px;
  }

  .fs-lg-80 {
    font-size: 80px;
  }

  .fs-lg-81 {
    font-size: 81px;
  }

  .fs-lg-82 {
    font-size: 82px;
  }

  .fs-lg-83 {
    font-size: 83px;
  }

  .fs-lg-84 {
    font-size: 84px;
  }

  .fs-lg-85 {
    font-size: 85px;
  }

  .fs-lg-86 {
    font-size: 86px;
  }

  .fs-lg-87 {
    font-size: 87px;
  }

  .fs-lg-88 {
    font-size: 88px;
  }

  .fs-lg-89 {
    font-size: 89px;
  }

  .fs-lg-90 {
    font-size: 90px;
  }

  .fs-lg-91 {
    font-size: 91px;
  }

  .fs-lg-92 {
    font-size: 92px;
  }

  .fs-lg-93 {
    font-size: 93px;
  }

  .fs-lg-94 {
    font-size: 94px;
  }

  .fs-lg-95 {
    font-size: 95px;
  }

  .fs-lg-96 {
    font-size: 96px;
  }

  .fs-lg-97 {
    font-size: 97px;
  }

  .fs-lg-98 {
    font-size: 98px;
  }

  .fs-lg-99 {
    font-size: 99px;
  }

  .fs-lg-100 {
    font-size: 100px;
  }
}
@media (max-width: 991.98px) {
  .fs-md-12 {
    font-size: 12px;
  }

  .fs-md-13 {
    font-size: 13px;
  }

  .fs-md-14 {
    font-size: 14px;
  }

  .fs-md-15 {
    font-size: 15px;
  }

  .fs-md-16 {
    font-size: 16px;
  }

  .fs-md-17 {
    font-size: 17px;
  }

  .fs-md-18 {
    font-size: 18px;
  }

  .fs-md-19 {
    font-size: 19px;
  }

  .fs-md-20 {
    font-size: 20px;
  }

  .fs-md-21 {
    font-size: 21px;
  }

  .fs-md-22 {
    font-size: 22px;
  }

  .fs-md-23 {
    font-size: 23px;
  }

  .fs-md-24 {
    font-size: 24px;
  }

  .fs-md-25 {
    font-size: 25px;
  }

  .fs-md-26 {
    font-size: 26px;
  }

  .fs-md-27 {
    font-size: 27px;
  }

  .fs-md-28 {
    font-size: 28px;
  }

  .fs-md-29 {
    font-size: 29px;
  }

  .fs-md-30 {
    font-size: 30px;
  }

  .fs-md-31 {
    font-size: 31px;
  }

  .fs-md-32 {
    font-size: 32px;
  }

  .fs-md-33 {
    font-size: 33px;
  }

  .fs-md-34 {
    font-size: 34px;
  }

  .fs-md-35 {
    font-size: 35px;
  }

  .fs-md-36 {
    font-size: 36px;
  }

  .fs-md-37 {
    font-size: 37px;
  }

  .fs-md-38 {
    font-size: 38px;
  }

  .fs-md-39 {
    font-size: 39px;
  }

  .fs-md-40 {
    font-size: 40px;
  }

  .fs-md-41 {
    font-size: 41px;
  }

  .fs-md-42 {
    font-size: 42px;
  }

  .fs-md-43 {
    font-size: 43px;
  }

  .fs-md-44 {
    font-size: 44px;
  }

  .fs-md-45 {
    font-size: 45px;
  }

  .fs-md-46 {
    font-size: 46px;
  }

  .fs-md-47 {
    font-size: 47px;
  }

  .fs-md-48 {
    font-size: 48px;
  }

  .fs-md-49 {
    font-size: 49px;
  }

  .fs-md-50 {
    font-size: 50px;
  }

  .fs-md-51 {
    font-size: 51px;
  }

  .fs-md-52 {
    font-size: 52px;
  }

  .fs-md-53 {
    font-size: 53px;
  }

  .fs-md-54 {
    font-size: 54px;
  }

  .fs-md-55 {
    font-size: 55px;
  }

  .fs-md-56 {
    font-size: 56px;
  }

  .fs-md-57 {
    font-size: 57px;
  }

  .fs-md-58 {
    font-size: 58px;
  }

  .fs-md-59 {
    font-size: 59px;
  }

  .fs-md-60 {
    font-size: 60px;
  }

  .fs-md-61 {
    font-size: 61px;
  }

  .fs-md-62 {
    font-size: 62px;
  }

  .fs-md-63 {
    font-size: 63px;
  }

  .fs-md-64 {
    font-size: 64px;
  }

  .fs-md-65 {
    font-size: 65px;
  }

  .fs-md-66 {
    font-size: 66px;
  }

  .fs-md-67 {
    font-size: 67px;
  }

  .fs-md-68 {
    font-size: 68px;
  }

  .fs-md-69 {
    font-size: 69px;
  }

  .fs-md-70 {
    font-size: 70px;
  }

  .fs-md-71 {
    font-size: 71px;
  }

  .fs-md-72 {
    font-size: 72px;
  }

  .fs-md-73 {
    font-size: 73px;
  }

  .fs-md-74 {
    font-size: 74px;
  }

  .fs-md-75 {
    font-size: 75px;
  }

  .fs-md-76 {
    font-size: 76px;
  }

  .fs-md-77 {
    font-size: 77px;
  }

  .fs-md-78 {
    font-size: 78px;
  }

  .fs-md-79 {
    font-size: 79px;
  }

  .fs-md-80 {
    font-size: 80px;
  }

  .fs-md-81 {
    font-size: 81px;
  }

  .fs-md-82 {
    font-size: 82px;
  }

  .fs-md-83 {
    font-size: 83px;
  }

  .fs-md-84 {
    font-size: 84px;
  }

  .fs-md-85 {
    font-size: 85px;
  }

  .fs-md-86 {
    font-size: 86px;
  }

  .fs-md-87 {
    font-size: 87px;
  }

  .fs-md-88 {
    font-size: 88px;
  }

  .fs-md-89 {
    font-size: 89px;
  }

  .fs-md-90 {
    font-size: 90px;
  }

  .fs-md-91 {
    font-size: 91px;
  }

  .fs-md-92 {
    font-size: 92px;
  }

  .fs-md-93 {
    font-size: 93px;
  }

  .fs-md-94 {
    font-size: 94px;
  }

  .fs-md-95 {
    font-size: 95px;
  }

  .fs-md-96 {
    font-size: 96px;
  }

  .fs-md-97 {
    font-size: 97px;
  }

  .fs-md-98 {
    font-size: 98px;
  }

  .fs-md-99 {
    font-size: 99px;
  }

  .fs-md-100 {
    font-size: 100px;
  }
}
@media (max-width: 767.98px) {
  .fs-sm-12 {
    font-size: 12px;
  }

  .fs-sm-13 {
    font-size: 13px;
  }

  .fs-sm-14 {
    font-size: 14px;
  }

  .fs-sm-15 {
    font-size: 15px;
  }

  .fs-sm-16 {
    font-size: 16px;
  }

  .fs-sm-17 {
    font-size: 17px;
  }

  .fs-sm-18 {
    font-size: 18px;
  }

  .fs-sm-19 {
    font-size: 19px;
  }

  .fs-sm-20 {
    font-size: 20px;
  }

  .fs-sm-21 {
    font-size: 21px;
  }

  .fs-sm-22 {
    font-size: 22px;
  }

  .fs-sm-23 {
    font-size: 23px;
  }

  .fs-sm-24 {
    font-size: 24px;
  }

  .fs-sm-25 {
    font-size: 25px;
  }

  .fs-sm-26 {
    font-size: 26px;
  }

  .fs-sm-27 {
    font-size: 27px;
  }

  .fs-sm-28 {
    font-size: 28px;
  }

  .fs-sm-29 {
    font-size: 29px;
  }

  .fs-sm-30 {
    font-size: 30px;
  }

  .fs-sm-31 {
    font-size: 31px;
  }

  .fs-sm-32 {
    font-size: 32px;
  }

  .fs-sm-33 {
    font-size: 33px;
  }

  .fs-sm-34 {
    font-size: 34px;
  }

  .fs-sm-35 {
    font-size: 35px;
  }

  .fs-sm-36 {
    font-size: 36px;
  }

  .fs-sm-37 {
    font-size: 37px;
  }

  .fs-sm-38 {
    font-size: 38px;
  }

  .fs-sm-39 {
    font-size: 39px;
  }

  .fs-sm-40 {
    font-size: 40px;
  }

  .fs-sm-41 {
    font-size: 41px;
  }

  .fs-sm-42 {
    font-size: 42px;
  }

  .fs-sm-43 {
    font-size: 43px;
  }

  .fs-sm-44 {
    font-size: 44px;
  }

  .fs-sm-45 {
    font-size: 45px;
  }

  .fs-sm-46 {
    font-size: 46px;
  }

  .fs-sm-47 {
    font-size: 47px;
  }

  .fs-sm-48 {
    font-size: 48px;
  }

  .fs-sm-49 {
    font-size: 49px;
  }

  .fs-sm-50 {
    font-size: 50px;
  }

  .fs-sm-51 {
    font-size: 51px;
  }

  .fs-sm-52 {
    font-size: 52px;
  }

  .fs-sm-53 {
    font-size: 53px;
  }

  .fs-sm-54 {
    font-size: 54px;
  }

  .fs-sm-55 {
    font-size: 55px;
  }

  .fs-sm-56 {
    font-size: 56px;
  }

  .fs-sm-57 {
    font-size: 57px;
  }

  .fs-sm-58 {
    font-size: 58px;
  }

  .fs-sm-59 {
    font-size: 59px;
  }

  .fs-sm-60 {
    font-size: 60px;
  }

  .fs-sm-61 {
    font-size: 61px;
  }

  .fs-sm-62 {
    font-size: 62px;
  }

  .fs-sm-63 {
    font-size: 63px;
  }

  .fs-sm-64 {
    font-size: 64px;
  }

  .fs-sm-65 {
    font-size: 65px;
  }

  .fs-sm-66 {
    font-size: 66px;
  }

  .fs-sm-67 {
    font-size: 67px;
  }

  .fs-sm-68 {
    font-size: 68px;
  }

  .fs-sm-69 {
    font-size: 69px;
  }

  .fs-sm-70 {
    font-size: 70px;
  }

  .fs-sm-71 {
    font-size: 71px;
  }

  .fs-sm-72 {
    font-size: 72px;
  }

  .fs-sm-73 {
    font-size: 73px;
  }

  .fs-sm-74 {
    font-size: 74px;
  }

  .fs-sm-75 {
    font-size: 75px;
  }

  .fs-sm-76 {
    font-size: 76px;
  }

  .fs-sm-77 {
    font-size: 77px;
  }

  .fs-sm-78 {
    font-size: 78px;
  }

  .fs-sm-79 {
    font-size: 79px;
  }

  .fs-sm-80 {
    font-size: 80px;
  }

  .fs-sm-81 {
    font-size: 81px;
  }

  .fs-sm-82 {
    font-size: 82px;
  }

  .fs-sm-83 {
    font-size: 83px;
  }

  .fs-sm-84 {
    font-size: 84px;
  }

  .fs-sm-85 {
    font-size: 85px;
  }

  .fs-sm-86 {
    font-size: 86px;
  }

  .fs-sm-87 {
    font-size: 87px;
  }

  .fs-sm-88 {
    font-size: 88px;
  }

  .fs-sm-89 {
    font-size: 89px;
  }

  .fs-sm-90 {
    font-size: 90px;
  }

  .fs-sm-91 {
    font-size: 91px;
  }

  .fs-sm-92 {
    font-size: 92px;
  }

  .fs-sm-93 {
    font-size: 93px;
  }

  .fs-sm-94 {
    font-size: 94px;
  }

  .fs-sm-95 {
    font-size: 95px;
  }

  .fs-sm-96 {
    font-size: 96px;
  }

  .fs-sm-97 {
    font-size: 97px;
  }

  .fs-sm-98 {
    font-size: 98px;
  }

  .fs-sm-99 {
    font-size: 99px;
  }

  .fs-sm-100 {
    font-size: 100px;
  }
}
@media (max-width: 575.98px) {
  .fs-xs-12 {
    font-size: 12px;
  }

  .fs-xs-13 {
    font-size: 13px;
  }

  .fs-xs-14 {
    font-size: 14px;
  }

  .fs-xs-15 {
    font-size: 15px;
  }

  .fs-xs-16 {
    font-size: 16px;
  }

  .fs-xs-17 {
    font-size: 17px;
  }

  .fs-xs-18 {
    font-size: 18px;
  }

  .fs-xs-19 {
    font-size: 19px;
  }

  .fs-xs-20 {
    font-size: 20px;
  }

  .fs-xs-21 {
    font-size: 21px;
  }

  .fs-xs-22 {
    font-size: 22px;
  }

  .fs-xs-23 {
    font-size: 23px;
  }

  .fs-xs-24 {
    font-size: 24px;
  }

  .fs-xs-25 {
    font-size: 25px;
  }

  .fs-xs-26 {
    font-size: 26px;
  }

  .fs-xs-27 {
    font-size: 27px;
  }

  .fs-xs-28 {
    font-size: 28px;
  }

  .fs-xs-29 {
    font-size: 29px;
  }

  .fs-xs-30 {
    font-size: 30px;
  }

  .fs-xs-31 {
    font-size: 31px;
  }

  .fs-xs-32 {
    font-size: 32px;
  }

  .fs-xs-33 {
    font-size: 33px;
  }

  .fs-xs-34 {
    font-size: 34px;
  }

  .fs-xs-35 {
    font-size: 35px;
  }

  .fs-xs-36 {
    font-size: 36px;
  }

  .fs-xs-37 {
    font-size: 37px;
  }

  .fs-xs-38 {
    font-size: 38px;
  }

  .fs-xs-39 {
    font-size: 39px;
  }

  .fs-xs-40 {
    font-size: 40px;
  }

  .fs-xs-41 {
    font-size: 41px;
  }

  .fs-xs-42 {
    font-size: 42px;
  }

  .fs-xs-43 {
    font-size: 43px;
  }

  .fs-xs-44 {
    font-size: 44px;
  }

  .fs-xs-45 {
    font-size: 45px;
  }

  .fs-xs-46 {
    font-size: 46px;
  }

  .fs-xs-47 {
    font-size: 47px;
  }

  .fs-xs-48 {
    font-size: 48px;
  }

  .fs-xs-49 {
    font-size: 49px;
  }

  .fs-xs-50 {
    font-size: 50px;
  }

  .fs-xs-51 {
    font-size: 51px;
  }

  .fs-xs-52 {
    font-size: 52px;
  }

  .fs-xs-53 {
    font-size: 53px;
  }

  .fs-xs-54 {
    font-size: 54px;
  }

  .fs-xs-55 {
    font-size: 55px;
  }

  .fs-xs-56 {
    font-size: 56px;
  }

  .fs-xs-57 {
    font-size: 57px;
  }

  .fs-xs-58 {
    font-size: 58px;
  }

  .fs-xs-59 {
    font-size: 59px;
  }

  .fs-xs-60 {
    font-size: 60px;
  }

  .fs-xs-61 {
    font-size: 61px;
  }

  .fs-xs-62 {
    font-size: 62px;
  }

  .fs-xs-63 {
    font-size: 63px;
  }

  .fs-xs-64 {
    font-size: 64px;
  }

  .fs-xs-65 {
    font-size: 65px;
  }

  .fs-xs-66 {
    font-size: 66px;
  }

  .fs-xs-67 {
    font-size: 67px;
  }

  .fs-xs-68 {
    font-size: 68px;
  }

  .fs-xs-69 {
    font-size: 69px;
  }

  .fs-xs-70 {
    font-size: 70px;
  }

  .fs-xs-71 {
    font-size: 71px;
  }

  .fs-xs-72 {
    font-size: 72px;
  }

  .fs-xs-73 {
    font-size: 73px;
  }

  .fs-xs-74 {
    font-size: 74px;
  }

  .fs-xs-75 {
    font-size: 75px;
  }

  .fs-xs-76 {
    font-size: 76px;
  }

  .fs-xs-77 {
    font-size: 77px;
  }

  .fs-xs-78 {
    font-size: 78px;
  }

  .fs-xs-79 {
    font-size: 79px;
  }

  .fs-xs-80 {
    font-size: 80px;
  }

  .fs-xs-81 {
    font-size: 81px;
  }

  .fs-xs-82 {
    font-size: 82px;
  }

  .fs-xs-83 {
    font-size: 83px;
  }

  .fs-xs-84 {
    font-size: 84px;
  }

  .fs-xs-85 {
    font-size: 85px;
  }

  .fs-xs-86 {
    font-size: 86px;
  }

  .fs-xs-87 {
    font-size: 87px;
  }

  .fs-xs-88 {
    font-size: 88px;
  }

  .fs-xs-89 {
    font-size: 89px;
  }

  .fs-xs-90 {
    font-size: 90px;
  }

  .fs-xs-91 {
    font-size: 91px;
  }

  .fs-xs-92 {
    font-size: 92px;
  }

  .fs-xs-93 {
    font-size: 93px;
  }

  .fs-xs-94 {
    font-size: 94px;
  }

  .fs-xs-95 {
    font-size: 95px;
  }

  .fs-xs-96 {
    font-size: 96px;
  }

  .fs-xs-97 {
    font-size: 97px;
  }

  .fs-xs-98 {
    font-size: 98px;
  }

  .fs-xs-99 {
    font-size: 99px;
  }

  .fs-xs-100 {
    font-size: 100px;
  }
}
.tp-text-common-white {
  color: var(--tp-common-white);
}

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

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

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

.tp-text-common-black-2 {
  color: var(--tp-common-black-2);
}

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

.tp-text-common-black-3 {
  color: var(--tp-common-black-3);
}

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

.tp-text-common-black-4 {
  color: var(--tp-common-black-4);
}

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

.tp-text-common-sky {
  color: var(--tp-common-sky);
}

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

.tp-text-common-fruit {
  color: var(--tp-common-fruit);
}

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

.tp-text-common-whitest {
  color: var(--tp-common-whitest);
}

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

.tp-text-common-cherubic {
  color: var(--tp-common-cherubic );
}

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

.tp-text-common-mint {
  color: var(--tp-common-mint);
}

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

.tp-text-common-lime {
  color: var(--tp-common-lime);
}

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

.tp-text-common-yellow {
  color: var(--tp-common-yellow);
}

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

.tp-text-common-pisces {
  color: var(--tp-common-pisces );
}

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

.tp-text-common-apricot {
  color: var(--tp-common-apricot );
}

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

.tp-text-common-green {
  color: var(--tp-common-green );
}

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

.tp-text-common-freckles {
  color: var(--tp-common-freckles );
}

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

.tp-text-common-conifer {
  color: var(--tp-common-conifer );
}

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

.tp-text-common-greyish {
  color: var(--tp-common-greyish );
}

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

.tp-text-grey-1 {
  color: var(--tp-grey-1);
}

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

.tp-text-grey-2 {
  color: var(--tp-grey-2);
}

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

.tp-text-grey-3 {
  color: var(--tp-grey-3);
}

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

.tp-text-grey-4 {
  color: var(--tp-grey-4);
}

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

.tp-text-grey-5 {
  color: var(--tp-grey-5);
}

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

.tp-text-grey-6 {
  color: var(--tp-grey-6);
}

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

.tp-text-grey-7 {
  color: var(--tp-grey-7);
}

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

.tp-text-grey-8 {
  color: var(--tp-grey-8);
}

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

.tp-text-grey-9 {
  color: var(--tp-grey-9);
}

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

.tp-text-grey-10 {
  color: var(--tp-grey-10);
}

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

.tp-text-grey-11 {
  color: var(--tp-grey-11);
}

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

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

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

.tp-text-theme-1 {
  color: var(--tp-theme-1);
}

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

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

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

.tp-text-theme-3 {
  color: var(--tp-theme-3);
}

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

.tp-text-theme-4 {
  color: var(--tp-theme-4);
}

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

.tp-text-theme-5 {
  color: var(--tp-theme-5);
}

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

.tp-text-border-1 {
  color: var(--tp-border-1);
}

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

.tp-text-border-2 {
  color: var(--tp-border-2);
}

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

.tp-text-border-3 {
  color: var(--tp-border-3);
}

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

.tp-text-rgba-1 {
  color: var(--tp-rgba-1);
}

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

.tp-text-rgba-2 {
  color: var(--tp-rgba-2);
}

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

.tp-text-rgba-3 {
  color: var(--tp-rgba-3);
}

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

.tp-ff-body {
  font-family: var(--tp-ff-body);
}

.tp-ff-heading {
  font-family: var(--tp-ff-heading);
}

.tp-ff-jakarta {
  font-family: var(--tp-ff-jakarta);
}

.tp-ff-grotesk {
  font-family: var(--tp-ff-grotesk);
}

.tp-ff-manrope {
  font-family: var(--tp-ff-manrope);
}

.tp-ff-dmserif {
  font-family: var(--tp-ff-dmserif);
}

.tp-ff-poppins {
  font-family: var(--tp-ff-poppins);
}

.tp-ff-roboto {
  font-family: var(--tp-ff-roboto);
}

.tp-ff-yeseva {
  font-family: var(--tp-ff-yeseva);
}

.tp-ff-libre {
  font-family: var(--tp-ff-libre);
}

.tp-ff-open {
  font-family: var(--tp-ff-open);
}

.tp-ff-inter {
  font-family: var(--tp-ff-inter);
}

.tp-ff-staat {
  font-family: var(--tp-ff-staat);
}

.tp-ff-fontawesome {
  font-family: var(--tp-ff-fontawesome);
}

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

.back-to-top-btn {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: var(--tp-theme-primary);
  box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);
  color: var(--tp-common-white);
  border-radius: 50%;
}
.back-to-top-btn-cpr {
  background: var(--tp-common-pisces);
}
.back-to-top-btn-lwr {
  background: var(--tp-common-apricot);
}
.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);
}
.back-to-top-btn-med {
  background: var(--tp-theme-1);
}
.back-to-top-btn-salon {
  background: var(--tp-theme-3);
}
.back-to-top-btn-charity {
  background: var(--tp-theme-4);
}
.back-to-top-btn-pizza {
  background: var(--tp-theme-5);
}

.back-to-top-digi .back-to-top-btn {
  color: var(--tp-common-black);
}

/*----------------------------------------*/
/*  2.5 Buttons
/*----------------------------------------*/
.tp-btn {
  letter-spacing: 0.02em;
  padding: 11px 34px;
  -webkit-transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
}
.tp-btn:hover {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-btn-digi-sm {
  padding: 10px 21px;
}
.tp-btn-lg {
  letter-spacing: -0.01em;
  padding: 21px 40px;
  line-height: 0%;
}
.tp-btn-lg:hover {
  color: var(--tp-common-black);
}
.tp-btn-lg-border {
  border: 1px solid var(--tp-border-2);
}
.tp-btn-lg-border:hover {
  color: var(--tp-common-black);
}
.tp-btn-switch-animation {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tp-btn-switch-animation .btn-text {
  margin-left: -13px;
  position: relative;
  z-index: 3;
  transition: transform 0.6s 125ms cubic-bezier(0.1, 0.75, 0.25, 1);
}
.tp-btn-switch-animation .btn-icon {
  margin-left: 6px;
  position: relative;
  transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
  transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
  line-height: 0;
  z-index: 3;
}
.tp-btn-switch-animation .btn-icon + .btn-icon {
  order: -2;
  opacity: 0;
  transition-delay: 0s;
  margin-left: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
.tp-btn-switch-animation:hover .btn-text {
  transition-delay: 0.1s;
  transform: translateX(23px);
}
.tp-btn-switch-animation:hover .btn-icon {
  transition-delay: 0s;
  transform: translateX(10px);
  opacity: 0;
}
.tp-btn-switch-animation:hover .btn-icon + .btn-icon {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 225ms;
}
.tp-btn-switch-text > span {
  display: inline-flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.tp-btn-switch-text.btn-lg > span {
  padding: 15px 31px;
}
.tp-btn-switch-text .btn-double-text {
  transition: opacity 0.65s, transform 0.85s;
  transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  position: relative;
}
.tp-btn-switch-text .btn-double-text::before {
  content: attr(data-text);
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  top: 50%;
  opacity: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  transition: opacity 0.5s, transform 0.8s;
  transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
}
.tp-btn-switch-text:hover.bg-hover-black {
  background: var(--tp-common-black-4);
}
.tp-btn-switch-text:hover.bg-hover-theme-1 {
  background: var(--tp-theme-1);
}
.tp-btn-switch-text:hover .btn-double-text {
  transform: translateY(-200%);
}
.tp-btn-switch-text:hover .btn-double-text::before {
  transform: translate(-50%, 150%);
  opacity: 1;
}
.tp-btn-gradient {
  background-size: 200% auto;
  background-image: linear-gradient(to right, #aa3fff, #f3513c, #aa3fff);
  display: inline-block;
}
.tp-btn-gradient:hover {
  background-position: right center;
}
.tp-btn-gradient-cpc {
  background-image: linear-gradient(to right, #61ce70, #885efe, #61ce70);
}
.tp-btn-video {
  height: 70px;
  width: 70px;
  line-height: 70px;
  border-radius: 50%;
  transition: 0.3s;
  background-image: linear-gradient(90deg, #aa3fff 0%, #f3513c 100%);
}
.tp-btn-lwr-lg {
  padding: 16px 32px;
}
.tp-btn-lwr-xl {
  padding: 19px 42px;
}
.tp-btn-med-border {
  border: 1px solid rgba(43, 38, 93, 0.15);
}
.tp-btn-med-md {
  padding: 9px 15px;
}
.tp-btn-salon-lg {
  padding: 15px 36px;
  display: inline-block;
}
.tp-btn-it-border {
  border: 1px solid #e5e6e9;
}
.tp-btn-it-border:hover {
  border-color: var(--tp-theme-4);
}
.tp-btn-it-border-2 {
  border: 1px solid rgba(37, 40, 64, 0.15);
}
.tp-btn-it-border-2:hover {
  border-color: var(--tp-theme-4);
}
.tp-btn-it-border-3 {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.tp-btn-it-border-3:hover {
  border-color: var(--tp-theme-4);
}
.tp-btn-it-md {
  padding: 12px 39px;
}
.tp-btn-it-lg {
  padding: 17px 50px;
}
.tp-btn-it-xl {
  padding: 17px 42px;
}
.tp-btn-pizza-lg {
  padding: 17px 31px;
}
.tp-btn-pizza-xl {
  padding: 21px 40px;
}
.tp-btn-pizza-border {
  border: 1px solid #232323;
}
.tp-btn-cpc-lg {
  padding: 15px 41px;
}

.tp-btn-cpr-border {
  border: 1px solid var(--tp-border-3);
  padding: 12px 22px;
}
.tp-btn-cpr-border.border-4 {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.tp-btn-cpr-border-2 {
  border: 1px solid rgba(36, 46, 69, 0.1);
  padding: 20px 20px;
  line-height: 1;
}
.tp-btn-cpr-border-3 {
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 16px 20px;
}

.med-btn-shadow {
  box-shadow: 0 10px 40px -10px #86777c;
}

/*----------------------------------------*/
/*  2.1 Animations
/*----------------------------------------*/
@keyframes tp-line-dash {
  100% {
    stroke-dashoffset: 0;
  }
}
.line-dash-path {
  stroke-dasharray: 4;
  stroke-dashoffset: 350;
  -webkit-animation: tp-line-dash 30s linear forwards infinite;
  animation: tp-line-dash 30s linear forwards infinite;
}

@-webkit-keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@-moz-keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@-ms-keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.rotate-infinite {
  -webkit-animation: rotate-infinite 15s linear infinite;
  animation: rotate-infinite 15s linear infinite;
}

@-webkit-keyframes rotate-infinite-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-infinite-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-ms-keyframes rotate-infinite-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-infinite-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.rotate-infinite-2 {
  -webkit-animation: rotate-infinite-2 15s linear infinite;
  animation: rotate-infinite-2 15s linear infinite;
}

.tp-img-hover-inner {
  -webkit-transition: all 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition: all 0.5s cubic-bezier(0.37, 0, 0.63, 1);
}
.tp-img-hover-inner-up {
  -webkit-transition: all 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition: all 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.tp-img-hover:hover .tp-img-hover-inner {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.tp-img-hover:hover .tp-img-hover-inner-up {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.tp-transition {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.tp-fade-up-10 {
  transform: translateY(10px);
  -webkit-transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  opacity: 0;
}

.tp-fade-up-15 {
  opacity: 0;
  transform: translateY(15px);
  -webkit-transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
}

.tp-fade-up-hover:hover .tp-fade-up-10 {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.35s;
}
.tp-fade-up-hover:hover .tp-fade-up-15 {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.25s;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
  }
}
@keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
  }
}
/* Anime animation */
[data-anime] {
  opacity: 0;
  transition: none;
}
[data-anime].appear {
  opacity: 1;
}
[data-anime].btn {
  transition: none;
}
[data-anime].btn.anime-complete {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

@keyframes tpupdown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.updown {
  animation: tpupdown 1s infinite alternate;
}

@keyframes tpleftright {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
.left-right {
  animation: tpleftright 1s infinite alternate;
}

@keyframes animate-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), 0 0 0 0 rgba(255, 255, 255, 0.8);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 255, 255, 0.8);
  }
  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);
  }
}
.animate-pulse {
  animation: animate-pulse 3s linear infinite;
}

/* Float animation */
.animation-float {
  animation: float 2000ms linear 500ms infinite alternate both;
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(30px);
  }
}
.animation-float-small {
  animation: float 2000ms linear 500ms infinite alternate both;
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(10px);
  }
}
@keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes right {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
.animate-right {
  animation: right 10s linear infinite;
}

@keyframes animate-pulse-2 {
  0% {
    box-shadow: 0 0 0 0 rgba(43, 242, 33, 0.6), 0 0 0 0 rgba(33, 242, 99, 0.6);
  }
  40% {
    box-shadow: 0 0 0 20px rgba(255, 109, 74, 0), 0 0 0 0 rgba(33, 242, 71, 0.6);
  }
  80% {
    box-shadow: 0 0 0 20px rgba(255, 109, 74, 0), 0 0 0 20px rgba(255, 109, 74, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 20px rgba(255, 109, 74, 0);
  }
}
@keyframes moving {
  0% {
    transform: translatey(0);
  }
  20% {
    transform: translateX(100px);
  }
  50% {
    transform: translatey(50px);
  }
  to {
    transform: translatey(0);
  }
}
.moving {
  animation: moving 9s linear infinite;
  -webkit-animation: moving 9s linear infinite;
  -moz-animation: moving 9s linear infinite;
}

@keyframes moving-2 {
  0% {
    transform: translatey(0);
  }
  20% {
    transform: translateX(-100px);
  }
  50% {
    transform: translatey(-50px);
  }
  to {
    transform: translatey(0);
  }
}
.moving-2 {
  animation: moving-2 9s linear infinite;
  -webkit-animation: moving-2 9s linear infinite;
  -moz-animation: moving-2 9s linear infinite;
}

@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
/*----------------------------------------*/
/*  2.10 Preloader
/*----------------------------------------*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preloader.currency-loading {
  background-color: #03071C;
}
.preloader.salon-loading {
  background: var(--tp-theme-3);
}
.preloader.chr-loading {
  background: var(--tp-theme-4);
}
.preloader.cpr-loading {
  background: var(--tp-common-pisces);
}
.preloader.digi-loading {
  background: var(--tp-theme-primary);
}
.preloader.it-loading {
  background: var(--tp-theme-4);
}
.preloader.lwr-loading {
  background: var(--tp-common-apricot);
}
.preloader.med-loading {
  background: var(--tp-theme-1);
}
.preloader.pizza-loading {
  background: var(--tp-theme-5);
}

.loader {
  transform: translateZ(1px);
}

.loader:after {
  content: "$";
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  font-size: 32px;
  font-weight: bold;
  background: #FFD700;
  color: #DAA520;
  border: 4px double;
  box-sizing: border-box;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1);
  animation: coin-flip 4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

@keyframes coin-flip {
  0%, 100% {
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(1800deg);
    animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }
  100% {
    transform: rotateY(3600deg);
  }
}
.salon-loader {
  width: fit-content;
  font-size: 120px;
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #0000;
  -webkit-text-stroke: 1px #000;
  background: radial-gradient(1.13em at 50% 1.6em, #000 99%, #0000 101%) calc(50% - 1.6em) 0/3.2em 100% text, radial-gradient(1.13em at 50% -0.8em, #0000 99%, #000 101%) 50% 0.8em/3.2em 100% repeat-x text;
  animation: l9 2s linear infinite;
}
@media (max-width: 575px) {
  .salon-loader {
    font-size: 70px;
  }
}

.salon-loader:before {
  content: "Charm";
}

@keyframes l9 {
  to {
    background-position: calc(50% + 1.6em) 0, calc(50% + 3.2em) 0.8em;
  }
}
.chr-loader {
  width: 85px;
  aspect-ratio: 0.75;
  --c: no-repeat linear-gradient(#fff 0 0);
  background: var(--c) 0% 50%, var(--c) 50% 50%, var(--c) 100% 50%;
  animation: l7 1s infinite linear alternate;
}

@keyframes l7 {
  0% {
    background-size: 20% 50%, 20% 50%, 20% 50%;
  }
  20% {
    background-size: 20% 20%, 20% 50%, 20% 50%;
  }
  40% {
    background-size: 20% 100%, 20% 20%, 20% 50%;
  }
  60% {
    background-size: 20% 50%, 20% 100%, 20% 20%;
  }
  80% {
    background-size: 20% 50%, 20% 50%, 20% 100%;
  }
  100% {
    background-size: 20% 50%, 20% 50%, 20% 50%;
  }
}
.cpr-loader {
  width: 120px;
  aspect-ratio: 1;
  --c:no-repeat linear-gradient(#fff 0 0);
  background: var(--c) 0 0, var(--c) 0 100%, var(--c) 50% 0, var(--c) 50% 100%, var(--c) 100% 0, var(--c) 100% 100%;
  background-size: 8px 50%;
  animation: l7-0 1s infinite;
  position: relative;
  overflow: hidden;
}

.cpr-loader:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  top: calc(50% - 4px);
  left: -8px;
  animation: inherit;
  animation-name: l7-1;
}

@keyframes l7-0 {
  16.67% {
    background-size: 8px 30%, 8px 30%, 8px 50%, 8px 50%, 8px 50%, 8px 50%;
  }
  33.33% {
    background-size: 8px 30%, 8px 30%, 8px 30%, 8px 30%, 8px 50%, 8px 50%;
  }
  50% {
    background-size: 8px 30%, 8px 30%, 8px 30%, 8px 30%, 8px 30%, 8px 30%;
  }
  66.67% {
    background-size: 8px 50%, 8px 50%, 8px 30%, 8px 30%, 8px 30%, 8px 30%;
  }
  83.33% {
    background-size: 8px 50%, 8px 50%, 8px 50%, 8px 50%, 8px 30%, 8px 30%;
  }
}
@keyframes l7-1 {
  20% {
    left: 0px;
  }
  40% {
    left: calc(50% - 4px);
  }
  60% {
    left: calc(100% - 8px);
  }
  80%, 100% {
    left: 100%;
  }
}
.digi-loader {
  position: relative;
  width: 120px;
  height: 140px;
  background-image: radial-gradient(circle 30px, #fff 100%, transparent 0), radial-gradient(circle 5px, #fff 100%, transparent 0), radial-gradient(circle 5px, #fff 100%, transparent 0), linear-gradient(#FFF 20px, transparent 0);
  background-position: center 127px, 94px 102px, 16px 18px, center 114px;
  background-size: 60px 60px, 10px 10px, 10px 10px, 4px 14px;
  background-repeat: no-repeat;
  z-index: 10;
  perspective: 500px;
}

.digi-loader::before {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 3px solid #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -55%) rotate(-45deg);
  border-right-color: transparent;
  box-sizing: border-box;
}

.digi-loader::after {
  content: "";
  position: absolute;
  height: 80px;
  width: 80px;
  transform: translate(-50%, -55%) rotate(-45deg) rotateY(0deg);
  left: 50%;
  top: 50%;
  box-sizing: border-box;
  border: 7px solid #03071C;
  border-radius: 50%;
  animation: rotate 0.5s linear infinite;
}

@keyframes rotate {
  to {
    transform: translate(-50%, -55%) rotate(-45deg) rotateY(360deg);
  }
}
.it-loader {
  width: 120px;
  height: 45px;
  border: 2px solid var(--tp-common-white);
  box-sizing: border-box;
  border-radius: 50%;
  display: grid;
  animation: l2 2s infinite linear;
}

.it-loader:before,
.it-loader:after {
  content: "";
  grid-area: 1/1;
  border: inherit;
  border-radius: 50%;
  animation: inherit;
  animation-duration: 3s;
}

.it-loader:after {
  --s:-1;
}

@keyframes l2 {
  100% {
    transform: rotate(calc(var(--s, 1) * 1turn));
  }
}
.lwr-loader {
  position: relative;
  height: 200px;
  width: 200px;
  border-bottom: 3px solid #185757;
  box-sizing: border-box;
  animation: drawLine 4s linear infinite;
}

.lwr-loader:before {
  content: "";
  position: absolute;
  left: calc(100% + 14px);
  bottom: -6px;
  width: 16px;
  height: 100px;
  border-radius: 20px 20px 50px 50px;
  background-repeat: no-repeat;
  background-image: linear-gradient(#185757 6px, transparent 0), linear-gradient(45deg, rgba(0, 0, 0, 0.02) 49%, white 51%), linear-gradient(315deg, rgba(0, 0, 0, 0.02) 49%, white 51%), linear-gradient(to bottom, #ffffff 10%, #185757 10%, #185757 90%, #ffffff 90%);
  background-size: 3px 3px, 8px 8px, 8px 8px, 16px 88px;
  background-position: center bottom, left 88px, right 88px, left top;
  transform: rotate(25deg);
  animation: pencilRot 4s linear infinite;
}

@keyframes drawLine {
  0%, 100% {
    width: 0px;
  }
  45%, 55% {
    width: 200px;
  }
}
@keyframes pencilRot {
  0%, 45% {
    bottom: -6px;
    left: calc(100% + 14px);
    transform: rotate(25deg);
  }
  55%, 100% {
    bottom: -12px;
    left: calc(100% + 16px);
    transform: rotate(220deg);
  }
}
/* HTML: <div class="loader"></div> */
.med-loader {
  width: 120px;
  aspect-ratio: 1;
  background: linear-gradient(#dc1818 0 0) bottom/100% 0% no-repeat #ccc;
  -webkit-mask: radial-gradient(circle at 60% 65%, #000 62%, #0000 65%) top left, radial-gradient(circle at 40% 65%, #000 62%, #0000 65%) top right, linear-gradient(to bottom left, #000 42%, #0000 43%) bottom left, linear-gradient(to bottom right, #000 42%, #0000 43%) bottom right;
  -webkit-mask-size: 50% 50%;
  -webkit-mask-repeat: no-repeat;
  animation: l19 2s infinite linear;
}

@keyframes l19 {
  90%, 100% {
    background-size: 100% 100%;
  }
}
.pizza-loader {
  position: relative;
  width: 120px;
  height: 14px;
  border-radius: 0 0 15px 15px;
  background-color: #3e494d;
  box-shadow: 0 -1px 4px #5d6063 inset;
  animation: panex 0.5s linear alternate infinite;
  transform-origin: 170px 0;
  z-index: 10;
  perspective: 300px;
}

.pizza-loader::before {
  content: "";
  position: absolute;
  left: calc(100% - 2px);
  top: 0;
  z-index: -2;
  height: 10px;
  width: 70px;
  border-radius: 0 4px 4px 0;
  background-repeat: no-repeat;
  background-image: linear-gradient(#6c4924, #4b2d21), linear-gradient(#4d5457 24px, transparent 0), linear-gradient(#9f9e9e 24px, transparent 0);
  background-size: 50px 10px, 4px 8px, 24px 4px;
  background-position: right center, 17px center, 0px center;
}

.pizza-loader::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -2;
  transform: translate(-50%, -20px) rotate3d(75, -2, 3, 78deg);
  width: 55px;
  height: 53px;
  background: #ffb72e;
  background-image: radial-gradient(circle 3px, #fff6 90%, transparent 10%), radial-gradient(circle 12px, #f43b00 90%, transparent 10%), radial-gradient(circle 12px, #f43b00 100%, transparent 0);
  background-repeat: no-repeat;
  background-position: -4px -6px, -2px -2px, -1px -1px;
  box-shadow: -2px -3px #0002 inset, 0 0 4px #0003 inset;
  border-radius: 47% 36% 50% 50%/49% 45% 42% 44%;
  animation: eggRst 1s ease-out infinite;
}

@keyframes eggRst {
  0%, 100% {
    transform: translate(-50%, -20px) rotate3d(90, 0, 0, 90deg);
    opacity: 0;
  }
  10%, 90% {
    transform: translate(-50%, -30px) rotate3d(90, 0, 0, 90deg);
    opacity: 1;
  }
  25% {
    transform: translate(-50%, -40px) rotate3d(85, 17, 2, 70deg);
  }
  75% {
    transform: translate(-50%, -40px) rotate3d(75, -3, 2, 70deg);
  }
  50% {
    transform: translate(-55%, -50px) rotate3d(75, -8, 3, 50deg);
  }
}
@keyframes panex {
  0% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(10deg);
  }
}
/*----------------------------------------*/
/*  2.2 Background
/*----------------------------------------*/
.tp-whitest-bg {
  background-color: var(--tp-common-whitest);
}

.tp-whitest-bg-2 {
  background: #f2f2f2;
}

.tp-gradient-bg {
  background: linear-gradient(135deg, #f1eff8 0%, #f8f0ee 100%);
}

.tp-gradient-bg-2 {
  background: linear-gradient(90deg, #aa3fff 0%, #f3513c 100%);
}

.tp-gradient-bg-3 {
  background: linear-gradient(133deg, #185757 0%, #b17856 100%);
}

.tp-gradient-it-bg {
  background: linear-gradient(180deg, #dff3fc 0%, #fefefe 100%);
}

.tp-black-it-bg {
  background: #252840;
}

.tp-it-bg-2 {
  background: linear-gradient(0deg, #dff3fc 0%, rgba(254, 254, 254, 0.5) 100%);
}

.tp-it-bg-3 {
  background: linear-gradient(0deg, rgba(223, 243, 252, 0.4) 0%, rgba(254, 254, 254, 0.4) 100%);
}

.tp-currency-bg {
  background: #03071C;
}

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

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

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

/*----------------------------------------*/
/*  2.9 Offcanvas
/*----------------------------------------*/
.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  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;
}
.body-overlay.active {
  opacity: 1;
  visibility: visible;
}
.body-overlay:hover {
  cursor: url(../img/cursor/cross-out.png), pointer;
}

.tp-offcanvas-area {
  position: fixed;
  top: 0;
  right: 0;
  width: 450px;
  height: 100%;
  z-index: 99;
  z-index: 99999;
  padding: 50px 50px;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: none;
  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: 575px) {
  .tp-offcanvas-area {
    width: 100%;
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-offcanvas-area {
    width: 450px;
  }
}
.tp-offcanvas-area.opened {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.tp-offcanvas-top {
  margin-bottom: 60px;
}
.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: 1;
  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-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: 18px;
  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;
  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-style-2 .tp-offcanvas-top {
  margin-bottom: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .tp-offcanvas-style-2 .tp-offcanvas-top {
    margin-bottom: 60px;
  }
}

/*----------------------------------------*/
/*  2.4 Breadcrumb
/*----------------------------------------*/
.tp-breadcrumb-digi-space {
  padding-top: 240px;
  padding-bottom: 60px;
}
@media (max-width: 575px) {
  .tp-breadcrumb-digi-space {
    padding-top: 180px;
  }
}
.tp-breadcrumb-digi-space-2 {
  padding-top: 290px;
  padding-bottom: 135px;
}
@media (max-width: 575px) {
  .tp-breadcrumb-digi-space-2 {
    padding-top: 180px;
  }
}
.tp-breadcrumb-digi-shape {
  top: 50%;
  transform: translateY(-50%);
  left: 13%;
}
@media (max-width: 575px) {
  .tp-breadcrumb-digi-shape {
    top: 25%;
  }
}
.tp-breadcrumb-digi-shape-2 {
  bottom: 0;
  right: 174px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-breadcrumb-digi-shape-2 {
    right: 100px;
  }
}
.tp-breadcrumb-digi-shape-3 {
  top: 173px;
  left: 74px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-breadcrumb-digi-shape-3 {
    left: 0;
  }
}
.tp-breadcrumb-shape {
  position: absolute;
  right: 0;
  width: 51%;
  z-index: -1;
  top: 130px;
}
.tp-breadcrumb-dvdr {
  width: 3px;
  height: 3px;
  margin: 0 10px;
  transform: translateY(-3px);
}
.tp-breadcrumb-cpr-spacing {
  padding-top: 240px;
  padding-bottom: 130px;
}
@media (max-width: 575px) {
  .tp-breadcrumb-cpr-spacing {
    padding-top: 170px;
    padding-bottom: 100px;
  }
}
.tp-breadcrumb-cpr-spacing-2 {
  padding-top: 275px;
  padding-bottom: 160px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-breadcrumb-cpr-spacing-2 {
    padding-top: 190px;
    padding-bottom: 120px;
  }
}
@media (max-width: 575px) {
  .tp-breadcrumb-cpr-spacing-2 {
    padding-top: 170px;
    padding-bottom: 100px;
  }
}
.tp-breadcrumb-cpr-overly {
  background: rgba(36, 46, 69, 0.65);
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.tp-breadcrumb-cpr-list .dvdr {
  border-radius: 2px;
  width: 4px;
  height: 4px;
  background: #fff;
  display: inline-block;
  margin: 0 17px 0px 13px;
}
.tp-breadcrumb-lwr-overly {
  background: rgba(0, 23, 23, 0.45);
}
.tp-breadcrumb-lwr-spacing {
  padding-top: 150px;
  padding-bottom: 144px;
}
@media (max-width: 575px) {
  .tp-breadcrumb-lwr-spacing {
    padding-top: 120px;
    padding-bottom: 114px;
  }
}
.tp-breadcrumb-lwr-spacing-2 {
  padding-top: 160px;
  padding-bottom: 160px;
}
@media (max-width: 575px) {
  .tp-breadcrumb-lwr-spacing-2 {
    padding-top: 120px;
    padding-bottom: 114px;
  }
}
.tp-breadcrumb-med-bg {
  background: linear-gradient(-45deg, #b8c7eb 0%, #fad7d7 50.5%, #eddff7 91%);
}
.tp-breadcrumb-med-spacing {
  padding-top: 145px;
  padding-bottom: 335px;
}
.tp-breadcrumb-med-spacing-2 {
  padding-top: 150px;
  padding-bottom: 140px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-breadcrumb-med-spacing-2 {
    padding-bottom: 40px;
  }
}
@media (max-width: 575px) {
  .tp-breadcrumb-med-spacing-2 {
    padding-top: 100px;
  }
}
.tp-breadcrumb-med-thumb {
  margin-right: -166px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-breadcrumb-med-thumb {
    margin-right: 0;
  }
}
.tp-breadcrumb-med-thumb img {
  float: right;
}
.tp-breadcrumb-med-thumb-3 {
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-breadcrumb-med-thumb-3 {
    width: 55%;
  }
  .tp-breadcrumb-med-thumb-3 img {
    width: 100%;
  }
}
.tp-breadcrumb-med-thumb-4 {
  margin-right: -66px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-breadcrumb-med-thumb-4 {
    margin-right: 0;
  }
}
.tp-breadcrumb-med-thumb-5 {
  position: absolute;
  right: 0;
  z-index: 1;
  bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-breadcrumb-med-thumb-5 {
    position: inherit;
  }
}
.tp-breadcrumb-med-thumb-5 img {
  width: 100%;
}
.tp-breadcrumb-med-shape {
  right: 0;
  bottom: 116px;
  width: 20%;
}
.tp-breadcrumb-med-3-shape {
  top: 107px;
  right: 160px;
}
.tp-breadcrumb-salon-spacing {
  padding-top: 230px;
  padding-bottom: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-breadcrumb-salon-spacing {
    padding-top: 130px;
    padding-bottom: 40px;
  }
}
.tp-breadcrumb-salon-content .tp-hero-salon-shape {
  top: 21%;
  left: -168px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-breadcrumb-salon-content .tp-hero-salon-shape {
    left: 0;
  }
}
.tp-breadcrumb-salon-shape {
  left: 50px;
  bottom: 43px;
}
.tp-breadcrumb-salon-shape-2 {
  position: absolute;
  right: -221px;
  bottom: 0;
}
.tp-breadcrumb-salon-heart {
  width: 90px;
  height: 90px;
  text-align: center;
  line-height: 90px;
  background: var(--tp-theme-3);
  left: 9% !important;
  top: 44% !important;
}
.tp-breadcrumb-salon-thumb-img-2 {
  margin-right: -130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-breadcrumb-salon-thumb-img-2 {
    margin-right: 0;
  }
}
.tp-breadcrumb-salon-thumb-img-3 {
  margin-right: -46px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-breadcrumb-salon-thumb-img-3 {
    margin-right: 0;
  }
}
.tp-breadcrumb-chr-spacing {
  padding-top: 144px;
  padding-bottom: 190px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-breadcrumb-chr-spacing {
    padding-bottom: 30px;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .tp-breadcrumb-chr-spacing {
    padding-top: 100px;
  }
}
.tp-breadcrumb-chr-shape {
  bottom: 0;
  left: 0;
  z-index: 1;
}
.tp-breadcrumb-chr-shape-2 {
  left: 0;
  bottom: 0;
  z-index: -1;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-breadcrumb-chr-shape-2 {
    display: none;
  }
}
.tp-breadcrumb-chr-shape-3 {
  left: 0;
  top: 25%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-breadcrumb-chr-shape-3 {
    top: 15%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-breadcrumb-chr-shape-3 {
    top: 5%;
  }
}
.tp-breadcrumb-chr-shape-4 {
  left: 220px;
  top: 76px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-breadcrumb-chr-shape-4 {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-breadcrumb-chr-thumb {
    text-align: center !important;
  }
}
.tp-breadcrumb-chr-meinus {
  margin-right: -120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-breadcrumb-chr-meinus {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .tp-breadcrumb-it-content br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-breadcrumb-it-content br {
    display: none;
  }
}
.tp-breadcrumb-it-border {
  width: 350px;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  position: relative;
}
@media (max-width: 575px) {
  .tp-breadcrumb-it-border {
    width: 100%;
  }
}
.tp-breadcrumb-it-border::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 1px;
  left: 0;
  top: 0;
  background: var(--tp-common-white);
}
.tp-breadcrumb-it-spacing {
  padding-top: 246px;
  padding-bottom: 153px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-breadcrumb-it-spacing {
    padding-top: 146px;
    padding-bottom: 120 px;
  }
}
.tp-breadcrumb-it-company .item-border {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.tp-breadcrumb-pizza-spacing {
  padding-top: 243px;
  padding-bottom: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-breadcrumb-pizza-spacing {
    padding-top: 174px;
    padding-bottom: 108px;
  }
}
.tp-breadcrumb-pizza-shape {
  bottom: 0;
  left: 0;
  z-index: -1;
}
.tp-breadcrumb-pizza-shape-2 {
  right: 0;
  top: 100px;
  width: 10%;
}

/*----------------------------------------*/
/*  2.12 Section Title
/*----------------------------------------*/
.tp-digi-section-subtitle {
  border-radius: 22px;
  letter-spacing: -0.02em;
  padding: 4px 17px;
  display: inline-block;
  background: linear-gradient(90deg, #c8fddd 0%, rgba(235, 254, 178, 0) 100%);
}

.tp-cpr-section-subtitle {
  background: linear-gradient(90deg, #f5f4ff 0%, rgba(255, 255, 255, 0) 100%);
  padding: 5px 15px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-crt-section-title br {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-section-it-para {
    margin-left: 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-pizza-title-wrap p br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-pizza-title-wrap h2 br {
    display: none;
  }
}

.tp-section-cpc-subtitle {
  background: #1c1d34;
  padding: 3px 11px;
}

/*----------------------------------------*/
/*  2.11 search
/*----------------------------------------*/
.search__popup {
  padding-top: 70px;
  padding-bottom: 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 380px;
  background-color: var(--tp-common-white);
  z-index: 9999;
  -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: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition-delay: 0.4s;
}
.search__popup.active {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  transition-delay: 0s;
}
.search__popup.active .search__input {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.3s;
}
.search__popup.active .search__input::after {
  width: 100%;
  transition-delay: 0.5s;
}
.search-form-toggle.active .search__input {
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.3s;
}
.search-form-toggle.active .search__input::after {
  width: 100%;
  transition-delay: 0.5s;
}
.search-form-cpr .search__input .search-input-field ~ .search-focus-border {
  background-color: var(--tp-common-pisces);
}
.search-form-cpr .search__close-btn:hover {
  color: var(--tp-common-pisces);
}
.search-form-cpr .search__input button:hover {
  color: var(--tp-common-pisces);
}
.search__input {
  position: relative;
  height: 80px;
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition-delay: 0.4s;
  opacity: 0;
}
.search__input::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: rgba(66, 51, 51, 0.3);
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition-delay: 0.4s;
}
.search__input input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  color: var(--tp-common-black);
  border-bottom: 1px solid transparent;
  padding: 0;
  padding-right: 30px;
  font-size: 24px;
  font-weight: 500;
  font-family: var(--tp-ff-jakarta);
}
.search__input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: var(--tp-common-black);
  font-size: 24px;
  font-weight: 500;
  font-family: var(--tp-ff-jakarta);
}
.search__input input::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--tp-common-black);
  font-size: 24px;
  font-weight: 500;
  font-family: var(--tp-ff-jakarta);
}
.search__input input:-moz-placeholder {
  /* Firefox 4-18 */
  color: var(--tp-common-black);
  font-size: 24px;
  font-weight: 500;
  font-family: var(--tp-ff-jakarta);
}
.search__input input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: var(--tp-common-black);
  font-size: 24px;
  font-weight: 500;
  font-family: var(--tp-ff-jakarta);
}
.search__input input::placeholder {
  /* MODERN BROWSER */
  color: var(--tp-common-black);
  font-size: 24px;
  font-weight: 500;
  font-family: var(--tp-ff-jakarta);
}
.search__input button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--tp-common-black);
}
.search__input button:hover {
  color: var(--tp-theme-primary);
}
.search__input .search-input-field ~ .search-focus-border {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  width: 0;
  height: 2px;
  background-color: var(--tp-theme-primary);
  transition: all 0.15s ease;
  -webkit-transition: 0.5s 0.3s ease-out;
  -moz-transition: 0.5s 0.3s ease-out;
  -ms-transition: 0.5s 0.3s ease-out;
  -o-transition: 0.5s 0.3s ease-out;
  transition: 0.5s 0.3s ease-out;
}
.search__input .search-input-field:focus ~ .search-focus-border {
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.15s ease;
  -webkit-transition: 0.5s 0.3s ease-out;
  -moz-transition: 0.5s 0.3s ease-out;
  -ms-transition: 0.5s 0.3s ease-out;
  -o-transition: 0.5s 0.3s ease-out;
  transition: 0.5s 0.3s ease-out;
}

.search__close-btn {
  font-size: 25px;
  color: var(--tp-common-black);
}
.search__close-btn:hover {
  color: var(--tp-theme-primary);
}

/*----------------------------------------*/
/*  2.7 instagram
/*----------------------------------------*/
.tp-instagram-pizza-icon {
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
  display: inline-block;
  transform: translateY(-50%);
  transition: all 0.4s ease;
}
.tp-instagram-pizza-icon span {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
  font-size: 26px;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: all 0.4s ease;
  width: 60px;
  height: 60px;
  display: inline-block;
  line-height: 60px;
  border-radius: 50%;
}
.tp-instagram-pizza-thumb {
  overflow: hidden;
  position: relative;
  border-radius: 5px;
}
.tp-instagram-pizza-thumb a {
  display: block;
  position: relative;
}
.tp-instagram-pizza-thumb a::after {
  background: rgba(1, 15, 28, 0.35);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: all 0.4s ease;
}
.tp-instagram-pizza-thumb img {
  transition: all 0.4s ease;
  border-radius: 5px;
}
.tp-instagram-pizza-thumb:hover a::after {
  opacity: 1;
}
.tp-instagram-pizza-thumb:hover span {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.tp-instagram-pizza-thumb:hover img {
  transform: scale(1.1);
}
.tp-instagram-pizza-leag {
  bottom: 0;
  left: 0;
  width: 10%;
  z-index: 2;
}

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

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

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

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

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

/*----------------------------------------*/
/*  3.1 Header Style 1
/*----------------------------------------*/
.tp-header-transparent {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 auto;
  z-index: 13;
  width: 100%;
}
.tp-header-digi-social {
  padding: 4px 0px 4px 22px;
  border-left: 1px solid var(--tp-border-1);
  margin-left: 22px;
}
.tp-header-digi-social a {
  font-size: 16px;
  color: var(--tp-grey-1);
}
.tp-header-digi-social a:not(:last-child) {
  margin-right: 12px;
}
.tp-header-digi-social a:hover {
  color: var(--tp-common-black);
}
.tp-header-digi-social a:hover svg {
  fill: var(--tp-common-black);
}
.tp-header-digi-social a svg {
  width: 16px;
  fill: var(--tp-grey-1);
  transform: translateY(-2px);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.tp-header-digi-top {
  padding: 13px 0px;
}
.tp-header-digi-wrapper {
  border: 1px solid rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(0px);
  box-shadow: 0 10px 30px 0 rgba(1, 15, 28, 0.04);
  background: rgba(255, 255, 255, 0.04);
  padding: 0 15px;
}
@media (max-width: 575px) {
  .tp-header-digi-wrapper {
    padding: 10px !important;
    border-radius: 0;
  }
}
.tp-header-digi-white {
  backdrop-filter: blur(16px);
  box-shadow: 0 10px 30px 0 rgba(1, 15, 28, 0.06);
  background: var(--tp-common-white);
}
.tp-header-lang {
  padding: 4px 28px;
  padding-right: 0;
  position: relative;
  z-index: 99;
  display: inline-block;
}
.tp-header-lang-selected {
  background-color: transparent;
  cursor: pointer;
}
.tp-header-lang-selected::after {
  position: absolute;
  content: "\f107";
  right: 0;
  top: 56%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--tp-common-black);
  font-size: 16px;
  font-family: var(--tp-ff-fontawesome);
}
.tp-header-lang-list {
  position: absolute;
  top: 120%;
  right: 0;
  background-color: var(--tp-common-black);
  z-index: 11;
  padding: 15px 15px;
  min-width: 100px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.tp-header-lang-list li {
  list-style: none;
  color: var(--tp-common-white);
  text-align: left;
  list-style: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
}
.tp-header-lang-list li:not(:last-child) {
  margin-bottom: 10px;
}
.tp-header-lang-list.tp-lang-list-open {
  visibility: visible;
  opacity: 1;
  top: 100%;
}
.tp-header-bar {
  height: 44px;
  width: 44px;
  transition: 0.3s;
  line-height: 44px;
  text-align: center;
  color: var(--tp-common-black);
  background: var(--tp-theme-primary);
  border-radius: 6px;
}
.tp-header-bar svg {
  margin-right: 1px;
}
.tp-header-bar:hover {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-header-bar-med {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-header-bar-it {
  background: var(--tp-theme-4);
  color: var(--tp-common-white);
}
.tp-header-bar-pizza {
  background: var(--tp-theme-5);
  color: var(--tp-common-white);
}
.tp-header-bar-port {
  padding: 0;
  background: var(--tp-common-white);
}
.tp-header-bar-cpr {
  background: var(--tp-common-pisces);
  color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-header-md-space {
    padding: 10px 20px;
  }
}
@media (max-width: 575px) {
  .tp-header-md-space {
    padding: 10px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-header-md-space-2 {
    padding: 10px 0;
  }
}
.tp-header-lwr-btn .tp-header-bar {
  background: var(--tp-theme-2);
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-lwr-btn .tp-btn-lwr-lg {
    margin-left: 7px;
  }
}
.tp-header-med-btn .icon {
  transform: translateY(-1px);
}
.tp-header-salon-bar {
  color: var(--tp-common-sky);
  background: var(--tp-common-white);
}
.tp-header-salon-border {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.tp-header-crt-btn .tp-btn-salon-lg {
  padding: 11px 35px;
}
.tp-header-crt-bar {
  background: var(--tp-theme-4);
  color: var(--tp-common-white);
}
.tp-header-crt-bar:hover {
  background: var(--tp-common-yellow);
}
.tp-header-crt-top {
  padding-top: 12px;
  padding-bottom: 2px;
}
.tp-header-crt-social {
  display: flex;
}
.tp-header-crt-social a {
  color: var(--tp-common-white);
  font-size: 14px;
  margin-right: 15px;
}
.tp-header-crt-social a svg {
  width: 12px;
  transform: translateY(-2px);
}
.tp-header-crt-social a:hover {
  color: var(--tp-common-yellow);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-header-pizza-btn .pizza {
    margin-left: 10px;
  }
}
.tp-header-cpc-btn .tp-header-bar {
  background: var(--tp-common-white);
}
.tp-header-cpc-btn .tp-header-bar:hover {
  color: var(--tp-common-black);
}
.tp-header-sticky {
  position: fixed;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  z-index: 991;
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  border-radius: 0;
  backdrop-filter: blur(15px);
}
.tp-header-sticky.salon-sticky-bg {
  -webkit-box-shadow: 0px 4px 10px rgba(7, 37, 68, 0.1);
  box-shadow: 0px 4px 10px rgba(7, 37, 68, 0.1);
  background: var(--tp-common-sky);
  border: none;
}
.tp-header-sticky.salon-sticky-bg .tp-main-menu nav > ul > li > a {
  padding: 20px 0px;
}
.tp-header-sticky.chr-sticky-bg {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 2px 4px rgba(7, 37, 68, 0.1);
}
.tp-header-sticky.chr-sticky-bg .tp-main-menu nav > ul > li > a {
  padding: 20px 0px;
}
.tp-header-sticky.salon-sticky-bg {
  background: rgba(84, 31, 92, 0.7);
  box-shadow: 0 2px 4px rgba(7, 37, 68, 0.1);
}
.tp-header-sticky.salon-sticky-bg .tp-main-menu nav > ul > li > a {
  padding: 20px 0px;
}
.tp-header-sticky.cpr-sticky-bg {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 2px 4px rgba(7, 37, 68, 0.1);
}
.tp-header-sticky.cpr-sticky-bg-2 {
  background: rgba(7, 32, 50, 0.9);
}
.tp-header-sticky.cpr-sticky-bg-2 .tp-main-menu nav > ul > li > a {
  padding: 20px 0px;
}
.tp-header-sticky.cpr-sticky-bg .tp-main-menu nav > ul > li > a {
  padding: 20px 0px;
}
.tp-header-sticky.digi-sticky-bg {
  backdrop-filter: blur(0);
}
.tp-header-sticky.digi-sticky-bg .tp-header-digi-wrapper {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 4px rgba(7, 37, 68, 0.1);
  backdrop-filter: blur(15px);
}
.tp-header-sticky.digi-sticky-bg .tp-main-menu nav > ul > li > a {
  padding: 20px 0px;
}
.tp-header-sticky.it-sticky-bg {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 2px 4px rgba(7, 37, 68, 0.1);
}
.tp-header-sticky.it-sticky-bg-2 {
  background: rgba(7, 32, 50, 0.9);
  box-shadow: 0 2px 4px rgba(7, 37, 68, 0.1);
}
.tp-header-sticky.it-sticky-bg-2 .tp-main-menu nav > ul > li > a {
  padding: 20px 0px;
}
.tp-header-sticky.it-sticky-bg .tp-main-menu nav > ul > li > a {
  padding: 20px 0px;
}
.tp-header-sticky.lwr-sticky-bg {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 2px 4px rgba(7, 37, 68, 0.1);
}
.tp-header-sticky.lwr-sticky-bg .tp-main-menu nav > ul > li > a {
  padding: 20px 0px;
  color: #2b3342;
}
.tp-header-sticky.med-sticky-bg {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 2px 4px rgba(7, 37, 68, 0.1);
}
.tp-header-sticky.med-sticky-bg-2 {
  background: rgba(244, 59, 0, 0.8);
  box-shadow: 0 2px 4px rgba(7, 37, 68, 0.1);
}
.tp-header-sticky.med-sticky-bg-2 .tp-main-menu nav > ul > li > a {
  padding: 20px 0px;
}
.tp-header-sticky.med-sticky-bg .tp-main-menu nav > ul > li > a {
  padding: 20px 0px;
}

/* HEADER CSS */
/*----------------------------------------*/
/*  4.1 Main menu css
/*----------------------------------------*/
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-main-menu {
    margin-left: 60px;
  }
}
.tp-main-menu nav ul li {
  margin: 0 17px;
  list-style: none;
  position: relative;
  display: inline-block;
  transition: all 0.4s ease;
}
.tp-main-menu nav ul li a {
  font-weight: 600;
  padding: 21px 0px;
  display: inline-block;
  color: var(--tp-grey-1);
}
.tp-main-menu nav ul li:hover > a {
  color: var(--tp-common-black);
}
.tp-main-menu nav ul li > .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  padding: 22px 0 12px;
  background: var(--tp-common-white);
  transition: all 0.4s ease;
  display: block;
  z-index: 6;
  transform: scaleY(0);
  transform-origin: top center;
  box-shadow: 0px 10px 30px 0px rgba(25, 25, 26, 0.1);
  visibility: hidden;
}
.tp-main-menu nav ul li > .submenu li {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  transform: translateY(-10px);
}
.tp-main-menu nav ul li > .submenu li .submenu {
  right: -100%;
  left: auto;
  top: 0;
}
.tp-main-menu nav ul li > .submenu li:hover > a {
  color: var(--tp-common-black) !important;
  padding-left: 43px;
}
.tp-main-menu nav ul li > .submenu li:hover > a::before {
  width: 12px;
}
.tp-main-menu nav ul li > .submenu li:hover > .submenu {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.tp-main-menu nav ul li > .submenu li a {
  position: relative;
  z-index: 11;
  color: var(--tp-common-black);
  font-weight: 500;
  font-size: 15px;
  padding: 6px 28px;
  padding-bottom: 1px;
  width: 100%;
  text-transform: capitalize;
}
.tp-main-menu nav ul li > .submenu li a::before {
  position: absolute;
  content: "";
  left: 25px;
  top: 63%;
  transition: all 0.4s ease;
  transform: translateY(-50%);
  width: 0;
  height: 1px;
  background-color: var(--tp-common-black);
}
.tp-main-menu nav ul li:hover > a {
  color: var(--tp-common-black);
}
.tp-main-menu nav ul li:hover > .submenu {
  transform: scaleY(1);
  visibility: visible;
}
.tp-main-menu nav ul li.menu-static {
  position: static !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: 575px) {
  .tp-main-menu nav ul li.menu-static {
    position: relative;
  }
}
.tp-main-menu nav ul li .tp-main-mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 0;
  width: 100%;
  z-index: 999;
  background: var(--tp-common-white);
  box-shadow: 0px 10px 30px 0px rgba(25, 25, 26, 0.1);
  overflow: hidden;
  margin: auto;
}
.tp-main-menu nav ul li .tp-main-mega-menu .tp-homemenu-wrapper {
  padding: 30px 30px 0px 30px;
}
.tp-main-menu nav ul li .tp-main-mega-menu .tp-homemenu-wrapper .homemenu {
  margin-bottom: 25px;
}
.tp-main-menu nav ul li .tp-main-mega-menu .tp-homemenu-wrapper .homemenu-thumb a {
  padding: 0;
}
.tp-main-menu nav ul li .tp-main-mega-menu .tp-homemenu-wrapper .homemenu-thumb img {
  transition: all 0.4s ease;
}
.tp-main-menu nav ul li .tp-main-mega-menu .tp-homemenu-wrapper .homemenu-thumb:hover img {
  transform: scale(1.06);
}
.tp-main-menu nav ul li .tp-main-mega-menu .tp-homemenu-wrapper .homemenu-thumb-wrap {
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.tp-main-menu nav ul li .tp-main-mega-menu .tp-homemenu-wrapper .homemenu-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: var(--tp-common-black);
}
.tp-main-menu nav ul li .tp-main-mega-menu .tp-homemenu-wrapper .homemenu-title a {
  padding: 0;
  font-family: var(--tp-ff-open);
  color: var(--tp-common-black);
}
.tp-main-menu nav ul li .tp-main-mega-menu .tp-homemenu-wrapper .homemenu-title a:hover {
  color: var(--tp-common-black-3);
}
.tp-main-menu-digi nav ul li a.active {
  color: var(--tp-common-black);
}
.tp-main-menu-digi nav ul li.active > a {
  color: var(--tp-common-black);
}
.tp-main-menu-digi nav ul li .submenu li a.active {
  color: var(--tp-grey-1);
}
.tp-main-menu-cpr nav ul li {
  margin: 0 15px;
}
.tp-main-menu-cpr nav ul li a {
  font-size: 17px;
  letter-spacing: -0.02em;
  color: var(--tp-grey-3);
  font-family: var(--tp-ff-jakarta);
  padding: 32px 0px;
}
.tp-main-menu-cpr nav ul li a.active {
  color: var(--tp-common-black-3);
}
.tp-main-menu-cpr nav ul li .submenu li a {
  font-size: 17px;
  letter-spacing: -0.02em;
  color: var(--tp-grey-3);
  font-family: var(--tp-ff-jakarta);
  font-weight: 600;
}
.tp-main-menu-cpr nav ul li .submenu li a.active {
  color: var(--tp-common-black-3) !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-main-menu-cpr.menu-white {
    margin-left: 45px;
  }
}
.tp-main-menu-cpr.menu-white nav ul li {
  margin: 0 17px;
}
.tp-main-menu-cpr.menu-white nav ul li a {
  color: var(--tp-common-white);
}
.tp-main-menu-cpr.menu-white nav ul li a.active {
  color: #c6c9cd;
}
.tp-main-menu-cpr.menu-white nav ul li .submenu li a {
  font-size: 17px;
  letter-spacing: -0.02em;
  color: var(--tp-grey-3);
  font-family: var(--tp-ff-jakarta);
  font-weight: 600;
}
.tp-main-menu-lwr nav ul li {
  margin: 0 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-main-menu-lwr nav ul li {
    margin: 0 10px;
  }
}
.tp-main-menu-lwr nav ul li a {
  font-size: 18px;
  letter-spacing: 0;
  color: var(--tp-grey-7);
  font-weight: 500;
  padding: 27px 0px;
}
.tp-main-menu-lwr nav ul li a:hover {
  color: var(--tp-theme-2);
}
.tp-main-menu-lwr nav ul li a.active {
  color: var(--tp-theme-2) !important;
}
.tp-main-menu-lwr nav ul li:hover > a {
  color: var(--tp-theme-2);
}
.tp-main-menu-lwr nav ul li.active > a {
  color: var(--tp-theme-2) !important;
}
.tp-main-menu-lwr nav ul li .submenu li a {
  font-size: 17px;
  font-weight: 500;
  color: var(--tp-grey-7);
}
.tp-main-menu-lwr nav ul li .submenu li:hover > a {
  color: var(--tp-theme-2) !important;
  padding-left: 43px;
}
.tp-main-menu-lwr nav ul li .submenu li:hover > a::before {
  background: var(--tp-theme-2);
}
.tp-main-menu-lwr nav ul li .submenu li.active > a {
  color: var(--tp-theme-2) !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-main-menu-med {
    margin-left: 0;
  }
}
.tp-main-menu-med nav ul li {
  margin: 0 22px;
}
.tp-main-menu-med nav ul li a {
  font-size: 16px;
  color: var(--tp-common-black-4);
  font-family: var(--tp-ff-poppins);
  padding: 32px 0px;
}
.tp-main-menu-med nav ul li a:hover {
  color: var(--tp-theme-1);
}
.tp-main-menu-med nav ul li a.active {
  color: var(--tp-theme-1);
}
.tp-main-menu-med nav ul li:hover > a {
  color: var(--tp-theme-1);
}
.tp-main-menu-med nav ul li.active > a {
  color: var(--tp-theme-1);
}
.tp-main-menu-med nav ul li .submenu li a {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-black-4);
}
.tp-main-menu-med nav ul li .submenu li a.active {
  color: var(--tp-theme-1) !important;
}
.tp-main-menu-med nav ul li .submenu li:hover > a {
  color: var(--tp-theme-1) !important;
  padding-left: 43px;
}
.tp-main-menu-med nav ul li .submenu li:hover > a::before {
  background: var(--tp-theme-1);
}
.tp-main-menu-salon {
  margin-left: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-main-menu-salon {
    margin-left: 0;
  }
}
.tp-main-menu-salon nav ul li {
  margin: 0 22px;
}
.tp-main-menu-salon nav ul li a {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-poppins);
  padding: 35px 0px;
}
.tp-main-menu-salon nav ul li a:hover {
  color: var(--tp-theme-3);
}
.tp-main-menu-salon nav ul li a.active {
  color: var(--tp-theme-3);
}
.tp-main-menu-salon nav ul li:hover > a {
  color: var(--tp-theme-3);
}
.tp-main-menu-crt {
  margin-left: 127px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-main-menu-crt {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-main-menu-crt {
    margin-left: 0;
  }
}
.tp-main-menu-crt nav ul li {
  margin: 0 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-main-menu-crt nav ul li {
    margin: 0 14px;
  }
}
.tp-main-menu-crt nav ul li a {
  color: var(--tp-common-black-2);
  font-family: var(--tp-ff-open);
  padding: 27px 0px;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.01em;
}
.tp-main-menu-crt nav ul li a:hover {
  color: var(--tp-theme-4);
}
.tp-main-menu-crt nav ul li a.active {
  color: var(--tp-theme-4);
}
.tp-main-menu-crt nav ul li:hover > a {
  color: var(--tp-theme-4);
}
.tp-main-menu-crt nav ul li.active > a {
  color: var(--tp-theme-4);
}
.tp-main-menu-crt nav ul li .submenu li a {
  color: var(--tp-common-black-2);
  font-family: var(--tp-ff-open);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.01;
}
.tp-main-menu-crt nav ul li .submenu li a.active {
  color: var(--tp-theme-4);
}
.tp-main-menu-crt nav ul li .submenu li:hover > a {
  color: var(--tp-theme-4) !important;
}
.tp-main-menu-crt nav ul li .submenu li:hover > a::before {
  background: var(--tp-theme-4);
}
.tp-main-menu-it {
  margin-left: 145px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-main-menu-it {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-main-menu-it {
    margin-left: 0;
  }
}
.tp-main-menu-it nav ul li {
  margin: 0 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-main-menu-it nav ul li {
    margin: 0 14px;
  }
}
.tp-main-menu-it nav ul li a {
  color: var(--tp-grey-4);
  font-family: var(--tp-ff-grotesk);
  padding: 32px 0px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0;
}
.tp-main-menu-it nav ul li a:hover {
  color: var(--tp-theme-4);
}
.tp-main-menu-it nav ul li a.active {
  color: var(--tp-theme-4);
}
.tp-main-menu-it nav ul li:hover > a {
  color: var(--tp-theme-4);
}
.tp-main-menu-it nav ul li.active > a {
  color: var(--tp-theme-4);
}
.tp-main-menu-it nav ul li .submenu li a {
  color: var(--tp-grey-4);
  font-family: var(--tp-ff-grotesk);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0;
}
.tp-main-menu-it nav ul li .submenu li a.active {
  color: var(--tp-theme-4);
}
.tp-main-menu-it nav ul li .submenu li:hover > a {
  color: var(--tp-theme-4) !important;
}
.tp-main-menu-it nav ul li .submenu li:hover > a::before {
  background: var(--tp-theme-4);
}
.tp-main-menu-it-light nav ul li a {
  color: var(--tp-common-white);
}
.tp-main-menu-pizza {
  margin-left: 115px;
}
.tp-main-menu-pizza nav ul li {
  margin: 0 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-main-menu-pizza nav ul li {
    margin: 0 14px;
  }
}
.tp-main-menu-pizza nav ul li a {
  color: var(--tp-common-black-2);
  font-family: var(--tp-ff-roboto);
  padding: 27px 0px;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.01em;
}
.tp-main-menu-pizza nav ul li a:hover {
  color: var(--tp-theme-5);
}
.tp-main-menu-pizza nav ul li a.active {
  color: var(--tp-theme-5);
}
.tp-main-menu-pizza nav ul li:hover > a {
  color: var(--tp-theme-5);
}
.tp-main-menu-pizza nav ul li.active > a {
  color: var(--tp-theme-5);
}
.tp-main-menu-pizza nav ul li .submenu li a {
  color: var(--tp-common-black-2);
  font-family: var(--tp-ff-roboto);
  padding: 27px 0px;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.01em;
}
.tp-main-menu-pizza nav ul li .submenu li a.active {
  color: var(--tp-theme-5);
}
.tp-main-menu-pizza nav ul li .submenu li:hover > a {
  color: var(--tp-theme-5) !important;
}
.tp-main-menu-pizza nav ul li .submenu li:hover > a::before {
  background: var(--tp-theme-5);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-main-menu-pizza-white {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-main-menu-pizza-white {
    margin-left: 0;
  }
}
.tp-main-menu-pizza-white nav ul li a {
  color: var(--tp-common-white);
  font-family: var(--tp-ff-roboto);
  padding: 27px 0px;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.01em;
}
.tp-main-menu-pizza-white nav ul li a:hover {
  color: var(--tp-rgba-2);
}
.tp-main-menu-pizza-white nav ul li a.active {
  color: var(--tp-rgba-2);
}
.tp-main-menu-pizza-white nav ul li:hover > a {
  color: var(--tp-rgba-2);
}
.tp-main-menu-pizza-white nav ul li.active > a {
  color: var(--tp-rgba-2);
}
.tp-main-menu-pizza-white nav ul li .submenu li a {
  color: var(--tp-common-black-2);
  font-family: var(--tp-ff-roboto);
  padding: 27px 0px;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.01em;
}
.tp-main-menu-pizza-white nav ul li .submenu li a.active {
  color: var(--tp-rgba-2);
}
.tp-main-menu-pizza-white nav ul li .submenu li:hover > a {
  color: var(--tp-rgba-2) !important;
}
.tp-main-menu-pizza-white nav ul li .submenu li:hover > a::before {
  background: var(--tp-rgba-2);
}
.tp-main-menu-cpc nav {
  border-radius: 4px;
  padding: 0 18px;
  box-shadow: 0 30px 50px 0 rgba(1, 6, 20, 0.12);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.14) 100%);
}
.tp-main-menu-cpc nav ul li {
  margin: 0 27px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-main-menu-cpc nav ul li {
    margin: 0 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-main-menu-cpc nav ul li {
    margin: 0 12px;
  }
}
.tp-main-menu-cpc nav ul li a {
  font-family: var(--tp-ff-poppins);
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-white);
  padding: 15px 0px;
}
.tp-main-menu-cpc nav ul li a:hover {
  color: var(--tp-common-greyish);
}
.tp-main-menu-cpc nav ul li a.active {
  color: var(--tp-common-greyish);
}
.tp-main-menu-cpc nav ul li:hover > a {
  color: var(--tp-common-greyish);
}
.tp-main-menu-cpc nav ul li.active > a {
  color: var(--tp-common-greyish);
}
.tp-main-menu-cpc nav ul li .submenu li a {
  font-family: var(--tp-ff-poppins);
  font-weight: 500;
  font-size: 16px;
}
.tp-main-menu-cpc nav ul li .submenu li a.active {
  color: var(--tp-common-greyish);
}
.tp-main-menu-cpc nav ul li .submenu li:hover > a {
  color: var(--tp-common-greyish) !important;
}
.tp-main-menu-cpc nav ul li .submenu li:hover > a::before {
  background: var(--tp-common-greyish);
}

/*----------------------------------------*/
/*  4.2 Mobilemenu css
/*----------------------------------------*/
.tp-offcanvas-menu {
  margin-bottom: 40px;
}
.tp-offcanvas-menu ul {
  list-style: none;
}
.tp-offcanvas-menu ul li {
  position: relative;
}
.tp-offcanvas-menu ul li > a {
  padding: 8px 0;
  display: block;
  font-size: 15px;
  font-weight: 500;
}
.tp-offcanvas-menu ul li:not(:last-child) > a {
  border-bottom: 1px solid rgba(1, 15, 28, 0.1);
}
.tp-offcanvas-menu ul li.active > a {
  color: var(--tp-common-black);
}
.tp-offcanvas-menu ul li.active > .tp-menu-close {
  color: var(--tp-common-white);
  background: var(--tp-common-black);
  border-color: var(--tp-common-black);
}
.tp-offcanvas-menu ul li.active > .tp-menu-close i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tp-offcanvas-menu ul li .tp-submenu {
  display: none;
}
.tp-offcanvas-menu ul li .tp-submenu.submenu {
  padding-left: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-offcanvas-menu .tp-main-mega-menu {
    padding-left: 0 !important;
  }
}
.tp-offcanvas-menu .tp-main-mega-menu .homemenu-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: var(--tp-common-black);
}
.tp-offcanvas-menu .tp-main-mega-menu .homemenu-title a {
  padding: 0;
  font-family: var(--tp-ff-open);
  color: var(--tp-common-black);
}
.tp-offcanvas-menu .tp-main-mega-menu .homemenu {
  margin-bottom: 30px;
}

.tp-menu-close {
  position: absolute;
  right: 0;
  top: 6px;
  height: 30px;
  width: 30px;
  font-size: 12px;
  line-height: 29px;
  text-align: center;
  border: 1px solid rgba(1, 15, 28, 0.12);
}
.tp-menu-close i {
  transition: all 0.3s;
}

/*----------------------------------------*/
/*  7.1 footer css
/*----------------------------------------*/
.tp-footer-digi-news-form .input {
  background: #eff2e9;
  color: var(--tp-common-black-2);
  border: 1px solid #eff2e9;
  font-size: 16px;
  padding: 10px 30px;
}
.tp-footer-digi-news-form .input::placeholder {
  font-size: 16px;
}
.tp-footer-digi-round {
  border-radius: 60px 60px 0 0;
}
.tp-footer-digi-widget ul li {
  list-style: none;
}
.tp-footer-digi-widget ul li:not(:last-child) {
  margin-bottom: 7px;
}
.tp-footer-digi-widget ul li a {
  font-weight: 500;
  font-size: 17px;
}
.tp-footer-digi-widget ul li a:hover {
  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) {
  .tp-footer-digi-widget.space {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer-digi-widget.space {
    margin-left: 0;
  }
}
.tp-footer-digi-bottom {
  border-top: 1px solid #e2ead7;
  margin: 0 62px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer-digi-bottom {
    margin: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer-digi-bottom {
    padding: 30px 0;
  }
}
.tp-footer-digi-border > div {
  padding: 30px 0 20px 0;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer-digi-border > div {
    padding: 0;
  }
}
.tp-footer-digi-border > div:not(:last-child) {
  border-right: 1px solid #e2ead7;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer-digi-border > div:not(:last-child) {
    border: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer-digi-copyright {
    text-align: left !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer-digi-sicial {
    justify-content: flex-start !important;
  }
}
.tp-footer-digi-sicial a {
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 40px;
  box-shadow: 0 1px 2px 0 rgba(1, 16, 61, 0.14);
  background: #fff;
  border-radius: 10px;
  display: inline-block;
  margin-left: 4px;
  -webkit-transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
}
.tp-footer-digi-sicial a:hover {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-footer-cpr-form .input {
  background: rgba(255, 255, 255, 0.06);
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
  border: 1px solid transparent;
  padding: 10px 20px;
  padding-right: 50px;
  height: 52px;
}
.tp-footer-cpr-form .input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: var(--tp-ff-jakarta);
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
}
.tp-footer-cpr-form .input::-moz-placeholder {
  /* Firefox 19+ */
  font-family: var(--tp-ff-jakarta);
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
}
.tp-footer-cpr-form .input:-moz-placeholder {
  /* Firefox 4-18 */
  font-family: var(--tp-ff-jakarta);
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
}
.tp-footer-cpr-form .input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-family: var(--tp-ff-jakarta);
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
}
.tp-footer-cpr-form .input::placeholder {
  /* MODERN BROWSER */
  font-family: var(--tp-ff-jakarta);
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
}
.tp-footer-cpr-form .input:focus {
  border: 1px solid var(--tp-common-pisces);
}
.tp-footer-cpr-form .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.tp-footer-cpr-form .checkbox {
  color: rgba(255, 255, 255, 0.65);
}
.tp-footer-cpr-form .tp-checkbox {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #e4e4e4;
  outline: none;
  flex: 0 0 auto;
  box-shadow: inset 0 1px 4px 0 rgba(48, 54, 81, 0.06), 0 1px 1px 0 rgba(48, 54, 81, 0.06);
  background: transparent;
  -webkit-transform: translateY(-2.5px);
  -moz-transform: translateY(-2.5px);
  -ms-transform: translateY(-2.5px);
  -o-transform: translateY(-2.5px);
  transform: translateY(-2.5px);
  padding: 0;
  margin-right: 10px;
  transform: translateY(5px);
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.tp-footer-cpr-form .tp-checkbox:checked {
  position: relative;
  background-color: var(--tp-common-pisces);
  border-color: transparent;
}
.tp-footer-cpr-form .tp-checkbox:checked::after {
  box-sizing: border-box;
  position: absolute;
  content: "\f00c";
  font-weight: 700;
  font-family: var(--tp-ff-fontawesome);
  font-size: 10px;
  color: var(--tp-common-white);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.tp-footer-cpr-form .tp-checkbox:hover {
  cursor: pointer;
}
.tp-footer-cpr-form label {
  cursor: pointer;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-cpr-widget.ml-75 {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer-cpr-widget.ml-75 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer-cpr-widget.ml-100 {
    margin-left: 50px;
  }
}
@media (max-width: 575px) {
  .tp-footer-cpr-widget.ml-100 {
    margin-left: 0;
  }
}
.tp-footer-cpr-widget-menu ul li {
  list-style: none;
}
.tp-footer-cpr-widget-menu ul li:not(:last-child) {
  margin-bottom: 6px;
}
.tp-footer-cpr-widget-menu ul li a {
  font-family: var(--tp-ff-jakarta);
  font-weight: 500;
  font-size: 17px;
  color: rgba(255, 255, 255, 0.65);
  position: relative;
  padding-left: 15px;
}
.tp-footer-cpr-widget-menu ul li a:hover {
  color: var(--tp-common-white);
}
.tp-footer-cpr-widget-menu ul li a::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background: rgba(255, 255, 255, 0.65);
  border-radius: 20px;
  top: 9px;
  left: 0;
}
.tp-footer-cpr-widget-social span {
  color: rgba(255, 255, 255, 0.65);
}
.tp-footer-cpr-widget-social-icon a {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.65);
  margin-right: 19px;
}
.tp-footer-cpr-widget-social-icon a:last-child {
  transform: translateY(2px);
}
.tp-footer-cpr-widget-social-icon a:hover {
  color: var(--tp-common-white);
}
.tp-footer-cpr-widget-social-icon.lwr-icon a svg {
  transform: translateY(-4px);
}
.tp-footer-cpr-bottom {
  border-top: 1px dashed rgba(255, 255, 255, 0.2);
  padding-top: 28px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer-cpr-bottm-text {
    text-align: left !important;
  }
}
.tp-footer-cpr-shape {
  top: -75px;
  bottom: auto !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-cpr-shape {
    top: -55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer-cpr-shape {
    top: -50px;
  }
}
.tp-footer-lwr-widget .tp-footer-cpr-widget-menu ul li span {
  font-weight: 500;
  font-size: 12px;
  color: var(--tp-common-white);
  background: var(--tp-common-apricot);
  padding: 2px 5px;
  display: inline-block;
  line-height: 1;
  border-radius: 8px;
  margin-left: 5px;
}
.tp-footer-lwr-widget .tp-footer-cpr-widget-menu ul li a {
  font-family: var(--tp-ff-body);
  padding-left: 0;
  font-size: 16px;
  color: var(--tp-rgba-2);
}
.tp-footer-lwr-widget .tp-footer-cpr-widget-menu ul li a:hover {
  color: var(--tp-common-white);
}
.tp-footer-lwr-widget .tp-footer-cpr-widget-menu ul li a::before {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer-lwr-widget {
    margin-left: 0;
  }
}
.tp-footer-lwr-form span {
  color: rgba(255, 255, 255, 0.75);
}
.tp-footer-lwr-form .tp-checkbox:checked {
  background-color: var(--tp-common-apricot);
}
.tp-footer-lwr-form .input {
  background: #134b4b;
}
.tp-footer-lwr-form .input:focus {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.tp-footer-lwr-form .icon {
  border-radius: 5px;
  width: 40px;
  height: 40px;
  background: #185757;
  text-align: center;
  line-height: 40px;
  right: 7px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer-lwr-bootom-link {
    text-align: left !important;
  }
}
.tp-footer-lwr-bootom-link a {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.65);
}
.tp-footer-lwr-bootom-link a:hover {
  color: var(--tp-common-white);
}
.tp-footer-lwr-bootom-link a:not(:last-child) {
  margin-right: 40px;
}
.tp-footer-med-social a {
  color: rgba(255, 255, 255, 0.65);
  font-size: 18px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 44px;
  border-radius: 50%;
}
.tp-footer-med-social a svg {
  transform: translateY(-2px);
}
.tp-footer-med-social a:hover {
  color: var(--tp-common-white);
  background: var(--tp-theme-1);
}
.tp-footer-med-time li {
  font-family: var(--tp-ff-roboto);
  color: var(--tp-rgba-3);
  list-style: none;
}
.tp-footer-med-time li:not(:last-child) {
  margin-bottom: 15px;
}
.tp-footer-med-widget .free {
  background: var(--tp-theme-1);
  border-radius: 10px;
  font-family: var(--tp-ff-roboto);
  font-weight: 500;
  font-size: 14px;
  color: var(--tp-common-white);
  padding: 1px 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) {
  .tp-footer-med-widget {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer-med-widget {
    margin-right: 0;
  }
}
.tp-footer-med-bottom {
  background: #322d64;
  padding: 23px 30px 12px 30px;
}
.tp-footer-med-bottom-menu ul li {
  display: inline-block;
  list-style: none;
  margin-left: 32px;
  margin-bottom: 3px;
}
.tp-footer-med-bottom-menu ul li:first-child {
  margin-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer-med-bottom-menu ul li {
    margin-left: 0;
    margin-right: 20px;
  }
}
.tp-footer-med-bottom-menu ul li a {
  font-family: var(--tp-ff-poppins);
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-rgba-3);
}
.tp-footer-med-bottom-menu ul li a:hover {
  color: var(--tp-common-white);
}
.tp-footer-salon-widget .tp-footer-cpr-widget-menu ul li a {
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
}
.tp-footer-salon-widget .tp-footer-cpr-widget-menu ul li span {
  background: var(--tp-theme-3);
}
.tp-footer-salon-form .input {
  background: rgba(255, 255, 255, 0.08);
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.55);
}
.tp-footer-salon-form .input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.55);
}
.tp-footer-salon-form .input::-moz-placeholder {
  /* Firefox 19+ */
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.55);
}
.tp-footer-salon-form .input:-moz-placeholder {
  /* Firefox 4-18 */
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.55);
}
.tp-footer-salon-form .input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.55);
}
.tp-footer-salon-form .input::placeholder {
  /* MODERN BROWSER */
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.55);
}
.tp-footer-salon-form .icon {
  background: var(--tp-theme-3);
}
.tp-footer-salon-form .icon:hover {
  background: var(--tp-common-sky);
}
.tp-footer-salon-form .tp-checkbox:checked {
  background-color: var(--tp-theme-3);
}
.tp-footer-salon-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: 33px;
}
.tp-footer-salon-shape {
  position: absolute;
  bottom: 70px;
  right: 0;
  width: 6%;
}
.tp-footer-crt-social a {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: inline-block;
  text-align: center;
  line-height: 40px;
  color: var(--tp-common-white);
  border-radius: 50%;
  margin-right: 4px;
  position: relative;
}
.tp-footer-crt-social a svg {
  transform: translateY(-2px);
}
.tp-footer-crt-border {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 27px 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer-crt-widget {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer-crt-widget h3 br {
    display: none;
  }
}
.tp-footer-crt-shape {
  left: 0;
  bottom: 0;
  width: 14%;
}
.tp-footer-crt-menu nav ul li {
  list-style: none;
  display: inline-block;
  margin-right: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer-crt-menu nav ul li {
    margin-right: 20px;
  }
}
.tp-footer-crt-menu nav ul li a {
  font-family: var(--tp-ff-open);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.7);
  padding: 5px 0px;
  display: inline-block;
}
.tp-footer-crt-menu nav ul li a:hover {
  color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer-crt-copyright {
    text-align: left !important;
    padding-top: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer-it-widget {
    margin-right: 0;
  }
  .tp-footer-it-widget.forms {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .tp-footer-it-widget {
    margin-left: 0;
  }
}
.tp-footer-it-widget .tp-footer-crt-social a {
  background: rgba(255, 255, 255, 0.06);
  border: none;
  border-radius: 4px;
}
.tp-footer-it-widget .tp-footer-crt-social a span {
  border-radius: 4px;
}
.tp-footer-it-widget .tp-footer-cpr-widget-menu ul li a {
  font-family: var(--tp-ff-inter);
  font-size: 15px;
  color: rgba(255, 255, 255, 0.65);
  letter-spacing: 0.02em;
}
.tp-footer-it-widget .tp-footer-cpr-widget-menu ul li a:hover {
  color: var(--tp-theme-4);
}
.tp-footer-it-widget .tp-footer-cpr-widget-menu ul li a:hover::before {
  background: var(--tp-theme-4);
}
.tp-footer-it-widget .tp-footer-cpr-widget-menu ul li a::before {
  width: 3px;
  height: 3px;
  background: rgba(255, 255, 255, 0.6);
  top: 7px;
}
.tp-footer-it-widget .tp-footer-cpr-widget-menu ul li:not(:last-child) {
  margin-bottom: 9px;
}
.tp-footer-it-widget .tp-footer-cpr-form .input {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 4px;
  height: 54px;
  padding-left: 50px;
  font-family: var(--tp-ff-inter);
  font-size: 15px;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.4);
}
.tp-footer-it-widget .tp-footer-cpr-form .input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: var(--tp-ff-inter);
  font-size: 15px;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.4);
}
.tp-footer-it-widget .tp-footer-cpr-form .input::-moz-placeholder {
  /* Firefox 19+ */
  font-family: var(--tp-ff-inter);
  font-size: 15px;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.4);
}
.tp-footer-it-widget .tp-footer-cpr-form .input:-moz-placeholder {
  /* Firefox 4-18 */
  font-family: var(--tp-ff-inter);
  font-size: 15px;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.4);
}
.tp-footer-it-widget .tp-footer-cpr-form .input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-family: var(--tp-ff-inter);
  font-size: 15px;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.4);
}
.tp-footer-it-widget .tp-footer-cpr-form .input::placeholder {
  /* MODERN BROWSER */
  font-family: var(--tp-ff-inter);
  font-size: 15px;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.4);
}
.tp-footer-it-widget .tp-footer-cpr-form .message-icon {
  position: absolute;
  top: 48%;
  transform: translateY(-50%);
  left: 24px;
}
.tp-footer-it-widget .tp-footer-lwr-form .icon {
  border-radius: 2px;
  background: var(--tp-theme-4);
}
.tp-footer-it-bottom {
  background: rgba(255, 255, 255, 0.06);
  padding: 15px 0;
}
.tp-footer-pizza-shape {
  position: absolute;
  right: 0;
  bottom: 50px;
  width: 12%;
  z-index: -1;
}
.tp-footer-pizza-shape-2 {
  left: 20px;
  top: -137px;
  width: 16%;
}
.tp-footer-pizza-spacing {
  padding-top: 370px;
  margin-top: -257px;
}
.tp-footer-pizza .tp-footer-crt-social a {
  background: var(--tp-common-white);
  color: var(--tp-text-grey-3);
  margin-right: 6px;
  font-size: 14px;
  border: none;
}
.tp-footer-pizza .tp-footer-crt-social a:hover {
  color: var(--tp-common-white);
}
.tp-footer-pizza .tp-social-icon-style a span {
  background-color: var(--tp-common-black-2);
}
.tp-footer-pizza .tp-footer-med-time li {
  color: var(--tp-grey-3);
  font-weight: 500;
}
.tp-footer-pizza .tp-footer-med-bottom {
  background: #f8f8f2;
}
.tp-footer-pizza .tp-footer-med-bottom-menu ul li a {
  font-family: var(--tp-ff-roboto);
  font-size: 18px;
  color: var(--tp-grey-3);
}
.tp-footer-pizza .tp-footer-med-bottom-menu ul li a:hover {
  color: var(--tp-theme-5);
}
.tp-footer-cpc-wrap .tp-footer-cpr-form .tp-checkbox {
  transform: translateY(0);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.tp-footer-cpc-wrap .tp-footer-cpr-form .tp-checkbox:checked {
  background-color: #855cfd;
}
.tp-footer-cpc-wrap .tp-footer-cpr-form .input {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
}
.tp-footer-cpc-wrap .tp-footer-cpr-form .input:focus {
  border-color: #855cfd;
}
.tp-footer-cpc-wrap .tp-footer-cpr-form .input::placeholder {
  font-family: var(--tp-ff-roboto);
  color: rgba(255, 255, 255, 0.65);
}
.tp-footer-cpc-wrap .tp-footer-cpr-widget-social-icon a {
  color: rgba(255, 255, 255, 0.4);
}
.tp-footer-cpc-wrap .tp-footer-cpr-widget-social-icon a:hover {
  color: #61ce70;
}
.tp-footer-cpc-wrap .tp-footer-cpr-widget-menu ul li a::before {
  display: none;
}
.tp-footer-cpc-wrap .tp-footer-cpr-widget-menu ul li:not(:last-child) {
  margin-bottom: 9px;
}
.tp-footer-cpc-wrap .tp-footer-cpr-widget-menu ul li a {
  font-family: var(--tp-ff-poppins);
  font-weight: 500;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.65);
  padding-left: 0;
}
.tp-footer-cpc-wrap .tp-footer-cpr-widget-menu ul li a:hover {
  color: #855cfd;
}
.tp-footer-cpc-wrap .tp-footer-cpr-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer-cpc-wrap .tp-footer-cpr-widget {
    margin-left: 0;
  }
}
.tp-footer-cpc-coin {
  bottom: 45px;
}

/*----------------------------------------*/
/*  7.17 Hero css
/*----------------------------------------*/
.tp-hero-digi-bg {
  background: linear-gradient(180deg, rgba(235, 254, 178, 0.4) 0%, rgba(200, 253, 221, 0.4) 100%);
}
.tp-hero-digi-bg-2 {
  background: linear-gradient(180deg, #ebfeb2 0%, rgba(235, 254, 178, 0) 100%);
}
.tp-hero-digi-space {
  padding-top: 220px;
  padding-bottom: 60px;
}
.tp-hero-digi-space-2 {
  padding-top: 245px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-digi-space-2 {
    padding-top: 170px;
  }
}
.tp-hero-digi-space-3 {
  padding-top: 303px;
  padding-bottom: 220px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-digi-space-3 {
    padding-top: 170px;
  }
}
.tp-hero-digi-space-4 {
  padding-top: 290px;
  padding-bottom: 320px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-digi-space-4 {
    padding-top: 170px;
  }
}
.tp-hero-digi-space-5 {
  padding-top: 290px;
  padding-bottom: 220px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-digi-space-5 {
    padding-top: 170px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-digi-content-2 p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-digi-content-2 h2 br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-digi-content-3 p br {
    display: none;
  }
}
.tp-hero-digi-top-shape {
  position: absolute;
  top: 160px;
  left: 116px;
}
.tp-hero-digi-top-shape-1 {
  top: 202px;
  right: 154px;
}
.tp-hero-digi-top-shape-2 {
  right: 188px;
  bottom: 29%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-digi-top-shape-2 {
    right: 100px;
  }
}
.tp-hero-digi-title {
  line-height: 104%;
}
@media (max-width: 575px) {
  .tp-hero-digi-form form {
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  .tp-hero-digi-form-btn {
    margin-top: 20px;
  }
}
.tp-hero-digi-form-input .input {
  border: 1px solid var(--tp-border-2);
  border-radius: 10px;
  width: 400px;
  height: 60px;
  padding: 10px 30px 10px 54px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-digi-form-input .input {
    width: 320px;
  }
}
@media (max-width: 575px) {
  .tp-hero-digi-form-input .input {
    width: 100%;
  }
}
.tp-hero-digi-form-input .input::placeholder {
  font-family: var(--tp-ff-dm);
  color: var(--tp-grey-1);
}
.tp-hero-digi-form-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
}
.tp-hero-digi-shape-4 {
  position: absolute;
  top: -31px;
  right: -55px;
}
.tp-hero-digi-thumb {
  flex: 0 0 auto;
}
.tp-hero-digi-thumb-wrap {
  margin-top: -75px;
  width: 100%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-digi-thumb-wrap {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-digi-thumb-wrap {
    flex-wrap: wrap;
    justify-content: flex-start !important;
  }
}
.tp-hero-digi-thumb.thumb-1 {
  width: 22%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-digi-thumb.thumb-1 {
    width: 19%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-digi-thumb.thumb-1 {
    width: 18%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-digi-thumb.thumb-1 {
    width: 28%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-digi-thumb.thumb-1 {
    width: 48%;
  }
}
@media (max-width: 575px) {
  .tp-hero-digi-thumb.thumb-1 {
    width: 100%;
  }
}
.tp-hero-digi-thumb.thumb-2 {
  width: 13%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-digi-thumb.thumb-2 {
    width: 16%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-digi-thumb.thumb-2 {
    width: 27%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-digi-thumb.thumb-2 {
    width: 48%;
  }
}
@media (max-width: 575px) {
  .tp-hero-digi-thumb.thumb-2 {
    width: 100%;
  }
}
.tp-hero-digi-thumb.thumb-3 {
  width: 26%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-digi-thumb.thumb-3 {
    width: 40%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-digi-thumb.thumb-3 {
    width: 100%;
  }
}
.tp-hero-digi-thumb.service-1 {
  margin-left: 20px;
  margin-right: -20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-digi-thumb.service-1 {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .tp-hero-digi-thumb.service-1 {
    margin-bottom: 20px;
  }
}
.tp-hero-digi-thumb.service-2 {
  margin-left: 13px;
  margin-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-digi-thumb.service-2 {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .tp-hero-digi-thumb.service-2 {
    margin-bottom: 20px;
  }
}
.tp-hero-digi-thumb.service-3 {
  margin-left: -30px;
  margin-right: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-digi-thumb.service-3 {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .tp-hero-digi-thumb.service-3 {
    margin-bottom: 20px;
  }
}
.tp-hero-digi-clients {
  width: 100%;
  max-width: 100%;
  background: #dbff6f;
  padding: 43px 40px 57px 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-digi-clients {
    padding: 43px 25px 57px 25px;
  }
}
.tp-hero-digi-clients-content {
  letter-spacing: -0.04em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-digi-clients-content br {
    display: none;
  }
}
.tp-hero-digi-shape-wrap {
  margin-left: 93px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-digi-shape-wrap {
    margin-left: 0;
  }
}
.tp-hero-digi-shape-2 img {
  width: 240px;
}
.tp-hero-digi-shape-3 {
  margin-top: -70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-digi-shape-3 {
    margin-top: -30px;
  }
}
@media (max-width: 575px) {
  .tp-hero-digi-shape-3 {
    margin-top: 20px;
  }
}
.tp-hero-digi-shape-3 .shape-2 {
  margin-top: -193px;
  margin-right: -20px;
  margin-left: 30px;
}
.tp-hero-cpr-shadow {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(0deg, rgba(36, 46, 69, 0.6) 30%, rgba(36, 46, 69, 0.3) 60%);
}
.tp-hero-cpr-spacing {
  padding-top: 385px;
  padding-bottom: 115px;
  position: relative;
  z-index: 9;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-cpr-spacing {
    padding-top: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-cpr-spacing {
    padding-top: 150px;
  }
}
@media (max-width: 575px) {
  .tp-hero-cpr-spacing {
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-cpr-content p br {
    display: none;
  }
}
.tp-hero-cpr-bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.tp-hero-cpr-subtitle {
  backdrop-filter: blur(20px);
  box-shadow: 0 30px 50px 0 rgba(1, 6, 20, 0.12);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 78.12%);
  padding: 5px 15px;
}
.tp-hero-cpr-badge {
  background: linear-gradient(90deg, #aa3fff 0%, #f3513c 100%);
  padding: 11px 20px;
}
@media (max-width: 575px) {
  .tp-hero-cpr-badge {
    margin-bottom: 10px;
  }
}
@media (max-width: 575px) {
  .tp-hero-cpr-badge-wrap {
    flex-wrap: wrap;
  }
}
.tp-hero-cpr-card {
  margin-right: -100px;
  width: 282px;
  backdrop-filter: blur(20px);
  box-shadow: 0 30px 50px 0 rgba(1, 6, 20, 0.12);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 100%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-cpr-card {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-cpr-card {
    float: left;
  }
}
.tp-hero-cpr-card img {
  border-radius: 10px 10px 0 0;
}
.tp-hero-cpr-card a {
  padding: 24px 0;
}
.tp-hero-cpr-zoom .swiper-slide.swiper-slide-active .text {
  -webkit-animation-name: fadeInUp;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.8s;
  animation-duration: 1s;
  opacity: 1;
}
.tp-hero-cpr-zoom .swiper-slide.swiper-slide-active .text2 {
  -webkit-animation-name: fadeInUp;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.9s;
  animation-duration: 1s;
  opacity: 1;
}
.tp-hero-cpr-zoom .swiper-slide.swiper-slide-active .text3 {
  -webkit-animation-name: fadeInUp;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 1s;
  animation-duration: 1s;
  opacity: 1;
}
.tp-hero-cpr-zoom .swiper-slide.swiper-slide-active .text4 {
  -webkit-animation-name: fadeInUp;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 1.1s;
  animation-duration: 1s;
  opacity: 1;
}
.tp-hero-cpr-zoom .swiper-slide.swiper-slide-active .text5 {
  -webkit-animation-name: fadeInUp;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 1.3s;
  animation-duration: 1s;
  opacity: 1;
}
.tp-hero-cpr-zoom .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.tp-hero-cpr-zoom .swiper-slide {
  flex-shrink: 0;
  position: relative;
  display: block;
  overflow: hidden;
}
.tp-hero-cpr-zoom .swiper-slide {
  width: 100%;
  height: 100%;
  transition-property: transform;
}
.tp-hero-cpr-shape {
  bottom: -70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-cpr-shape {
    bottom: -30px;
  }
}
.tp-hero-lwr-shape {
  left: 110px;
  bottom: 106px;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-lwr-shape {
    left: 60px;
  }
}
@media (max-width: 575px) {
  .tp-hero-lwr-shape {
    left: 10px;
  }
}
.tp-hero-lwr-shape-2 {
  right: 140px;
  top: 224px;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-lwr-shape-2 {
    right: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-lwr-shape-2 {
    top: 100px;
  }
}
@media (max-width: 575px) {
  .tp-hero-lwr-shape-2 {
    top: 50px;
  }
}
.tp-hero-lwr-subtitle {
  color: rgba(255, 255, 255, 0.65);
}
.tp-hero-lwr-spacing {
  padding-top: 245px;
  padding-bottom: 250px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-lwr-spacing {
    padding-top: 180px;
    padding-bottom: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-lwr-spacing {
    padding-bottom: 30px;
  }
}
.tp-hero-lwr-thumb {
  margin-right: -308px;
  margin-left: -35px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-lwr-thumb {
    margin-right: -100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-lwr-thumb {
    margin-left: -125px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-lwr-thumb {
    margin-left: -220px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-lwr-thumb {
    margin-left: 0;
    margin-right: 0;
  }
}
.tp-hero-med-spacing {
  padding-top: 280px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-med-spacing {
    padding-top: 180px;
  }
}
.tp-hero-med-text-underline {
  text-decoration: underline;
  text-decoration-color: var(--tp-common-black-4);
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
}
.tp-hero-med-plus {
  position: absolute;
  top: 15px;
  left: 15px;
}
.tp-hero-med-checkup {
  bottom: 20%;
  right: -160px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-med-checkup {
    right: 0;
  }
}
@media (max-width: 575px) {
  .tp-hero-med-checkup {
    bottom: 4%;
  }
}
.tp-hero-med-checkup span {
  border-radius: 10px;
  padding: 9px 35px;
  padding-left: 10px;
  display: inline-block;
  backdrop-filter: blur(20px);
  box-shadow: 0 20px 50px 0 #bdbfe4;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 100%);
}
.tp-hero-med-checkup i {
  border-radius: 4px;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.tp-hero-med-thumb {
  margin-right: -66px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-med-thumb {
    margin-right: 0;
  }
}
.tp-hero-med-thumb-shape {
  width: 142px;
  top: 27%;
  right: -140px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-med-thumb-shape {
    right: -30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-med-thumb-shape {
    right: 0;
  }
}
.tp-hero-med-heart {
  position: absolute;
  left: 21%;
  top: 45%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-med-heart {
    left: 0;
  }
}
.tp-hero-med-shape {
  left: 120px;
  bottom: 128px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-med-shape {
    bottom: 100px;
    left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-med-btn-wrap {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-med-content span.mr-45 {
    margin-right: 20px;
  }
}
.tp-hero-salon-shape {
  position: absolute;
  top: 25%;
  left: -60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-salon-shape {
    top: 14%;
    left: 0;
  }
}
.tp-hero-salon-shape-2 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 18%;
}
.tp-hero-salon-spacing {
  padding-top: 340px;
  padding-bottom: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-salon-spacing {
    padding-top: 220px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-salon-spacing {
    padding-top: 180px;
  }
}
.tp-hero-salon-social-border {
  background: rgba(255, 255, 255, 0.2);
  width: 190px;
  height: 1px;
  margin-left: -190px;
  margin-right: 7px;
}
.tp-hero-salon-social a {
  border-radius: 100%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  display: inline-block;
  font-size: 15px;
  color: var(--tp-common-white);
  margin-right: 7px;
}
.tp-hero-salon-social a:hover {
  background: var(--tp-theme-3);
  border-color: var(--tp-theme-3);
}
.tp-hero-salon-social a svg {
  transform: translateY(-2px);
}
.tp-hero-salon-text-rotate {
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tp-hero-crt-content {
  padding-top: 230px;
  padding-bottom: 220px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-crt-content {
    padding-top: 170px;
    padding-bottom: 170px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-crt-content {
    padding-bottom: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-crt-content {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-crt-content {
    padding-top: 100px;
  }
}
.tp-hero-crt-thumb {
  margin-right: -200px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-crt-thumb {
    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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-crt-thumb {
    margin-right: 0;
  }
}
.tp-hero-crt-text {
  bottom: -47px;
  right: 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-crt-text {
    right: 0;
    bottom: -67px;
  }
}
.tp-hero-crt-text h3 {
  font-size: 200px;
  margin-bottom: -10px;
}
@media (max-width: 575px) {
  .tp-hero-crt-text h3 {
    font-size: 100px;
  }
}
.tp-hero-crt-shape {
  left: 0;
  top: 116px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-crt-shape {
    top: 50px;
  }
}
.tp-hero-crt-shape-2 {
  bottom: -165px;
  left: 0;
  z-index: 1;
  width: 14%;
  max-width: 140px;
}
.tp-hero-it-spacing {
  padding-top: 230px;
  padding-bottom: 172px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-it-spacing {
    padding-top: 130px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-it-spacing {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-it-video {
    text-align: left !important;
    padding-bottom: 120px;
  }
}
.tp-hero-it-video-btn {
  border: 2px solid #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  width: 100px;
  height: 100px;
  font-size: 20px;
  border-radius: 50%;
  line-height: 96px;
}
.tp-hero-it-bigtext {
  color: rgba(255, 255, 255, 0.2);
  font-size: 180px;
  bottom: 0;
  right: -210px;
  line-height: 0.7;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-it-bigtext {
    font-size: 120px;
    right: -110px;
  }
}
@media (max-width: 575px) {
  .tp-hero-it-bigtext {
    font-size: 80px;
  }
}
.tp-hero-it-border {
  background: #00b956;
  height: 16px;
  width: 540px;
  bottom: 0;
  right: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-it-border {
    border-right: 0;
    padding-bottom: 0;
  }
}
.tp-hero-it-shape {
  right: 0;
  top: 70px;
  width: 10%;
}
.tp-hero-pizza-spacing {
  padding-top: 267px;
  padding-bottom: 190px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-pizza-spacing {
    margin-left: 0;
    margin-right: 0;
    padding-top: 200px;
    padding-bottom: 170px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-pizza-spacing {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-pizza-spacing {
    padding-top: 127px;
  }
}
.tp-hero-pizza-main {
  -webkit-animation: rotate-infinite-2 60s linear infinite;
  animation: rotate-infinite-2 60s linear infinite;
}
.tp-hero-pizza-shape {
  top: -59px;
  right: -45px;
}
.tp-hero-pizza-shape-2 {
  bottom: 30px;
  right: 0;
  width: 9%;
}
.tp-hero-pizza-shape-3 {
  bottom: 0;
  left: -200px;
}
.tp-hero-pizza-shape-4 {
  margin-left: -70px;
  left: 0;
  bottom: 32%;
}
.tp-hero-pizza-shape-5 {
  left: 90px;
  bottom: 70px;
}
.tp-hero-pizza-round {
  top: 0;
  left: 0;
}
.tp-hero-pizza-round-text {
  box-shadow: 10px 10px 40px 0 #c7c797;
  width: 240px;
  height: 240px;
  text-align: center;
  z-index: 2;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-pizza-round-text {
    width: 140px;
    height: 140px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-pizza-round-text span {
    margin-top: 40px;
  }
}
.tp-hero-pizza-round-text::before {
  position: absolute;
  content: "";
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 2px dashed var(--tp-common-black-2);
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 9%;
  -webkit-animation: rotate-infinite 60s linear infinite;
  animation: rotate-infinite 60s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-pizza-round-text::before {
    width: 120px;
    height: 120px;
    top: 7%;
  }
}
.tp-hero-cpc-title .currency {
  background: linear-gradient(90deg, #5b49f5 0%, #885efe 39%, #61ce70 85.5%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tp-hero-cpc-spacing {
  padding-top: 240px;
  padding-bottom: 168px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-cpc-spacing {
    padding-top: 140px;
    padding-bottom: 100px;
  }
}
.tp-hero-cpc-shape {
  top: 0;
  left: 0;
  z-index: -1;
}
.tp-hero-cpc-thumb {
  margin-left: 75px;
  width: 395px;
  float: right;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-cpc-thumb {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-cpc-thumb {
    float: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-hero-cpc-thumb {
    width: 100%;
  }
}
.tp-hero-cpc-thumb .coin-1 {
  top: 111px;
  left: 60px;
}
.tp-hero-cpc-thumb .coin-2 {
  top: 200px;
  right: 40px;
}
.tp-hero-cpc-thumb .coin-3 {
  top: 215px;
  right: 147px;
}
.tp-hero-cpc-thumb .dot {
  border-radius: 100%;
  background: linear-gradient(180deg, #61ce70 0%, #885efe 100%);
  width: 10px;
  height: 10px;
}
.tp-hero-cpc-thumb .dot-1 {
  top: 258px;
  left: 70px;
}
.tp-hero-cpc-thumb .dot-2 {
  top: 63px;
  left: 114px;
  width: 6px;
  height: 6px;
}
.tp-hero-cpc-thumb .dot-3 {
  top: 153px;
  right: 128px;
  width: 4px;
  height: 4px;
}
.tp-hero-cpc-thumb .dot-4 {
  top: 28px;
  right: 128px;
  width: 5px;
  height: 5px;
}
.tp-hero-port-item {
  position: relative;
}
.tp-hero-port-item::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  background: rgba(0, 0, 0, 0.3);
}
.tp-hero-port-item:hover::before {
  opacity: 1;
  visibility: visible;
}
.tp-hero-port-inner {
  height: 40px;
  overflow: hidden;
}
.tp-hero-port-slide {
  height: 100vh;
}
.tp-hero-port-slide .swiper-slide {
  cursor: e-resize;
}
.tp-hero-port-slide .swiper-slide:hover .tp-hero-port-inner {
  height: 100%;
}
.tp-hero-port-pagination {
  position: absolute;
  bottom: 120px !important;
  z-index: 999;
}
.tp-hero-port-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--tp-common-white);
  opacity: 0.5;
  cursor: pointer;
}
.tp-hero-port-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active.swiper-pagination-bullet-active-main {
  background: var(--tp-theme-primary);
  opacity: 1;
}

.title-underline {
  position: relative;
  z-index: 1;
  display: inline-block;
}
.title-underline svg {
  position: absolute;
  right: -20px;
  bottom: 2px;
  z-index: -1;
}

/*----------------------------------------*/
/*  7.6 brand css
/*----------------------------------------*/
.tp-brand-digi-slider-active .swiper-slide {
  width: 222px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-brand-digi-slider-active .swiper-slide {
    width: 180px;
  }
}
.tp-brand-cpr-slider .tp-brand-item img {
  opacity: 0.3;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.tp-brand-cpr-slider .tp-brand-item img:hover {
  opacity: 1;
}
.tp-brand-salon-slider .tp-brand-item img {
  opacity: 1;
}
.tp-brand-salon-slider .swiper-slide {
  width: 190px;
}
.tp-brand-crt-slider-active .swiper-slide {
  width: auto;
  display: inline-block;
}
.tp-brand-crt-slider-active .tp-brand-item span {
  font-size: 120px;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-brand-crt-slider-active .tp-brand-item span {
    font-size: 90px;
  }
}
.tp-brand-it-border {
  background: rgba(37, 40, 64, 0.15);
  width: 100%;
  height: 1px;
  margin-bottom: -14px;
}
.tp-brand-it-content p {
  background: var(--tp-common-white);
  padding: 2px 40px;
}
.tp-brand-it-2-item {
  width: 160px;
  height: 160px;
  line-height: 134px;
  box-shadow: 0 15px 35px 0 rgba(15, 21, 43, 0.06);
  z-index: 1;
  border: 10px solid transparent;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-brand-it-2-item {
    width: 147px;
    height: 147px;
    line-height: 124px;
  }
}
.tp-brand-it-2-item:hover {
  border-color: #00b956;
}
.tp-brand-it-2-item:hover .tp-brand-it-2-icon {
  color: var(--tp-common-white);
  opacity: 0.3;
}
.tp-brand-it-2-item:hover .tp-brand-it-2-slider {
  opacity: 1;
  visibility: visible;
}
.tp-brand-it-2-slider {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.tp-brand-it-2-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-brand-it-2-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-brand-it-2-grid {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-brand-it-2-grid .item {
    margin-top: 15px;
  }
}
.tp-brand-it-2-big-text {
  font-size: 260px;
  z-index: 1;
  line-height: -13;
  bottom: -158px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-brand-it-2-big-text {
    top: -100px;
    bottom: auto;
    font-size: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-brand-it-2-big-text {
    font-size: 120px;
  }
}
@media (max-width: 575px) {
  .tp-brand-it-2-big-text {
    font-size: 70px;
  }
}

/*# sourceMappingURL=main.css.map */