/************ 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
/*----------------------------------------*/
@import url("../../../../css2-1");
.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 */
@font-face {
  font-family: '"Colasta" Sans Serif';
  src: url("../fonts/Colasta.ttf") format("truetype"), url("../fonts/Colasta-Light.ttf") format("truetype"), url("../fonts/Colasta-Bold.ttf") format("truetype"), url("../fonts/Colasta-Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
:root {
  /**
  @font family declaration
  */
  --tp-ff-body: "DM Sans", 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: #14b9e2;
  --tp-common-whitest: #f8faf5;
  --tp-common-cherubic : #ffe6f1;
  --tp-common-mint: #c8fddd;
  --tp-common-lime: #8CDE59;
  --tp-common-yellow: #ffb72e;
  --tp-common-pisces : #2384f3;
  --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: #124081;
  --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);
  /**
  @gradient colors
  */
  --tp-gradient-primary: linear-gradient(135deg, #14b9e2 0%, #124081 100%);
  --tp-gradient-primary-reverse: linear-gradient(135deg, #124081 0%, #14b9e2 100%);
  --tp-gradient-horizontal: linear-gradient(90deg, #14b9e2 0%, #124081 100%);
  --tp-gradient-vertical: linear-gradient(180deg, #14b9e2 0%, #124081 100%);
}

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

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

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

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

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

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

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

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

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

@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: #1ebee3;
}

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

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

.tp-text-common-pisces {
  color: #245089;
}

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

/*----------------------------------------*/
/*  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-white);
}
.tp-btn-lg-border {
  border: 1px solid var(--tp-border-2);
}
.tp-btn-lg-border:hover {
  color: var(--tp-common-white);
}
.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: var(--tp-gradient-primary-reverse);
  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, #217cff 0%, #32c3e5 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, #217cff 0%, #32c3e5 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, #5ed2e9 0%, rgba(255, 255, 255, 0) 100%);
}

.tp-cpr-section-subtitle {
  background: linear-gradient(90deg, #5ed2e9 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: default;
}

.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-common-black);
}
.tp-main-menu nav ul li:hover > a {
  color: var(--tp-common-black);
}
.tp-main-menu nav ul li > .submenu {
  position: absolute;
  top: 108%;
  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: 2px -2px 30px 20px rgba(25, 25, 26, 0.1);
  visibility: hidden;
  border-radius: 10px;
}
.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: #0a397c;
}
.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;
}

/*----------------------------------------*/
/*  5.2 Postbox css
/*----------------------------------------*/
.tp-postbox-cpr-blockquote {
  padding: 35px 55px 50px 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-postbox-cpr-blockquote {
    padding: 15px 25px 20px 25px;
  }
}
@media (max-width: 575px) {
  .tp-postbox-cpr-blockquote {
    flex-direction: column;
  }
}
.tp-postbox-cpr-blockquote .dvdr {
  border-radius: 100%;
  background: rgba(20, 24, 32, 0.5);
  width: 4px;
  height: 4px;
  display: inline-block;
  transform: translateY(13px);
}
.tp-postbox-cpr-blockquote .icon {
  transform: translateY(13px);
}
@media (max-width: 575px) {
  .tp-postbox-cpr-blockquote .icon {
    transform: translateY(0px);
    margin-bottom: 20px;
  }
}
.tp-postbox-cpr-social a {
  border-radius: 4px;
  width: 34px;
  height: 34px;
  display: inline-block;
  text-align: center;
  line-height: 34px;
  background: #eef0f5;
  color: #242E45;
  margin-bottom: 10px;
}
.tp-postbox-cpr-social a.facebook {
  background: #1877f2;
  color: var(--tp-common-white);
}
.tp-postbox-cpr-social a.twitter {
  background: #1da1f2;
  color: var(--tp-common-white);
}
.tp-postbox-cpr-social a.instagram {
  color: var(--tp-common-white);
  background: radial-gradient(182.61% 44.3% at -16.75% 7.2%, #c837bc 0%, #c83737 12.800000608%, #ab00ff 100%);
}
.tp-postbox-cpr-comment {
  box-shadow: 0 0 60px 0 rgba(23, 24, 49, 0.04);
  background: var(--tp-common-white);
  padding: 50px 62px 45px 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-postbox-cpr-comment {
    padding: 15px 25px 20px 25px;
  }
}
@media (max-width: 575px) {
  .tp-postbox-cpr-comment {
    flex-direction: column;
  }
}
.tp-postbox-cpr-comment img {
  flex: 0 0 auto;
}
@media (max-width: 575px) {
  .tp-postbox-cpr-comment img {
    margin-bottom: 20px;
  }
}
.tp-postbox-cpr-postbox-form {
  box-shadow: 0 0 40px 0 rgba(36, 27, 56, 0.06);
}
.tp-postbox-cpr-input-group {
  padding: 20px 30px;
  border-bottom: 1px solid rgba(36, 46, 69, 0.06);
  border-right: 1px solid rgba(36, 46, 69, 0.06);
  margin-right: -2px;
}
.tp-postbox-cpr-input-group .input {
  font-family: var(--tp-ff-jakarta);
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-grey-3);
  border: none;
  padding: 0;
  height: 22px;
}
.tp-postbox-cpr-input-group .input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  color: var(--tp-grey-3);
}
.tp-postbox-cpr-input-group .input::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  color: var(--tp-grey-3);
}
.tp-postbox-cpr-input-group .input:-moz-placeholder {
  /* Firefox 4-18 */
  font-size: 14px;
  color: var(--tp-grey-3);
}
.tp-postbox-cpr-input-group .input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-size: 14px;
  color: var(--tp-grey-3);
}
.tp-postbox-cpr-input-group .input::placeholder {
  /* MODERN BROWSER */
  font-size: 14px;
  color: var(--tp-grey-3);
}
.tp-postbox-cpr-input-comment {
  border-bottom: 0;
  border-right: 0;
  margin-right: 0;
}
.tp-postbox-cpr-input-comment .input {
  resize: none;
  height: 114px;
}
.tp-postbox-cpr-left-social {
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 120px;
}
@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-postbox-cpr-left-social {
    flex-direction: row;
  }
}
.tp-postbox-cpr-left-social a {
  border: 1px solid #dddde3;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  color: var(--tp-common-black);
  -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;
  margin-bottom: 10px;
}
@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-postbox-cpr-left-social a {
    margin-right: 10px;
  }
}
.tp-postbox-cpr-left-social a:hover {
  transform: scale(1.2);
  background: var(--tp-common-pisces);
  border-color: var(--tp-common-pisces);
  color: var(--tp-common-white);
}
.tp-postbox-lwr-wrap .tp-postbox-cpr-left-social a:hover {
  background: var(--tp-common-apricot);
  border-color: var(--tp-common-apricot);
}
.tp-postbox-lwr-left-social a:hover {
  background: var(--tp-theme-2) !important;
  border-color: var(--tp-theme-2) !important;
}
.tp-postbox-lwr-btn .tp-checkbox {
  border-color: rgba(24, 87, 87, 0.1) !important;
}
.tp-postbox-lwr-btn .tp-checkbox:checked {
  background-color: var(--tp-theme-2) !important;
}
.tp-postbox-comment ul li {
  list-style: none;
  display: flex;
}
@media (max-width: 575px) {
  .tp-postbox-comment ul li {
    display: block;
  }
}
.tp-postbox-comment ul li:not(:last-child) {
  margin-bottom: 60px;
}
.tp-postbox-comment ul li .border-m {
  padding-bottom: 30px;
  border-bottom: 1px solid #eaeaef;
}
.tp-postbox-comment ul li.children {
  margin-left: 60px;
}
@media (max-width: 575px) {
  .tp-postbox-comment ul li.children {
    margin-left: 0px;
  }
}
.tp-postbox-comment-reply {
  border: 1px solid #eaeaef;
  padding: 1px 17px;
  transition: all 0.4s ease;
}
.tp-postbox-comment-reply:hover {
  background: var(--tp-theme-2);
  color: var(--tp-common-white);
}
.tp-postbox-comment-avatar {
  width: 80px;
  flex: 0 0 auto;
}
@media (max-width: 575px) {
  .tp-postbox-comment-avatar {
    margin-bottom: 10px;
  }
}
.tp-postbox-comment-avatar img {
  width: 80px;
}
.tp-postbox-comment-form .tp-postbox-comment-inner .input, .tp-postbox-comment-form .tp-postbox-comment-inner .select, .tp-postbox-comment-form .tp-postbox-comment-inner .textarea {
  font-weight: 500;
  font-size: 14px;
  border: 1px solid rgba(24, 87, 87, 0.15);
  height: 54px;
}
.tp-postbox-comment-form .tp-postbox-comment-inner .input:focus, .tp-postbox-comment-form .tp-postbox-comment-inner .select:focus, .tp-postbox-comment-form .tp-postbox-comment-inner .textarea:focus {
  box-shadow: 0 0 0 3px rgba(24, 87, 87, 0.1);
  border-color: var(--tp-theme-2);
}
.tp-postbox-comment-form .tp-postbox-comment-inner .input::-webkit-input-placeholder, .tp-postbox-comment-form .tp-postbox-comment-inner .select::-webkit-input-placeholder, .tp-postbox-comment-form .tp-postbox-comment-inner .textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  color: var(--tp-grey-7);
  font-weight: 500;
}
.tp-postbox-comment-form .tp-postbox-comment-inner .input::-moz-placeholder, .tp-postbox-comment-form .tp-postbox-comment-inner .select::-moz-placeholder, .tp-postbox-comment-form .tp-postbox-comment-inner .textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  color: var(--tp-grey-7);
  font-weight: 500;
}
.tp-postbox-comment-form .tp-postbox-comment-inner .input:-moz-placeholder, .tp-postbox-comment-form .tp-postbox-comment-inner .select:-moz-placeholder, .tp-postbox-comment-form .tp-postbox-comment-inner .textarea:-moz-placeholder {
  /* Firefox 4-18 */
  font-size: 14px;
  color: var(--tp-grey-7);
  font-weight: 500;
}
.tp-postbox-comment-form .tp-postbox-comment-inner .input:-ms-input-placeholder, .tp-postbox-comment-form .tp-postbox-comment-inner .select:-ms-input-placeholder, .tp-postbox-comment-form .tp-postbox-comment-inner .textarea:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-size: 14px;
  color: var(--tp-grey-7);
  font-weight: 500;
}
.tp-postbox-comment-form .tp-postbox-comment-inner .input::placeholder, .tp-postbox-comment-form .tp-postbox-comment-inner .select::placeholder, .tp-postbox-comment-form .tp-postbox-comment-inner .textarea::placeholder {
  /* MODERN BROWSER */
  font-size: 14px;
  color: var(--tp-grey-7);
  font-weight: 500;
}
.tp-postbox-comment-form .tp-postbox-comment-inner .textarea {
  height: 160px;
}
.tp-postbox-crt-details .tagcloud a {
  background: #eff5f4;
  color: #696969;
  font-family: var(--tp-ff-open);
}
.tp-postbox-crt-details .tagcloud a:hover {
  background: var(--tp-theme-4);
}
.tp-postbox-crt-details .tp-postbox-comment-reply:hover {
  background: var(--tp-theme-4);
}
.tp-postbox-crt-details .tp-footer-cpr-form .tp-checkbox {
  transform: translateY(0px);
}
.tp-postbox-crt-details .tp-footer-cpr-form .tp-checkbox:checked {
  background-color: var(--tp-theme-4) !important;
}
.tp-postbox-crt-details .tp-postbox-comment-inner .input, .tp-postbox-crt-details .tp-postbox-comment-inner .select, .tp-postbox-crt-details .tp-postbox-comment-inner .textarea {
  border: 1px solid rgba(31, 34, 48, 0.15);
  border-radius: 6px;
  font-family: var(--tp-ff-open);
  font-weight: 400;
  font-size: 16px;
  color: #696969;
}
.tp-postbox-crt-details .tp-postbox-comment-inner .input::-webkit-input-placeholder, .tp-postbox-crt-details .tp-postbox-comment-inner .select::-webkit-input-placeholder, .tp-postbox-crt-details .tp-postbox-comment-inner .textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: var(--tp-ff-open);
  font-weight: 400;
  font-size: 16px;
  color: #696969;
}
.tp-postbox-crt-details .tp-postbox-comment-inner .input::-moz-placeholder, .tp-postbox-crt-details .tp-postbox-comment-inner .select::-moz-placeholder, .tp-postbox-crt-details .tp-postbox-comment-inner .textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-family: var(--tp-ff-open);
  font-weight: 400;
  font-size: 16px;
  color: #696969;
}
.tp-postbox-crt-details .tp-postbox-comment-inner .input:-moz-placeholder, .tp-postbox-crt-details .tp-postbox-comment-inner .select:-moz-placeholder, .tp-postbox-crt-details .tp-postbox-comment-inner .textarea:-moz-placeholder {
  /* Firefox 4-18 */
  font-family: var(--tp-ff-open);
  font-weight: 400;
  font-size: 16px;
  color: #696969;
}
.tp-postbox-crt-details .tp-postbox-comment-inner .input:-ms-input-placeholder, .tp-postbox-crt-details .tp-postbox-comment-inner .select:-ms-input-placeholder, .tp-postbox-crt-details .tp-postbox-comment-inner .textarea:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-family: var(--tp-ff-open);
  font-weight: 400;
  font-size: 16px;
  color: #696969;
}
.tp-postbox-crt-details .tp-postbox-comment-inner .input::placeholder, .tp-postbox-crt-details .tp-postbox-comment-inner .select::placeholder, .tp-postbox-crt-details .tp-postbox-comment-inner .textarea::placeholder {
  /* MODERN BROWSER */
  font-family: var(--tp-ff-open);
  font-weight: 400;
  font-size: 16px;
  color: #696969;
}
.tp-postbox-crt-details .tp-postbox-comment-inner .input:focus, .tp-postbox-crt-details .tp-postbox-comment-inner .select:focus, .tp-postbox-crt-details .tp-postbox-comment-inner .textarea:focus {
  box-shadow: 0 0 0 3px rgba(2, 169, 92, 0.15);
  border: 1px solid #02a95c;
}
.tp-postbox-it-style .tp-postbox-cpr-left-social a {
  border: 1px solid rgba(37, 40, 64, 0.15);
}
.tp-postbox-it-style .tp-postbox-cpr-left-social a:hover {
  background: var(--tp-theme-4);
}
.tp-postbox-it-style .tp-postbox-cpr-blockquote .dvdr {
  background: var(--tp-theme-4);
}
.tp-postbox-it-style .tagcloud a {
  background-color: var(--tp-grey-4);
  font-family: var(--tp-ff-inter);
  background: #dff3fc;
  color: #5e566a;
}
.tp-postbox-it-style .tagcloud a:hover {
  background: var(--tp-theme-4);
}
.tp-postbox-it-style .tp-postbox-cpr-social a.link {
  background-color: var(--tp-grey-4);
  font-family: var(--tp-ff-inter);
  background: #dff3fc;
}
.tp-postbox-it-style .tp-postbox-cpr-comment {
  box-shadow: 0 0 60px 0 rgba(23, 24, 49, 0.06);
}
.tp-postbox-it-comments .tp-postbox-comment ul li .border-m {
  padding-bottom: 60px;
}
.tp-postbox-it-comments .tp-service-cpr-contact {
  background: var(--tp-common-white);
  border: 1px solid rgba(37, 40, 64, 0.15);
}
.tp-postbox-it-comments .tp-footer-cpr-form .input, .tp-postbox-it-comments .tp-footer-cpr-form .textarea {
  border: 1px solid rgba(37, 40, 64, 0.15);
  border-radius: 4px;
  background: var(--tp-common-white);
}
.tp-postbox-it-comments .tp-footer-cpr-form .input:focus, .tp-postbox-it-comments .tp-footer-cpr-form .textarea:focus {
  box-shadow: 0 0 0 3px rgba(0, 185, 86, 0.15);
  border: 1px solid #00b956;
}

.tagcloud a {
  border-radius: 4px;
  padding: 8px 18px;
  line-height: 1;
  margin-bottom: 10px;
  display: inline-block;
  background-color: var(--tp-grey-5);
  font-family: var(--tp-ff-jakarta);
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--tp-grey-3);
}
@media (max-width: 575px) {
  .tagcloud a {
    padding: 10px 14px;
  }
}
.tagcloud a:not(:last-child) {
  margin-right: 5px;
}
.tagcloud a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-pisces);
}
.tagcloud-2 a:hover {
  background-color: var(--tp-common-apricot);
}

/*----------------------------------------*/
/*  5.1 blog css
/*----------------------------------------*/
.tp-blog-cpr-item {
  border: 1px solid rgba(36, 46, 69, 0.06);
  padding: 6px;
  -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-blog-cpr-item:hover {
  box-shadow: 0 8px 40px -10px rgba(45, 46, 83, 0.2);
}
.tp-blog-cpr-content {
  padding: 24px 22px 22px 22px;
}
.tp-blog-cpr-tag {
  position: absolute;
  top: 26px;
  left: 26px;
  padding: 1px 14px;
}
.tp-blog-lwr-wrap {
  border: 1px solid rgba(28, 78, 78, 0.1);
  padding: 54px 35px 50px 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-blog-lwr-wrap {
    padding: 35px 18px 35px 18px;
  }
}
.tp-blog-lwr-wrap span svg {
  transform: translateY(-2px);
}
.tp-blog-lwr-thumb {
  box-shadow: 0 10px 40px -10px #5c5c5c;
}
.tp-blog-lwr-thumb-content {
  padding: 30px 35px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
@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-blog-lwr-thumb-content {
    padding: 30px 20px;
  }
}
.tp-blog-lwr-thumb-content .tp-btn-lwr-lg {
  padding: 13px 27px;
}
.tp-blog-lwr-meta ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.tp-blog-lwr-meta ul li {
  list-style: none;
  margin-right: 55px;
}
@media (max-width: 575px) {
  .tp-blog-lwr-meta ul li {
    margin-right: 25px;
  }
}
.tp-blog-lwr-call-info {
  padding: 35px 40px 35px 40px;
}
.tp-blog-lwr-sidebar-qoute .icon {
  transform: translateY(10px);
}
.tp-blog-lwr-sidebar-faq .tp-faq-cpr-2-wrap .accordion-items {
  border: 1px solid rgba(24, 87, 87, 0.06);
}
.tp-blog-lwr-sidebar-faq .tp-faq-cpr-2-wrap .accordion-header .accordion-buttons {
  font-family: var(--tp-ff-body);
  color: var(--tp-theme-2);
}
.tp-blog-lwr-sidebar-faq .tp-faq-cpr-2-wrap .accordion-header .accordion-buttons:not(.collapsed) {
  color: var(--tp-common-apricot);
}
.tp-blog-lwr-sidebar-faq .tp-faq-cpr-2-wrap .accordion-header .accordion-buttons:not(.collapsed) .accordion-icon {
  background: var(--tp-common-apricot);
}
@media only screen and (min-width: 992px) 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-blog-lwr-sidebar-faq .tp-faq-cpr-2-wrap .accordion-body p br {
    display: none;
  }
}
.tp-blog-lwr-details-sidebar .tp-service-digi-category-list {
  box-shadow: none;
  border: 1px solid rgba(36, 46, 69, 0.1);
}
.tp-blog-lwr-details-sidebar .tp-service-cpr-contact {
  background: var(--tp-grey-8);
}
.tp-blog-lwr-details-sidebar .tp-service-cpr-contact .input, .tp-blog-lwr-details-sidebar .tp-service-cpr-contact .textarea {
  border: 1px solid transparent;
  height: 44px;
  font-family: var(--tp-ff-body);
  color: var(--tp-grey-7);
  border-radius: 5px;
  background: var(--tp-common-white);
}
.tp-blog-lwr-details-sidebar .tp-service-cpr-contact .input::-webkit-input-placeholder, .tp-blog-lwr-details-sidebar .tp-service-cpr-contact .textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: var(--tp-ff-body);
  color: var(--tp-grey-7);
}
.tp-blog-lwr-details-sidebar .tp-service-cpr-contact .input::-moz-placeholder, .tp-blog-lwr-details-sidebar .tp-service-cpr-contact .textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-family: var(--tp-ff-body);
  color: var(--tp-grey-7);
}
.tp-blog-lwr-details-sidebar .tp-service-cpr-contact .input:-moz-placeholder, .tp-blog-lwr-details-sidebar .tp-service-cpr-contact .textarea:-moz-placeholder {
  /* Firefox 4-18 */
  font-family: var(--tp-ff-body);
  color: var(--tp-grey-7);
}
.tp-blog-lwr-details-sidebar .tp-service-cpr-contact .input:-ms-input-placeholder, .tp-blog-lwr-details-sidebar .tp-service-cpr-contact .textarea:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-family: var(--tp-ff-body);
  color: var(--tp-grey-7);
}
.tp-blog-lwr-details-sidebar .tp-service-cpr-contact .input::placeholder, .tp-blog-lwr-details-sidebar .tp-service-cpr-contact .textarea::placeholder {
  /* MODERN BROWSER */
  font-family: var(--tp-ff-body);
  color: var(--tp-grey-7);
}
.tp-blog-lwr-details-sidebar .tp-service-cpr-contact .input::focus, .tp-blog-lwr-details-sidebar .tp-service-cpr-contact .textarea::focus {
  box-shadow: 0 0 0 3px rgba(24, 87, 87, 0.1);
  border-color: #185757;
}
.tp-blog-lwr-details-sidebar .tp-service-cpr-contact .tp-footer-cpr-form .input:focus {
  box-shadow: 0 0 0 3px rgba(24, 87, 87, 0.1);
  border-color: #185757;
}
.tp-blog-lwr-details-sidebar .tp-service-cpr-contact .textarea {
  height: 100px;
}
.tp-blog-lwr-details-sidebar .tp-service-cpr-contact .textarea:focus {
  box-shadow: 0 0 0 3px rgba(24, 87, 87, 0.1);
  border-color: #185757;
}
.tp-blog-lwr-details-sidebar .tp-service-cpr-contact .tp-footer-cpr-form .tp-checkbox {
  border: 1px solid var(--tp-theme-2);
}
.tp-blog-lwr-details-sidebar .tp-service-cpr-contact .tp-footer-cpr-form .tp-checkbox:checked {
  background: var(--tp-theme-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-blog-crt-spacing {
    padding-top: 90px;
  }
}
.tp-blog-crt-shape {
  top: 0;
  left: 0;
}
.tp-blog-crt-shape-2 {
  right: 0;
  top: 17%;
  width: 12%;
}
.tp-blog-crt-shape-3 {
  right: 0;
  bottom: 0;
  mix-blend-mode: luminosity;
}
.tp-blog-crt-thumb {
  transition: all 0.5s ease-in-out;
}
.tp-blog-crt-thumb::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  background: linear-gradient(180deg, rgba(31, 34, 48, 0) 30%, #1f2230 100%);
  bottom: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.tp-blog-crt-wrap:hover .tp-blog-crt-cetagory {
  background: var(--tp-theme-4);
  color: var(--tp-common-white);
}
.tp-blog-crt-wrap:hover .tp-blog-crt-thumb {
  box-shadow: 0 10px 40px -10px rgba(11, 33, 29, 0.6);
}
.tp-blog-crt-wrap:hover .tp-blog-crt-thumb::before {
  opacity: 1;
  height: 100%;
}
.tp-blog-crt-cetagory {
  bottom: 20px;
  left: 20px;
  padding: 6px 16px;
}
.tp-blog-it-item:hover .tp-blog-it-btn {
  transform: rotate(45deg);
}
.tp-blog-it-item:hover .tp-blog-it-tag {
  background: var(--tp-theme-4);
  border-color: var(--tp-theme-4);
  color: var(--tp-common-white);
}
@media (max-width: 575px) {
  .tp-blog-it-content {
    margin-top: 20px;
  }
}
.tp-blog-it-tag {
  border: 1px solid rgba(37, 40, 64, 0.15);
  padding: 6px 11px 5px 11px;
  transition: all 0.4s ease;
}
.tp-blog-it-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  transition: all 0.4s ease;
}
@media (max-width: 575px) {
  .tp-blog-it-btn {
    position: inherit;
  }
}
.tp-blog-it-2-item {
  border: 1px solid rgba(12, 19, 56, 0.1);
  padding: 25px 25px 40px 25px;
}
.tp-blog-it-2-item:hover {
  box-shadow: 0 6px 30px -10px #70b0cc;
}
.tp-blog-it-2-item .tp-blog-it-tag {
  transition: all 0.2s ease;
}

/*----------------------------------------*/
/*  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;
  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, #14b9e2 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, #217cff 0%, #32c3e5 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%;
}
.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;
  }
}

/*----------------------------------------*/
/*  7.1 about css
/*----------------------------------------*/
.tp-about-progress {
  background: var(--tp-common-whitest);
  width: 100%;
  height: 10px;
  overflow: visible;
  border-radius: 20px;
  margin-bottom: 14px;
}
.tp-about-progress .progress-bar {
  background-color: #c8f7fd;
  border-radius: 100px;
  position: relative;
  overflow: visible;
  height: 100%;
  width: 0px;
  -webkit-transition: all 1s cubic-bezier(0.5, 1, 0.5, 1);
  transition: all 1s cubic-bezier(0.5, 1, 0.5, 1);
}
.tp-about-progress .progress-bar span {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-36%);
  width: 30px;
  height: 30px;
  box-shadow: 0 2px 2px 0 rgba(1, 15, 28, 0.12);
  border: 2.5px solid #c8f7fd;
  border-radius: 0 20px 20px 20px;
  line-height: 25px;
}
.tp-about-progress-purple .progress-bar {
  background-color: #d6c8ff;
}
.tp-about-progress-purple .progress-bar span {
  border: 2.5px solid #d6c8ff;
}
.tp-about-digi-border {
  position: relative;
  margin-left: 20px;
  padding-left: 20px;
}
.tp-about-digi-border::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 40px;
  background: #bababa;
  left: 0;
  top: 4px;
}
.tp-about-digi-thumb {
  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-about-digi-thumb {
    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-about-digi-shape {
    text-align: left !important;
  }
}
.tp-about-digi-shape img {
  box-shadow: 0 0 40px 0 rgba(29, 24, 54, 0.08);
  margin-right: -132px;
}
@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-about-digi-shape img {
    margin-right: 0;
  }
}
.tp-about-digi-work-icon {
  border-radius: 100%;
  background: #ebfeb2;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 47px;
  display: inline-block;
  flex: 0 0 auto;
}
.tp-about-digi-work-icon.two {
  background: #c8fddd;
}
.tp-about-digi-work-icon.three {
  background: #d6c8ff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-digi-work-list {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-about-digi-work-list {
    margin-left: 0;
  }
  .tp-about-digi-work-list .tp-item p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-about-digi-pepole-wrap a {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-about-digi-content-2 p br {
    display: none;
  }
}
.tp-about-default-bg {
  height: 110px;
  width: 100%;
  margin-top: -110px;
}
.tp-about-2-digi-thumb {
  padding-right: 195px;
}
@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-about-2-digi-thumb {
    padding-right: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-about-2-digi-thumb {
    margin-bottom: 30px;
  }
}
.tp-about-2-digi-thumb .about-shape-2 {
  position: absolute;
  right: 70px;
  bottom: 80px;
  box-shadow: 20px 30px 20px 0 rgba(11, 17, 57, 0.02);
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-2-digi-thumb .about-shape-2 {
    right: 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-about-2-digi-thumb .about-shape-2 {
    right: 0;
    bottom: 20px;
    width: 50%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-about-cpr-2-thumb {
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-about-cpr-2-thumb {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-cpr-thumb {
    margin-right: 100px;
  }
}
@media (max-width: 575px) {
  .tp-about-cpr-thumb {
    margin-right: 76px;
  }
}
.tp-about-cpr-thumb-2 {
  margin-top: -230px;
}
@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-about-cpr-thumb-2 {
    margin-top: -255px;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-about-cpr-thumb-2 {
    margin-top: -170px;
  }
}
@media (max-width: 575px) {
  .tp-about-cpr-thumb-2 {
    margin-left: 100px;
    margin-right: 0;
    margin-top: -84px;
  }
}
.tp-about-cpr-round {
  position: absolute;
  top: 54px;
  right: -60px;
}
.tp-about-cpr-round-text {
  padding: 10px;
  box-shadow: 0 20px 30px 0 rgba(3, 4, 28, 0.1);
}
.tp-about-cpr-feature-list ul li {
  list-style: none;
  font-family: var(--tp-ff-jakarta);
  font-weight: 600;
  font-size: 17px;
  color: var(--tp-common-black-3);
  display: flex;
}
.tp-about-cpr-feature-list ul li:not(:last-child) {
  margin-bottom: 18px;
}
.tp-about-cpr-feature-list ul li span {
  background: #f3f5f9;
  box-shadow: 0 1px 2px 0 rgba(197, 188, 237, 0.6);
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 18px;
  border-radius: 30px;
  transform: translateY(3px);
  margin-right: 13px;
}
.tp-about-cpr-shape-2 {
  box-shadow: 0 0 60px 0 rgba(20, 23, 40, 0.08);
  left: 0;
  bottom: 80px;
}
@media (max-width: 575px) {
  .tp-about-cpr-shape-2 {
    position: inherit;
    bottom: 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-about-lwr-left {
    margin-right: 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-about-lwr-thumb {
    margin-left: 0;
    margin-right: 0;
  }
}
.tp-about-lwr-thumb-3 {
  margin-top: -230px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-lwr-thumb-3 {
    margin-top: -150px;
    margin-left: 70px;
    margin-right: 100px;
  }
}
@media (max-width: 575px) {
  .tp-about-lwr-thumb-3 {
    margin-top: 30px;
    margin-left: 0;
    margin-right: 0;
  }
}
.tp-about-lwr-thumb-3 img {
  box-shadow: 0 10px 40px -5px #b1aeb6;
}
.tp-about-lwr-shape {
  bottom: 25px;
  z-index: 1;
  right: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-about-lwr-shape {
    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-about-lwr-shape {
    right: 0;
  }
}
.tp-about-lwr-list ul li {
  list-style: none;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--tp-theme-2);
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-lwr-list ul li {
    font-size: 15px;
  }
}
.tp-about-lwr-list ul li i {
  font-size: 14px;
  margin-right: 5px;
}
.tp-about-lwr-2-list {
  margin-right: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-about-lwr-2-list {
    margin-right: 0;
  }
}
.tp-about-lwr-2-shape {
  width: 104px;
  height: 104px;
  line-height: 104px;
  right: -52px;
  top: 56px;
}
@media (max-width: 575px) {
  .tp-about-lwr-2-shape {
    right: 20px;
    top: 20px;
  }
}
.tp-about-lwr-2-thumb-1 {
  margin-top: -233px;
  margin-right: -127px;
  width: 310px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-lwr-2-thumb-1 {
    margin-top: -200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-lwr-2-thumb-1 {
    margin-top: -170px;
  }
}
@media (max-width: 575px) {
  .tp-about-lwr-2-thumb-1 {
    margin-top: 30px;
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-about-med-left {
    margin-right: 20px;
  }
}
@media (max-width: 575px) {
  .tp-about-med-left {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-about-med-left .tp-about-lwr-thumb {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .tp-about-med-left .tp-about-lwr-thumb {
    margin-top: 30px;
  }
}
.tp-about-med-left .tp-about-lwr-thumb-3 {
  margin-top: -210px;
}
@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-about-med-left .tp-about-lwr-thumb-3 {
    margin-top: -150px;
  }
}
@media (max-width: 575px) {
  .tp-about-med-left .tp-about-lwr-thumb-3 {
    margin-top: 30px;
  }
}
.tp-about-med-list ul li {
  list-style: none;
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
@media (max-width: 575px) {
  .tp-about-med-list ul li {
    flex-direction: column;
  }
}
.tp-about-med-list ul li .dvdr {
  margin-right: 40px;
  padding-right: 40px;
  border-right: 1px solid rgba(43, 38, 93, 0.15);
  width: 45%;
}
@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-about-med-list ul li .dvdr {
    width: 48%;
  }
}
@media (max-width: 575px) {
  .tp-about-med-list ul li .dvdr {
    width: auto;
    margin-right: 0;
    padding-right: 0;
    border: none;
    margin-bottom: 20px;
  }
}
.tp-about-med-list ul li .icon {
  background: #F1F1FF;
  width: 60px;
  height: 60px;
  display: inline-block;
  line-height: 60px;
  flex: 0 0 auto;
}
.tp-about-med-2-inner {
  box-shadow: 0 20px 80px -10px rgba(22, 20, 45, 0.1);
  border-radius: 10px;
  height: 100%;
  margin-top: -275px;
}
.tp-about-med-2-content {
  padding: 40px 100px 40px 76px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-med-2-content {
    padding: 40px 40px 40px 56px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-med-2-content {
    padding: 30px 30px 30px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-about-med-2-content {
    padding: 20px 15px 20px 15px;
  }
}
.tp-about-med-2-thumb .thumb {
  border-radius: 10px 0px 0px 10px;
  height: 100%;
  object-fit: cover;
}
@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-about-med-2-thumb .thumb {
    border-radius: 10px 10px 10px 10px;
  }
}
.tp-about-med-2-shape {
  max-width: 232px;
  bottom: 100px;
  left: 100px;
  padding: 18px 20px;
}
.tp-about-med-2-shape span {
  width: 34px;
  height: 34px;
  line-height: 34px;
  flex: 0 0 auto;
}
.tp-about-med-3-thumb {
  padding-right: 220px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-med-3-thumb {
    padding-right: 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-about-med-3-thumb {
    padding-right: 90px;
  }
}
.tp-about-med-3-thumb-2 {
  float: right;
  margin-right: 78px;
  margin-left: 220px;
  margin-top: -200px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-med-3-thumb-2 {
    margin-left: 160px;
    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-about-med-3-thumb-2 {
    margin-left: 100px;
    margin-right: 0;
    margin-top: -120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-med-3-thumb-2 {
    margin-top: -170px;
  }
}
@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-about-med-3-content {
    padding-top: 30px;
  }
}
.tp-about-salon-thumb {
  margin-left: -109px;
}
@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-about-salon-thumb {
    margin-left: 0;
  }
}
.tp-about-salon-flower {
  position: absolute;
  top: 42px;
  right: 143px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-salon-flower {
    right: 63px;
  }
}
@media only screen and (min-width: 992px) 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-about-salon-flower {
    right: 15px;
    top: 0;
  }
}
.tp-about-salon-offer {
  position: absolute;
  left: -78px;
  bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-about-salon-offer {
    left: 0;
  }
}
.tp-about-salon-offer-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.tp-about-salon-feature-list span {
  box-shadow: 0 0 20px 0 rgba(24, 19, 40, 0.06);
  padding: 13px 23px;
}
@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-about-salon-content {
    margin-left: 0;
    margin-right: 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-about-salon-content {
    margin-right: 0;
  }
}
.tp-about-salon-video {
  width: 54px;
  height: 54px;
  border-radius: 100%;
  background: #fff;
  line-height: 54px;
  box-shadow: 0 4px 10px 0 rgba(84, 31, 92, 0.1);
}
.tp-about-salon-video span {
  transition: all 0.4s ease;
}
.tp-about-salon-video:hover {
  background: var(--tp-theme-3);
}
.tp-about-salon-video:hover span {
  color: var(--tp-common-white);
}
.tp-about-salon-emoji {
  width: 80px;
  height: 80px;
  line-height: 80px;
}
.tp-about-salon-transparent-text {
  background: linear-gradient(180deg, #ffe6f1 0%, rgba(255, 230, 241, 0.06) 88.99%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 120px;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tp-about-salon-2-shape {
  top: 0;
  left: -35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-about-salon-2-shape {
    left: 0;
  }
}
.tp-about-salon-2-shape-3 {
  top: 50% !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-about-salon-2-thumb {
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .tp-about-salon-2-thumb {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .tp-about-crt-para {
    margin-right: 0;
  }
}
.tp-about-crt-content {
  margin-left: -20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-about-crt-content {
    margin-left: 0;
  }
}
.tp-about-it-thumb {
  margin-right: 245px;
}
@media only screen and (min-width: 992px) 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-about-it-thumb {
    margin-right: 145px;
  }
}
@media (max-width: 575px) {
  .tp-about-it-thumb {
    margin-right: 0;
  }
}
.tp-about-it-thumb-2 {
  margin-top: -165px;
}
@media only screen and (min-width: 992px) 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-about-it-thumb-2 {
    padding-left: 145px;
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .tp-about-it-thumb-2 {
    padding-left: 0;
    position: inherit;
    margin-top: 20px;
  }
}
.tp-about-it-shape {
  box-shadow: 10px 10px 20px 0 rgba(25, 27, 56, 0.06);
  padding: 15px 40px 15px 10px;
  width: 210px;
  position: absolute;
  top: 60px;
  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-about-it-shape {
    top: 30px;
  }
}
@media (max-width: 575px) {
  .tp-about-it-shape {
    right: 0;
  }
}
.tp-about-it-shape .icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.tp-about-it-star {
  bottom: 54px;
  left: 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-about-it-star {
    bottom: 24px;
  }
}
.tp-about-it-quality {
  padding: 30px 0px 26px 0px;
}
@media (max-width: 575px) {
  .tp-about-it-quality {
    padding: 10px 0;
  }
}
.tp-about-it-quality-2 {
  border-right: 1px solid rgba(37, 40, 64, 0.08);
  padding-right: 60px !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-about-it-quality-2 {
    padding-right: 30px !important;
    margin-right: 30px;
  }
}
@media (max-width: 575px) {
  .tp-about-it-quality-2 {
    padding-right: 0 !important;
    margin-right: 0;
    border: none;
  }
}
.tp-about-it-wrapper {
  border-top: 1px solid rgba(37, 40, 64, 0.08);
  border-bottom: 1px solid rgba(37, 40, 64, 0.08);
}
@media (max-width: 575px) {
  .tp-about-it-wrapper {
    flex-direction: column;
    float: left;
    border: 0;
  }
}
.tp-about-it-2-thumb {
  position: absolute;
  top: 30px;
  right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-it-2-thumb {
    width: 200px;
  }
}
@media (max-width: 575px) {
  .tp-about-it-2-thumb {
    width: 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-about-it-2-thumb-wrap {
    margin-right: 0;
  }
}
.tp-about-it-2-list span {
  display: flex;
  margin-bottom: 6px;
}
.tp-about-it-2-list span i {
  width: 20px;
  height: 20px;
  background: #dff3fc;
  border-radius: 40px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: var(--tp-theme-4);
  margin-right: 10px;
  transform: translateY(3px);
}
.tp-about-pizza-list ul li {
  font-family: var(--tp-ff-roboto);
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-black-2);
  list-style: none;
  position: relative;
  padding-left: 13px;
  margin-bottom: 6px;
}
.tp-about-pizza-list ul li::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tp-theme-5);
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.tp-about-pizza-thumb {
  margin-right: -26px;
}
@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-about-pizza-thumb {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-about-pizza-count {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-pizza-count {
    display: flex;
    justify-content: space-between;
  }
}
.tp-about-pizza-count .subtitle {
  transform: translateY(-6px);
}
.tp-about-pizza-shape {
  box-shadow: 0 0 30px 0 rgba(24, 27, 52, 0.06);
  width: 140px;
  height: 140px;
  text-align: center;
  line-height: 140px;
  position: absolute;
  bottom: 86px;
  left: -70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-about-pizza-shape {
    left: 0;
  }
}
.tp-about-pizza-shape .pizza {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tp-about-pizza-3-shape {
  position: absolute;
  left: -200px;
  top: 45px;
  -webkit-animation: rotate-infinite-2 60s linear infinite;
  animation: rotate-infinite-2 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-about-pizza-3-wrap .tp-about-pizza-content {
    margin-left: 0;
  }
}
.tp-about-cpc-thumb {
  margin-left: -160px;
}
@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-about-cpc-thumb {
    margin-left: 0;
  }
}
.tp-about-cpc-thumb img {
  mix-blend-mode: luminosity;
}
@media only screen and (min-width: 992px) 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-about-cpc-content .para br {
    display: none;
  }
}
.tp-about-cpc-content .tp-about-med-list {
  margin-right: 95px;
}
@media only screen and (min-width: 992px) 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-about-cpc-content .tp-about-med-list {
    margin-right: 0;
  }
}
.tp-about-cpc-content .tp-about-med-list ul li .icon {
  background: #1c1d34;
}
.tp-about-cpc-content .tp-about-med-list ul li .dvdr {
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}

.pie-chart-style-01 .percent {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*----------------------------------------*/
/*  7.28 service css
/*----------------------------------------*/
.tp-service-digi-wrap {
  padding: 45px 50px 0px 50px;
  -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);
}
@media only screen and (min-width: 992px) 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-service-digi-wrap {
    padding: 35px 30px 0px 30px;
  }
  .tp-service-digi-wrap p br {
    display: none;
  }
}
.tp-service-digi-wrap:hover {
  background: var(--tp-theme-primary);
}
.tp-service-digi-wrap .thumb {
  border-radius: 10px 10px 0px 0px;
}
.tp-service-digi-wrap .tp-img-hover-inner {
  border-radius: 10px 10px 0px 0px;
}
.tp-service-digi-wrap img {
  border-radius: 10px 10px 0px 0px;
}
.tp-service-digi-feature-icon {
  width: 50px;
  height: 50px;
  background: #c8f7fd;
  text-align: center;
  line-height: 50px;
  flex: 0 0 auto;
}
.tp-service-digi-feature-icon.icon-bg-2 {
  background: #c8fddd;
}
.tp-service-digi-feature-icon.icon-bg-3 {
  background: #d6c8ff;
}
.tp-service-digi-dt-border {
  border: 1px dashed rgba(20, 24, 32, 0.24);
  display: block;
}
.tp-service-digi-dt-form .input, .tp-service-digi-dt-form .select, .tp-service-digi-dt-form .textarea {
  border: 1px solid rgba(1, 17, 22, 0.16);
  border-radius: 10px;
  width: 100%;
  height: 60px;
  font-weight: 400;
  font-size: 16px;
  line-height: 137%;
  letter-spacing: -0.02em;
  color: #5c6972;
  line-height: 60px;
}
.tp-service-digi-dt-form .input:focus, .tp-service-digi-dt-form .select:focus, .tp-service-digi-dt-form .textarea:focus {
  box-shadow: 0 0 0 3px #f8faf5;
  border-color: var(--tp-theme-primary);
}
.tp-service-digi-dt-form .input::-webkit-input-placeholder, .tp-service-digi-dt-form .select::-webkit-input-placeholder, .tp-service-digi-dt-form .textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-weight: 400;
  font-size: 16px;
  line-height: 137%;
  letter-spacing: -0.02em;
  color: #5c6972;
}
.tp-service-digi-dt-form .input::-moz-placeholder, .tp-service-digi-dt-form .select::-moz-placeholder, .tp-service-digi-dt-form .textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 400;
  font-size: 16px;
  line-height: 137%;
  letter-spacing: -0.02em;
  color: #5c6972;
}
.tp-service-digi-dt-form .input:-moz-placeholder, .tp-service-digi-dt-form .select:-moz-placeholder, .tp-service-digi-dt-form .textarea:-moz-placeholder {
  /* Firefox 4-18 */
  font-weight: 400;
  font-size: 16px;
  line-height: 137%;
  letter-spacing: -0.02em;
  color: #5c6972;
}
.tp-service-digi-dt-form .input:-ms-input-placeholder, .tp-service-digi-dt-form .select:-ms-input-placeholder, .tp-service-digi-dt-form .textarea:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-weight: 400;
  font-size: 16px;
  line-height: 137%;
  letter-spacing: -0.02em;
  color: #5c6972;
}
.tp-service-digi-dt-form .input::placeholder, .tp-service-digi-dt-form .select::placeholder, .tp-service-digi-dt-form .textarea::placeholder {
  /* MODERN BROWSER */
  font-weight: 400;
  font-size: 16px;
  line-height: 137%;
  letter-spacing: -0.02em;
  color: #5c6972;
}
.tp-service-digi-dt-form .textarea {
  height: 180px;
  line-height: 1;
  resize: 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-service-digi-dt-content {
    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-service-digi-dt-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-service-digi-dt-right {
    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-service-digi-qoute {
    flex-direction: column;
  }
  .tp-service-digi-qoute img {
    flex: 0 0 auto;
    width: 30%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.tp-service-digi-category-list {
  box-shadow: 0 1px 3px 0 rgba(20, 24, 32, 0.1);
  border: 1px solid rgba(20, 24, 32, 0.14);
  padding: 40px 40px 40px 40px;
}
.tp-service-digi-category-list ul li {
  list-style: none;
}
.tp-service-digi-category-list ul li a {
  display: flex;
  font-size: 14px;
  position: relative;
}
.tp-service-digi-category-list ul li a::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 0;
  background: var(--tp-common-black);
  bottom: 0;
  left: -41px;
  border-radius: 28px 0px 0px 40px;
  -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-service-digi-category-list ul li a.active {
  color: var(--tp-common-black);
}
.tp-service-digi-category-list ul li a.active::before {
  height: 100%;
  bottom: auto;
  top: 0;
}
.tp-service-digi-category-list ul li a:hover {
  color: var(--tp-common-black);
}
.tp-service-digi-category-list ul li a:hover::before {
  height: 100%;
  bottom: auto;
  top: 0;
}
.tp-service-digi-category-list ul li:not(:last-child) {
  margin-bottom: 20px;
  border-bottom: 1px dashed rgba(20, 24, 32, 0.2);
  padding-bottom: 20px;
}
.tp-service-digi-btn-border {
  border: 1px solid #97eca3;
}
.tp-service-digi-banner {
  background: linear-gradient(180deg, #d9ff7d 0%, #a4ffc4 100%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-service-digi-banner {
    padding-left: 30px;
    padding-right: 20px;
  }
}
.tp-service-digi-banner-shape {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 31%;
  z-index: -1;
}
.tp-service-cpr-item {
  padding: 6px;
  -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-service-cpr-item:hover {
  box-shadow: 0 20px 45px -10px #d1d1d1;
}
.tp-service-cpr-item:hover .tp-service-cpr-btn a {
  color: var(--tp-common-white);
}
.tp-service-cpr-item:hover .tp-service-cpr-btn a svg {
  transform: rotate(45deg);
}
.tp-service-cpr-item:hover .tp-service-cpr-btn a::before {
  opacity: 1;
  visibility: visible;
}
.tp-service-cpr-item:hover .tp-service-cpr-border::before {
  width: 30px;
}
.tp-service-cpr-btn a {
  width: 40px;
  height: 40px;
  line-height: 37px;
  background: #f3f5f9;
  color: #4230D3;
  -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;
  position: relative;
  z-index: 1;
}
.tp-service-cpr-btn a svg {
  -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-service-cpr-btn a::before {
  position: absolute;
  content: "";
  background: linear-gradient(90deg, #217cff 0%, #32c3e5 100%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  z-index: -1;
  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;
  visibility: hidden;
}
.tp-service-cpr-content {
  padding: 0px 25px 24px 25px;
}
@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-service-cpr-navigation {
    text-align: left;
  }
}
.tp-service-cpr-navigation span {
  -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-service-cpr-navigation span:hover {
  opacity: 0.4;
}
.tp-service-cpr-shape {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.tp-service-cpr-border {
  width: 86%;
  height: 1px;
  background: rgba(36, 46, 69, 0.1);
  display: inline-block;
  position: relative;
}
.tp-service-cpr-border::before {
  position: absolute;
  content: "";
  background: #2384f3;
  width: 0;
  height: 1px;
  top: 0;
  left: 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-service-cpr-2-circale {
  position: absolute;
  right: -36px;
  top: 32px;
}
.tp-service-cpr-2-count {
  position: absolute;
  left: 30px;
  bottom: 30px;
  padding: 30px 40px 10px 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-service-cpr-2-count {
    box-shadow: 0 0 60px 0 rgba(20, 23, 40, 0.08);
    position: inherit;
    left: 0;
  }
}
.tp-service-cpr-2-count-icon {
  border-radius: 100%;
  background: linear-gradient(90deg, #217cff 0%, #32c3e5 100%);
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  display: inline-block;
}
@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-service-cpr-2-thumb {
    margin-right: 27px;
  }
}
.tp-service-cpr-list ul li {
  list-style: none;
  font-family: var(--tp-ff-jakarta);
  font-weight: 600;
  font-size: 24px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black-3);
  display: flex;
  align-items: center;
}
.tp-service-cpr-list ul li:not(:last-child) {
  margin-bottom: 20px;
}
.tp-service-cpr-list ul li span {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: #f1eff8;
  text-align: center;
  line-height: 60px;
  display: inline-block;
  margin-right: 20px;
  flex: 0 0 auto;
}
.tp-service-cpr-category-list ul li a::before {
  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-service-cpr-details-sidebar {
    margin-right: 0;
  }
}
.tp-service-cpr-details-content .para span {
  font-weight: 700;
  font-size: 36px;
  color: var(--tp-common-white);
  border-radius: 4px;
  padding: 9px 10px;
  width: 50px;
  background: #f3513c;
  display: inline-block;
  transform: translateY(27px);
  margin-bottom: -20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-service-cpr-details-content .para span {
    background: none;
    padding: 0;
    color: #f3513c;
    border-radius: 0;
    margin-bottom: 0;
    transform: translateY(5px);
    width: inherit;
  }
}
.tp-service-cpr-assistance-item {
  border: 1px solid rgba(36, 46, 69, 0.04);
  border-radius: 10px;
  padding: 35px 30px 15px 30px;
  transition: all 0.4s ease;
}
.tp-service-cpr-assistance-item:hover {
  box-shadow: 0 0 20px 0 rgba(23, 17, 45, 0.04);
}
.tp-service-cpr-assistance-item:hover span {
  background: var(--tp-common-pisces);
  color: var(--tp-common-white);
}
.tp-service-cpr-assistance-item span {
  background: #f3f5f9;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  color: var(--tp-common-pisces);
  transition: all 0.4s ease;
  flex: 0 0 auto;
}
.tp-service-cpr-contact {
  background: #f3f5f9;
  padding: 35px 40px 35px 40px;
}
@media (max-width: 575px) {
  .tp-service-cpr-contact {
    padding: 25px 20px 25px 20px;
  }
}
.tp-service-cpr-contact-thumb img {
  object-fit: cover;
}
.tp-service-cpr-contact .input, .tp-service-cpr-contact .textarea {
  border: 1px solid rgba(36, 46, 69, 0.1);
  border-radius: 10px;
  height: 46px;
  line-height: 46px;
  padding: 10px 26px;
  background: var(--tp-common-white);
  font-family: var(--tp-ff-jakarta);
  font-size: 14px;
  letter-spacing: -0.02em;
  color: var(--tp-grey-3);
}
.tp-service-cpr-contact .input::-webkit-input-placeholder, .tp-service-cpr-contact .textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: var(--tp-ff-jakarta);
  font-size: 14px;
  letter-spacing: -0.02em;
  color: var(--tp-grey-3);
}
.tp-service-cpr-contact .input::-moz-placeholder, .tp-service-cpr-contact .textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-family: var(--tp-ff-jakarta);
  font-size: 14px;
  letter-spacing: -0.02em;
  color: var(--tp-grey-3);
}
.tp-service-cpr-contact .input:-moz-placeholder, .tp-service-cpr-contact .textarea:-moz-placeholder {
  /* Firefox 4-18 */
  font-family: var(--tp-ff-jakarta);
  font-size: 14px;
  letter-spacing: -0.02em;
  color: var(--tp-grey-3);
}
.tp-service-cpr-contact .input:-ms-input-placeholder, .tp-service-cpr-contact .textarea:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-family: var(--tp-ff-jakarta);
  font-size: 14px;
  letter-spacing: -0.02em;
  color: var(--tp-grey-3);
}
.tp-service-cpr-contact .input::placeholder, .tp-service-cpr-contact .textarea::placeholder {
  /* MODERN BROWSER */
  font-family: var(--tp-ff-jakarta);
  font-size: 14px;
  letter-spacing: -0.02em;
  color: var(--tp-grey-3);
}
.tp-service-cpr-contact .input:focus, .tp-service-cpr-contact .textarea:focus {
  box-shadow: 0 0 0 3px rgba(170, 63, 255, 0.15);
}
.tp-service-cpr-contact .textarea {
  height: 100px;
  line-height: 1;
  padding: 15px 26px;
  resize: none;
}
.tp-service-cpr-contact .textarea:focus {
  box-shadow: 0 0 0 3px rgba(170, 63, 255, 0.15);
  border: 1px solid var(--tp-common-pisces);
}
.tp-service-cpr-contact .tp-footer-cpr-form .tp-checkbox {
  border: 1px solid rgba(36, 46, 69, 0.15);
  transform: translateY(1px) !important;
}
.tp-service-lwr-shape {
  position: absolute;
  top: 36px;
  right: 19px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -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-service-lwr-item {
  background: #f8f8f8;
  padding: 50px 50px 40px 50px;
  -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-service-lwr-item:hover {
  background: var(--tp-common-white);
  box-shadow: 0 10px 40px -10px rgba(22, 21, 43, 0.1);
  transform: translateY(-2px);
}
.tp-service-lwr-item:hover .tp-service-lwr-shape {
  opacity: 1;
  visibility: visible;
}
.tp-service-lwr-item .underline-green {
  background: rgba(28, 78, 78, 0.15);
  width: 100%;
  height: 1px;
}
@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-service-lwr-navigation {
    text-align: left !important;
  }
}
.tp-service-lwr-navigation span {
  border-color: #f8f8f8 !important;
  color: var(--tp-theme-2) !important;
}
.tp-service-lwr-navigation span:hover {
  background: var(--tp-theme-2) !important;
  border-color: var(--tp-theme-2) !important;
  color: var(--tp-common-white) !important;
}
.tp-service-lwr-2-wrap::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(28, 78, 78, 0) 52.39%, #1c4e4e 100%);
  border-radius: 10px;
  z-index: 2;
}
.tp-service-lwr-2-content {
  bottom: 30px;
  left: 60px;
  z-index: 3;
}
@media (max-width: 575px) {
  .tp-service-lwr-2-content {
    left: 15px;
    bottom: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 575px) {
  .tp-service-lwr-2-content span {
    margin-right: 10px;
  }
}
@media (max-width: 575px) {
  .tp-service-lwr-2-content .tp-btn-switch-animation {
    margin-left: 0;
  }
}
.tp-service-lwr-2-content p {
  color: rgba(255, 255, 255, 0.65);
}
@media (max-width: 575px) {
  .tp-service-lwr-2-content p {
    font-size: 15px;
    line-height: 1.1;
    margin-bottom: 5px;
  }
  .tp-service-lwr-2-content p br {
    display: none;
  }
}
.tp-service-med-item {
  border-right: 1px solid rgba(43, 38, 93, 0.06);
  border-top: 1px solid rgba(43, 38, 93, 0.06);
  margin-top: -1px;
  margin-right: -1px;
  padding: 40px 40px 17px 40px;
  height: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-service-med-item {
    padding: 25px 20px 7px 20px;
  }
}
.tp-service-med-item-wrap {
  box-shadow: 0 0 80px 0 rgba(23, 19, 41, 0.05);
  margin-right: -1px;
}
.tp-service-med-item:hover .icon {
  color: var(--tp-common-white);
  background: var(--tp-theme-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-service-med-content {
    padding-top: 0;
  }
}
.tp-service-med-content.space {
  margin-top: -50px;
}
.tp-service-med-content .icon {
  width: 100px;
  height: 100px;
  line-height: 100px;
  box-shadow: 0 6px 10px 0 rgba(38, 38, 69, 0.04);
  transition: all 0.4s ease;
  position: relative;
  z-index: 2;
}
.tp-service-med-2-shape {
  position: absolute;
  left: 30px;
  top: 123px;
}
.tp-service-med-2-list ul li {
  list-style: none;
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  .tp-service-med-2-list ul li {
    padding-bottom: 25px !important;
  }
}
.tp-service-med-2-list ul li:first-child {
  border-bottom: 1px solid rgba(43, 38, 93, 0.1);
  padding-bottom: 20px;
}
@media (max-width: 575px) {
  .tp-service-med-2-list ul li:first-child {
    border: none;
    padding-bottom: 0;
  }
}
.tp-service-med-2-list ul li:last-child {
  padding-top: 20px;
}
@media (max-width: 575px) {
  .tp-service-med-2-list ul li:last-child {
    padding-top: 0;
  }
}
.tp-service-med-2-list ul li.borders {
  border-right: 1px solid rgba(43, 38, 93, 0.1);
}
@media (max-width: 575px) {
  .tp-service-med-2-list ul li.borders {
    border: none;
  }
}
.tp-service-med-2-list.list-2 ul li {
  padding-left: 40px;
}
@media (max-width: 575px) {
  .tp-service-med-2-list.list-2 ul li {
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-service-med-2-thumb {
    margin-right: 0;
    margin-left: 0;
  }
}
.tp-service-salon-thumb {
  border-radius: 10px 10px 0px 0px;
}
.tp-service-salon-thumb img {
  border-radius: 10px 10px 0px 0px;
}
.tp-service-salon-title {
  border-radius: 0px 0px 10px 10px;
  padding: 20px 15px;
  box-shadow: 0 5px 40px -10px rgba(52, 43, 53, 0.15);
}
.tp-service-salon-wrap:hover .tp-service-salon-title {
  background: var(--tp-theme-3);
  color: var(--tp-common-white);
  box-shadow: none;
}
.tp-service-salon-border p {
  border: 1px solid rgba(84, 31, 92, 0.08);
  border-radius: 26px;
  padding: 13px 25px;
  display: inline-block;
  margin-bottom: 0;
}
.tp-service-salon-trans-bg {
  width: 100%;
  height: 161px;
  display: block;
  margin-top: -161px;
  position: relative;
}
.tp-service-salon-navigation .tp-service-salon-prev, .tp-service-salon-navigation .tp-service-salon-next {
  position: absolute;
  bottom: 46%;
  left: 13%;
  background: var(--tp-common-sky);
  color: var(--tp-common-white);
  z-index: 99;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px), 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-service-salon-navigation .tp-service-salon-prev, .tp-service-salon-navigation .tp-service-salon-next {
    left: 2%;
  }
}
.tp-service-salon-navigation .tp-service-salon-prev:hover, .tp-service-salon-navigation .tp-service-salon-next:hover {
  background: #7a2587;
  border-color: #994ea5;
}
.tp-service-salon-navigation .tp-service-salon-next {
  left: auto;
  right: 13%;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px), 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-service-salon-navigation .tp-service-salon-next {
    right: 2%;
  }
}
.tp-service-crt-progress {
  padding: 15px 0px;
}
.tp-service-crt-progress .tp-about-progress {
  background: #eff5f4;
  height: 6px;
  border-radius: 3px;
  margin-bottom: 0;
}
.tp-service-crt-progress .tp-about-progress .progress-bar {
  background-color: var(--tp-common-yellow);
}
.tp-service-crt-progress .tp-about-progress .progress-bar span {
  border: 2.5px solid var(--tp-common-yellow);
  box-shadow: 0 2px 2px 0 rgba(1, 15, 28, 0.12);
}
.tp-service-crt-item {
  transition: all 0.4s ease;
}
.tp-service-crt-item:hover {
  box-shadow: 0 15px 30px -10px rgba(23, 54, 49, 0.2);
}
.tp-service-crt-thumb {
  border-radius: 6px 6px 0px 0px;
}
.tp-service-crt-thumb img {
  border-radius: 6px 6px 0px 0px;
}
.tp-service-crt-btn-tp-btn-lwr-xl {
  background: #eff5f4;
}
.tp-service-crt-content {
  padding: 0px 30px 30px 30px;
}
.tp-service-crt-content-2 {
  margin-top: -40px;
  padding: 0px 20px 13px 20px;
  border-radius: 0px 0px 6px 6px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-service-crt-spacing {
    padding-bottom: 100px;
  }
}
.tp-service-crt-shape {
  bottom: 0;
  left: 0;
}
.tp-service-crt-shape-2 {
  bottom: 210px;
  left: 0;
  width: 9%;
  z-index: -1;
  mix-blend-mode: luminosity;
}
.tp-service-crt-shape-3 {
  bottom: 50px;
  right: 0;
  z-index: -1;
}
@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-service-crt-shape-3 {
    bottom: 0;
  }
}
.tp-service-crt-icon-2 {
  width: 80px;
  height: 80px;
  line-height: 80px;
  position: relative;
  z-index: 3;
  -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-service-crt-icon-2 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: var(--tp-common-yellow);
}
.tp-service-crt-line-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}
.tp-service-crt-wrap-2 {
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
.tp-service-crt-wrap-2:hover {
  box-shadow: 0 10px 40px -10px rgba(11, 33, 29, 0.4);
}
.tp-service-crt-wrap-2:hover .tp-service-crt-icon-2 {
  background: var(--tp-common-yellow);
  color: var(--tp-common-black);
}
.tp-service-crt-wrap-2:hover .tp-service-crt-icon-2 span {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.tp-service-crt-spacing-2 {
  padding-bottom: 460px;
}
.tp-service-it-item {
  box-shadow: 0 10px 40px 0 rgba(15, 21, 43, 0.08);
  padding: 40px 40px 35px 40px;
  transition: all 0.5s ease;
  overflow: hidden;
}
.tp-service-it-item .icon {
  transition: all 0.5s ease;
}
.tp-service-it-item:hover {
  background: var(--tp-theme-4);
}
.tp-service-it-item:hover .title {
  color: var(--tp-common-white);
}
.tp-service-it-item:hover .para {
  color: rgba(255, 255, 255, 0.85);
}
.tp-service-it-item:hover .icon {
  color: var(--tp-common-white);
}
.tp-service-it-item:hover .tp-service-it-btn {
  opacity: 1;
  visibility: visible;
}
.tp-service-it-item:hover .tp-service-it-content {
  transform: translateY(1px);
}
.tp-service-it-content {
  transform: translateY(44px);
  overflow: hidden;
  transition: all 0.5s ease;
}
.tp-service-it-btn {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}
.tp-service-it-bg {
  height: 478px;
  width: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  object-fit: cover;
}
@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-service-it-navigation {
    text-align: left !important;
  }
}
.tp-service-it-navigation > span {
  width: 44px;
  height: 44px;
  line-height: 44px;
  background: rgba(255, 255, 255, 0.15);
  transition: all 0.4s ease;
}
.tp-service-it-navigation > span:hover {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.tp-service-it-shape {
  top: 60px;
  left: 0;
  width: 7%;
}
.tp-service-it-bottom p {
  border: 1px solid rgba(37, 40, 64, 0.15);
  border-radius: 30px;
  padding: 16px 39px;
}
.tp-service-it-2-item {
  border: 1px solid rgba(37, 40, 64, 0.15);
  padding: 22px 30px 30px 30px;
}
.tp-service-it-2-item:hover {
  background: var(--tp-common-white);
  border-color: var(--tp-common-white);
}
.tp-service-it-2-item:hover .service-btn {
  top: 50%;
  visibility: visible;
  opacity: 1;
}
.tp-service-it-2-item:hover .thumb::before {
  opacity: 1;
  visibility: visible;
}
.tp-service-it-2-item .thumb::before {
  position: absolute;
  content: "";
  background: rgba(37, 40, 64, 0.45);
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.tp-service-it-2-item .service-btn {
  top: 40%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.tp-service-it-sidebar .tp-service-digi-category-list ul li a {
  color: var(--tp-grey-4);
}
.tp-service-it-sidebar .tp-service-digi-category-list ul li a:hover {
  color: var(--tp-theme-4);
}
.tp-service-it-sidebar .tp-service-digi-category-list {
  border: 1px solid rgba(36, 46, 69, 0.1);
}
.tp-service-it-details-content .para span {
  background: var(--tp-theme-4);
}
.tp-service-it-details-content .tp-service-cpr-assistance-item {
  box-shadow: 0 0 20px 0 rgba(23, 17, 45, 0.04);
}
.tp-service-it-details-content .tp-service-cpr-assistance-item span {
  background: #dff3fc;
  color: var(--tp-theme-4);
}
.tp-service-it-details-content .tp-service-cpr-assistance-item:hover {
  border-color: var(--tp-common-white);
}
.tp-service-it-details-content .tp-service-cpr-assistance-item:hover span {
  background: var(--tp-theme-4);
  color: var(--tp-common-white);
}
.tp-service-it-details-content .tp-service-cpr-contact {
  background: var(--tp-common-conifer);
}
.tp-service-it-details-content .tp-service-cpr-contact .input, .tp-service-it-details-content .tp-service-cpr-contact .textarea {
  border: 1px solid rgba(37, 40, 64, 0.15);
  border-radius: 4px;
  font-family: var(--tp-ff-inter);
  font-size: 14px;
  letter-spacing: -0.02em;
  color: #5e566a;
}
.tp-service-it-details-content .tp-service-cpr-contact .input:focus, .tp-service-it-details-content .tp-service-cpr-contact .textarea:focus {
  box-shadow: 0 0 0 3px rgba(0, 185, 86, 0.15);
  border: 1px solid #00b956;
}
.tp-service-it-details-content .tp-service-cpr-contact .input::-webkit-input-placeholder, .tp-service-it-details-content .tp-service-cpr-contact .textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: var(--tp-ff-inter);
  font-size: 14px;
  letter-spacing: -0.02em;
  color: #5e566a;
}
.tp-service-it-details-content .tp-service-cpr-contact .input::-moz-placeholder, .tp-service-it-details-content .tp-service-cpr-contact .textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-family: var(--tp-ff-inter);
  font-size: 14px;
  letter-spacing: -0.02em;
  color: #5e566a;
}
.tp-service-it-details-content .tp-service-cpr-contact .input:-moz-placeholder, .tp-service-it-details-content .tp-service-cpr-contact .textarea:-moz-placeholder {
  /* Firefox 4-18 */
  font-family: var(--tp-ff-inter);
  font-size: 14px;
  letter-spacing: -0.02em;
  color: #5e566a;
}
.tp-service-it-details-content .tp-service-cpr-contact .input:-ms-input-placeholder, .tp-service-it-details-content .tp-service-cpr-contact .textarea:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-family: var(--tp-ff-inter);
  font-size: 14px;
  letter-spacing: -0.02em;
  color: #5e566a;
}
.tp-service-it-details-content .tp-service-cpr-contact .input::placeholder, .tp-service-it-details-content .tp-service-cpr-contact .textarea::placeholder {
  /* MODERN BROWSER */
  font-family: var(--tp-ff-inter);
  font-size: 14px;
  letter-spacing: -0.02em;
  color: #5e566a;
}
.tp-service-it-details-content .tp-service-cpr-contact .tp-footer-cpr-form .tp-checkbox {
  background: var(--tp-common-white);
  transform: translateY(0px);
}
.tp-service-it-details-content .tp-footer-cpr-form .tp-checkbox:checked {
  background-color: var(--tp-theme-4);
  border-color: var(--tp-theme-4);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-service-pizza-item {
    margin-left: 0;
  }
}
.tp-service-pizza-item:hover .icon {
  box-shadow: 0 0 15px 0 rgba(21, 23, 52, 0.06);
  background: var(--tp-common-white);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.tp-service-pizza-item .icon {
  width: 80px;
  height: 80px;
  background: #f8f8f2;
  line-height: 80px;
  will-change: transform;
  -webkit-transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1.7);
  transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1.7);
}
.tp-service-pizza-shape {
  left: 0;
  bottom: 0;
  width: 11%;
}
.tp-service-pizza-2 .tp-service-crt-icon-2 {
  box-shadow: 0 4px 20px 0 rgba(15, 17, 38, 0.08);
  color: var(--tp-theme-5);
}
.tp-service-cpc-item {
  background: #13172c;
  padding: 30px 30px 22px 30px;
}
.tp-service-cpc-item.item-2 {
  box-shadow: 0 10px 40px 0 rgba(0, 1, 5, 0.6);
  background: #192027;
}
.tp-service-cpc-item.item-2 .tp-service-cpc-discount {
  background: #a6ce5d;
}
.tp-service-cpc-item.item-2 .tp-service-cpc-icon::before {
  background: linear-gradient(180deg, #a6ce5d 0%, #5b7233 100%);
}
.tp-service-cpc-item.item-3 .tp-service-cpc-discount {
  background: #ae72f6;
}
.tp-service-cpc-item.item-3 .tp-service-cpc-icon::before {
  background: linear-gradient(180deg, #ae72f6 0%, #63408b 100%);
}
.tp-service-cpc-item.item-4 .tp-service-cpc-discount {
  background: #75f7e2;
}
.tp-service-cpc-item.item-4 .tp-service-cpc-icon::before {
  background: linear-gradient(180deg, #75f7e2 0%, #41897e 100%);
}
.tp-service-cpc-discount {
  background: #cd7114;
  padding: 4px 10px;
  top: 15px;
  right: 15px;
}
.tp-service-cpc-icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  position: relative;
}
.tp-service-cpc-icon::before {
  position: absolute;
  content: "";
  background: linear-gradient(180deg, #cd7114 0%, #7b440c 100%);
  width: 100%;
  height: 100%;
  opacity: 0.1;
  top: 0;
  left: 0;
  border-radius: 50%;
}

.top-sticky {
  position: sticky;
  top: 120px;
}

/*----------------------------------------*/
/*  7.15 funfact css
/*----------------------------------------*/
.tp-funfact-digi-round-text {
  background: #f8faf5;
  padding: 10px;
  margin-top: -105px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-funfact-digi-round-text {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.tp-funfact-digi-round-icon {
  position: absolute;
  top: 26%;
  left: 0;
  right: 0;
  text-align: center;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  line-height: 60px;
}
.tp-funfact-digi-content p {
  margin-left: 400px;
  margin-top: -67px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-funfact-digi-content p {
    margin-left: 0;
    margin-top: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-funfact-digi-content h2 br {
    display: none;
  }
  .tp-funfact-digi-content h2 span {
    margin-left: 0;
  }
}
.tp-funfact-digi-border {
  position: relative;
  width: 90px;
  height: 4px;
  background: #f8faf5;
  margin-top: -14px;
  transition: all 0.5s ease;
}
.tp-funfact-digi-border::before {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  bottom: 0;
  width: 0;
  height: 4px;
  background: var(--tp-theme-primary);
  transition: all 0.5s ease;
}
.tp-funfact-digi-item:hover .tp-funfact-digi-border::before {
  width: 90px;
  left: 0;
  right: auto;
}
.tp-funfact-digi-top-border > div {
  border-top: 1px solid var(--tp-border-2);
}
.tp-funfact-digi-top-border > div:not(:last-child) {
  border-right: 1px solid var(--tp-border-2);
}
@media (max-width: 575px) {
  .tp-funfact-digi-top-border > div:not(:last-child) {
    border-right: 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-funfact-digi-top-border > div:nth-child(2) {
    border-right: 0;
  }
}

/*----------------------------------------*/
/*  7.23 portfolio css
/*----------------------------------------*/
.tp-portfolio-digi-wrap:hover .tp-portfolio-digi-content {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1, 1);
  transform: translateY(0) scale(1, 1);
}
.tp-portfolio-digi-content {
  backdrop-filter: blur(10px);
  padding: 18px 20px 14px 20px;
  opacity: 1;
  left: 40px;
  bottom: 30px;
  width: calc(100% - 80px);
  height: auto;
  -webkit-transform: translateY(0) scale(1, 0);
  transform: translateY(0) scale(1, 0);
  transform-origin: bottom center;
  position: absolute;
  -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
}
.tp-portfolio-digi-grid-item {
  padding: 10px;
  border: 1px solid rgba(8, 8, 41, 0.08);
  background: #fefefe;
  -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;
}
@media only screen and (min-width: 992px) 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-portfolio-digi-grid-item p br {
    display: none;
  }
}
.tp-portfolio-digi-grid-item:hover {
  box-shadow: 0 10px 20px 0 rgba(1, 16, 61, 0.1);
  border: 1px solid #f0f0f0;
}
.tp-portfolio-digi-tab-btn {
  font-weight: 600;
  font-size: 14px;
  border: 1px solid rgba(8, 8, 41, 0.1);
  border-radius: 20px;
  padding: 9px 29px;
  line-height: 1;
  margin: 0 2px;
  margin-bottom: 10px;
}
.tp-portfolio-digi-tab-btn.active {
  background: var(--tp-theme-primary);
  color: var(--tp-common-black);
  border-color: var(--tp-theme-primary);
}
.tp-portfolio-digi-social a {
  font-size: 14px;
  margin-right: 10px;
}
.tp-portfolio-digi-social a:hover {
  color: var(--tp-common-black);
}
.tp-portfolio-digi-social a svg {
  transform: translateY(-2px);
  font-size: 14px;
}
.tp-portfolio-digi-navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 33;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.tp-portfolio-digi-navigation .tp-testimonial-digi-prev {
  margin-left: -33px;
  background: var(--tp-common-white);
}
@media (max-width: 575px) {
  .tp-portfolio-digi-navigation .tp-testimonial-digi-prev {
    margin-left: 0;
  }
}
.tp-portfolio-digi-navigation .tp-testimonial-digi-next {
  margin-right: -33px;
  background: var(--tp-common-white);
}
@media (max-width: 575px) {
  .tp-portfolio-digi-navigation .tp-testimonial-digi-next {
    margin-right: 0;
  }
}
.tp-portfolio-digi-slider-space {
  margin-top: -165px;
}
@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-portfolio-digi-details {
    margin-right: 0;
  }
}
.tp-portfolio-digi-details-list ul li {
  list-style: none;
  position: relative;
  padding-left: 15px;
}
.tp-portfolio-digi-details-list ul li:not(:last-child) {
  margin-bottom: 10px;
}
.tp-portfolio-digi-details-list ul li::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  background: var(--tp-common-black);
  border-radius: 20px;
  left: 0;
  top: 11px;
}
.tp-portfolio-cpr-list ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) 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-portfolio-cpr-list ul {
    justify-content: flex-start;
  }
}
.tp-portfolio-cpr-list ul li {
  list-style: none;
  font-family: var(--tp-ff-jakarta);
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black-3);
  margin: 0 30px;
  margin-bottom: 15px;
}
@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-portfolio-cpr-list ul li {
    margin-left: 0;
  }
}
.tp-portfolio-cpr-list ul li span {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: #f3f5f9;
  text-align: center;
  line-height: 34px;
  border-radius: 50%;
  margin-right: 13px;
}
.tp-portfolio-it-content {
  bottom: 40px;
  left: 40px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  transform: translateY(-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-portfolio-it-btn {
    text-align: left !important;
  }
}
.tp-portfolio-it-item:hover {
  box-shadow: 0 15px 40px -10px rgba(30, 47, 53, 0.55);
}
.tp-portfolio-it-item:hover .tp-portfolio-it-content {
  opacity: 1;
  visibility: visible;
  transform: translateY(1px);
}
.tp-portfolio-it-item:hover .tp-portfolio-it-grid-popup {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  visibility: visible;
  opacity: 1;
}
.tp-portfolio-it-cetagory {
  border-radius: 4px 4px 0 0;
  padding: 3px 14px;
}
.tp-portfolio-it-title {
  border-radius: 0 4px 4px 4px;
  padding: 11px 16px;
}
.tp-portfolio-it-list ul li span {
  color: var(--tp-theme-4);
  border: 1px solid transparent;
  background: #e5eef2;
  transition: all 0.4s ease;
  font-family: var(--tp-ff-grotesk);
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.02em;
}
.tp-portfolio-it-list ul li:hover span {
  border: 1px solid var(--tp-theme-4);
  background: transparent;
}
.tp-portfolio-it-grid .tp-portfolio-digi-tab-btn {
  padding: 0px;
  margin: 0 20px;
  border: none;
  font-family: var(--tp-ff-grotesk);
  font-weight: 500;
  font-size: 18px;
  color: #252840;
  position: relative;
  padding-bottom: 30px;
}
.tp-portfolio-it-grid .tp-portfolio-digi-tab-btn:not(:last-child)::before {
  position: absolute;
  content: "";
  right: -21px;
  top: 9px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background-color: #A2A2AA;
  border-radius: 50%;
}
.tp-portfolio-it-grid .tp-portfolio-digi-tab-btn .count {
  font-family: var(--tp-ff-inter);
  font-weight: 500;
  font-size: 10px;
  line-height: 80%;
  color: #00b956;
  position: absolute;
  top: -9px;
  right: -12px;
}
.tp-portfolio-it-grid .tp-portfolio-digi-tab-btn.active {
  background: none;
  color: var(--tp-theme-4);
}
.tp-portfolio-it-grid-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  visibility: hidden;
  opacity: 0;
  z-index: 3;
}
.tp-portfolio-it-grid-popup a {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--tp-common-white);
}
.tp-portfolio-it-grid-popup a:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-portfolio-it-apps-spacing {
  padding-bottom: 215px;
}
@media only screen and (min-width: 992px) 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-portfolio-it-apps-spacing {
    padding-bottom: 115px;
  }
}
.tp-portfolio-it-appse .swiper-slide {
  width: auto;
  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-portfolio-it-appse .swiper-slide img {
    width: 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-portfolio-it-card-content {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .tp-portfolio-it-social-icon {
    flex-direction: column;
  }
}
.tp-portfolio-it-social-icon .it-border {
  background: rgba(37, 40, 64, 0.15);
  width: 240px;
  height: 1px;
  margin-left: 10px;
  margin-right: 80px;
}

/*----------------------------------------*/
/*  7.24 price css
/*----------------------------------------*/
.tp-price-digi-space {
  margin-top: -215px;
  z-index: 1;
  position: relative;
}
.tp-price-digi-item {
  border: 1px solid var(--tp-border-2);
  padding: 50px 50px 50px 50px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 575px) {
  .tp-price-digi-item {
    padding: 50px 30px 50px 30px;
  }
}
.tp-price-digi-item:hover {
  box-shadow: 0 10px 60px -10px rgba(1, 16, 61, 0.08);
  background: #fefefe;
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
}
.tp-price-digi-head .mt-meinus {
  transform: translateY(-16px);
  margin-right: -4px;
}
.tp-price-digi-head h5 {
  background: #c8f7fd;
  padding: 9px 15px;
}
.tp-price-digi-head h5.price-standard {
  background: #c8fddd;
}
.tp-price-digi-head h5.price-premium {
  background: #d6c8ff;
}
.tp-price-digi-list ul li {
  display: flex;
  align-items: center;
  list-style: none;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: -0.02em;
  color: var(--tp-grey-1);
}
.tp-price-digi-list ul li:not(:last-child) {
  margin-bottom: 14px;
}
.tp-price-digi-list ul li .icon {
  font-size: 12px;
  background: #e2ffd0;
  box-shadow: 0 1px 2px 0 rgba(6, 138, 75, 0.3);
  width: 20px;
  height: 20px;
  border-radius: 50px;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  font-weight: 700;
  margin-right: 13px;
}
.tp-price-digi-list ul li.disable {
  opacity: 0.2;
}
.tp-price-cpr-title .tp-cpr-section-subtitle {
  background: linear-gradient(90deg, #F5F4F4 -314%, rgba(255, 255, 255, 0) 90%);
}
.tp-price-cpr-icon {
  width: 45px;
}
.tp-price-cpr-item {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  padding: 50px 50px 50px 50px;
}
@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-price-cpr-item {
    padding: 30px 30px 30px 30px;
  }
}
.tp-price-cpr-item-main {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.03);
}
.tp-price-cpr-item-main .tp-price-cpr-list {
  background: #242e45;
}
.tp-price-cpr-list {
  background: rgba(255, 255, 255, 0.03);
  padding: 30px 10px 30px 30px;
}
.tp-price-cpr-list ul li {
  font-size: 17px;
  font-weight: 400;
  font-family: var(--tp-ff-jakarta);
  color: var(--tp-common-white);
}
.tp-price-cpr-list ul li .icon {
  background: var(--tp-common-pisces);
  color: var(--tp-common-white);
}
.tp-price-cpr-shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 29%;
}
.tp-price-cpr-2-item {
  border: 1px solid rgba(36, 46, 69, 0.1);
}
.tp-price-cpr-2-item .tp-about-cpr-btn a {
  border: 1px solid rgba(36, 46, 69, 0.1);
}
.tp-price-cpr-2-item .tp-price-cpr-list ul li {
  color: var(--tp-grey-3);
}
.tp-price-cpr-2-item .tp-price-cpr-list {
  background: #fbfcff;
}
.tp-price-cpr-2-item-main {
  background: var(--tp-common-white);
}
.tp-price-cpr-2-item-main .tp-price-cpr-list {
  background: #f3f5f9;
}
.tp-price-cpr-2-item-main .tp-price-cpr-list ul li {
  color: #878898;
}
@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-price-salon-wrap {
    margin-right: 0;
  }
}
.tp-price-salon-wrap:hover .title {
  color: var(--tp-theme-3);
}
.tp-price-salon-wrap:hover .price {
  color: var(--tp-common-sky);
}
.tp-price-salon-border > div {
  border-bottom: 1px solid rgba(84, 31, 92, 0.1);
  border-right: 1px solid rgba(84, 31, 92, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-price-salon-border > div {
    border-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.tp-price-salon-border > div:nth-child(2) {
  padding-left: 60px;
  border-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-price-salon-border > div:nth-child(2) {
    padding-left: 0;
  }
}
.tp-price-salon-border > div:nth-child(4) {
  padding-left: 60px;
  border-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-price-salon-border > div:nth-child(4) {
    padding-left: 0;
  }
}
.tp-price-salon-border > div:nth-child(5) {
  border-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-price-salon-border > div:nth-child(5) {
    border-bottom: 1px solid rgba(84, 31, 92, 0.1);
  }
}
.tp-price-salon-border > div:nth-child(6) {
  padding-left: 60px;
  border-right: 0;
  border-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-price-salon-border > div:nth-child(6) {
    padding-left: 0;
  }
}
.tp-price-salon-shape {
  right: 0;
  top: -180px;
  width: 4%;
}
.tp-price-salon-shape-4 {
  top: 170px;
}
.tp-price-pizza-discount {
  padding: 55px 10px 23px 10px;
}
@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-price-pizza-discount {
    margin-right: 0;
  }
}
.tp-price-pizza-item {
  width: 140px;
  height: 140px;
  background: #f8f8f2;
  border-radius: 3px;
  line-height: 140px;
  text-align: center;
}
@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-price-pizza-item {
    width: 120px;
    height: 120px;
    line-height: 120px;
  }
}
.tp-price-pizza-item img {
  transition: all 0.4s ease;
}
.tp-price-pizza-item span {
  padding: 2px 6px;
  line-height: 1;
  padding-top: 4px;
  left: 10px;
  top: 10px;
  border-radius: 3px;
}
.tp-price-pizza-content-wrap {
  border: 1px solid rgba(1, 15, 28, 0.1);
  padding: 12px;
}
.tp-price-pizza-content-wrap:hover {
  border-color: transparent;
  box-shadow: 0 4px 30px -6px rgba(30, 19, 46, 0.08);
}
.tp-price-pizza-content-wrap:hover .tp-price-pizza-item img {
  transform: rotate(-5deg);
}
.tp-price-pizza-content .ratings span {
  color: var(--tp-common-yellow);
  font-size: 14px;
}
.tp-price-pizza-content .ratings span:last-child {
  color: #bfc5ca;
}
.tp-price-cpc-table thead {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.tp-price-cpc-table thead th {
  padding-bottom: 40px;
  padding-left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-price-cpc-table thead th {
    padding-left: 10px;
  }
}
.tp-price-cpc-table tbody tr {
  transition: all 0.4s ease;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  vertical-align: middle;
  height: 70px;
}
.tp-price-cpc-table tbody tr td {
  padding-left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-price-cpc-table tbody tr td {
    padding-left: 10px;
  }
}
.tp-price-cpc-table .tp-cpc-btn {
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 8px 20px;
  transition: all 0.4s ease;
  background: transparent;
  position: relative;
  z-index: 1;
}
.tp-price-cpc-table .tp-cpc-btn::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #5b49f5 0%, #885efe 35%, #61ce70 100%);
  transition: all 0.4s ease;
  opacity: 0;
  visibility: hidden;
  border-radius: 4px;
  z-index: -1;
}
.tp-price-cpc-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.08);
}
.tp-price-cpc-table tbody tr:hover .tp-cpc-btn {
  border: 1px solid transparent;
  color: var(--tp-common-white);
}
.tp-price-cpc-table tbody tr:hover .tp-cpc-btn::before {
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------*/
/*  7.13 faq css
/*----------------------------------------*/
.tp-faq-digi-info span {
  width: 60px;
  height: 60px;
  background: #c8fddd;
  line-height: 60px;
  margin-left: -10px;
  z-index: -1;
}
@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-faq-digi-left {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-faq-digi-wrap {
    margin-left: 0;
  }
}
.tp-faq-digi-wrap .tp-faq-digi-wrap-accordion .accordion-header .accordion-buttons {
  position: relative;
  width: 100%;
  text-align: left;
  padding-right: 40px;
  line-height: 1.1;
  padding: 37px 0;
}
.tp-faq-digi-wrap .tp-faq-digi-wrap-accordion .accordion-header .accordion-buttons:not(.collapsed) {
  padding-bottom: 20px;
}
.tp-faq-digi-wrap .tp-faq-digi-wrap-accordion .accordion-header .accordion-buttons:not(.collapsed) .accordion-icon::before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.tp-faq-digi-wrap .tp-faq-digi-wrap-accordion .accordion-header .accordion-buttons .accordion-icon {
  position: absolute;
  top: 50%;
  right: 8px;
}
.tp-faq-digi-wrap .tp-faq-digi-wrap-accordion .accordion-header .accordion-buttons .accordion-icon::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 15px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #5C6972;
  border-radius: 2px;
  transition: 0.4s;
}
.tp-faq-digi-wrap .tp-faq-digi-wrap-accordion .accordion-header .accordion-buttons .accordion-icon::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 2px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #5C6972;
  border-radius: 2px;
}
.tp-faq-digi-wrap .tp-faq-digi-wrap-accordion .accordion-body {
  padding: 0 80px 40px 0;
  margin: 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-faq-digi-wrap .tp-faq-digi-wrap-accordion .accordion-body {
    padding: 0 40px 0 0;
  }
}
.tp-faq-digi-wrap .tp-faq-digi-wrap-accordion .accordion-body p {
  margin-bottom: 0;
}
.tp-faq-digi-wrap .tp-faq-digi-wrap-accordion .accordion-items {
  border-bottom: 1px solid #ebedef;
  border-top: 1px solid #ebedef;
  margin-top: -1px;
}
.tp-faq-cpr-wrap {
  margin-top: -12px;
}
.tp-faq-cpr-wrap .tp-faq-digi-wrap-accordion .accordion-header .accordion-buttons {
  padding: 12px 20px;
}
.tp-faq-cpr-wrap .tp-faq-digi-wrap-accordion .accordion-items {
  border: none;
  margin-top: 0;
}
.tp-faq-cpr-wrap .tp-faq-digi-wrap-accordion .accordion-header .accordion-buttons .accordion-icon {
  right: auto;
  left: 0;
}
.tp-faq-cpr-wrap .tp-faq-digi-wrap-accordion .accordion-header .accordion-buttons:not(.collapsed) {
  padding-bottom: 12px;
}
.tp-faq-cpr-wrap .tp-faq-digi-wrap-accordion .accordion-body {
  padding: 0 85px 10px 20px;
  margin: 0;
}
@media (max-width: 575px) {
  .tp-faq-cpr-wrap .tp-faq-digi-wrap-accordion .accordion-body {
    padding: 0 0 10px 20px;
  }
}
.tp-faq-cpr-shape {
  left: -46px;
  top: 50%;
  transform: translateY(-50%);
}
.tp-faq-cpr-shape-2 {
  right: 19%;
  top: 14%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-faq-cpr-thumb {
    margin-right: 0;
  }
}
.tp-faq-cpr-dot span {
  background: #242e45;
  width: 4px;
  height: 4px;
  display: inline-block;
  border-radius: 20px;
  position: absolute;
  top: 20%;
  left: 10%;
  z-index: -1;
}
.tp-faq-cpr-dot span:first-child {
  left: auto;
  right: 20%;
  top: 20%;
  background: #f3513c;
}
.tp-faq-cpr-dot span:nth-child(2) {
  left: auto;
  right: 10%;
  top: 50%;
  background: #2384f3;
}
.tp-faq-cpr-dot span:nth-child(3) {
  left: auto;
  right: 30%;
  top: auto;
  bottom: 10%;
  background: #2384f3;
}
.tp-faq-cpr-dot span:nth-child(4) {
  left: 30%;
  top: auto;
  bottom: 10%;
}
.tp-faq-cpr-2-wrap .accordion-header .accordion-buttons {
  font-family: var(--tp-ff-jakarta);
  color: var(--tp-common-black-3);
  padding: 23px 30px !important;
  padding-right: 60px !important;
}
.tp-faq-cpr-2-wrap .accordion-items {
  border: 1px solid rgba(36, 46, 69, 0.06);
  margin-top: 0;
  border-radius: 10px;
  background: var(--tp-common-white);
  transition: all 0.4s ease;
}
.tp-faq-cpr-2-wrap .accordion-items.tp-faq-active {
  box-shadow: 0 6px 20px 0 rgba(20, 24, 32, 0.08), 0 1px 4px 0 rgba(20, 24, 32, 0.04);
}
.tp-faq-cpr-2-wrap .accordion-body p {
  font-size: 14px;
  font-weight: 500;
}
.tp-faq-cpr-2-wrap .accordion-body {
  padding: 0 80px 30px 30px !important;
}
@media (max-width: 575px) {
  .tp-faq-cpr-2-wrap .accordion-body {
    padding: 0 40px 30px 30px !important;
  }
  .tp-faq-cpr-2-wrap .accordion-body p br {
    display: none;
  }
}
.tp-faq-cpr-2-wrap .accordion-header .accordion-buttons .accordion-icon {
  right: 24px !important;
  border: 1px solid rgba(36, 46, 69, 0.06);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  top: 23% !important;
  transition: all 0.4s ease;
}
@media (max-width: 575px) {
  .tp-faq-cpr-2-wrap .accordion-header .accordion-buttons .accordion-icon {
    right: 10px !important;
  }
}
.tp-faq-cpr-2-wrap .accordion-header .accordion-buttons:not(.collapsed) {
  color: var(--tp-common-pisces);
}
.tp-faq-cpr-2-wrap .accordion-header .accordion-buttons:not(.collapsed) .accordion-icon {
  background: var(--tp-common-pisces);
}
.tp-faq-cpr-2-wrap .accordion-header .accordion-buttons:not(.collapsed) .accordion-icon::before {
  background: var(--tp-common-white);
}
.tp-faq-cpr-2-wrap .accordion-header .accordion-buttons:not(.collapsed) .accordion-icon::after {
  background: var(--tp-common-white);
}
.tp-faq-lwr-left-thumb {
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 50px);
  width: calc(50% - 11px);
  padding: 80px;
  padding-bottom: 140px;
  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-faq-lwr-left-thumb {
    position: static;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .tp-faq-lwr-left-thumb {
    padding: 20px;
    padding-bottom: 100px;
  }
}
.tp-faq-lwr-wrap-accordion .accordion-buttons {
  position: relative;
  border-bottom: 1px solid rgba(217, 217, 217, 0.3);
  padding: 25px 0;
  display: block;
  width: 100%;
  text-align: left;
  padding-right: 30px;
}
.tp-faq-lwr-wrap-accordion .accordion-buttons::after {
  position: absolute;
  content: "\f107";
  font-family: var(--tp-ff-fontawesome);
  right: 0;
  top: 24px;
  transition: 0.4s;
  font-weight: 400;
}
.tp-faq-lwr-wrap-accordion .accordion-buttons:not(.collapsed) {
  border: transparent;
  padding-bottom: 10px;
}
.tp-faq-lwr-wrap-accordion .accordion-buttons:not(.collapsed)::after {
  transform: rotate(-180deg);
}
.tp-faq-lwr-wrap-accordion .accordion-body {
  padding: 0;
  padding-top: 5px;
  padding-right: 52px;
}
@media (max-width: 575px) {
  .tp-faq-lwr-wrap-accordion .accordion-body {
    padding-right: 15px;
  }
}
.tp-faq-lwr-wrap-accordion .accordion-body p {
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 0;
}
.tp-faq-lwr-expe-wrap {
  box-shadow: 0 0 60px 0 rgba(20, 23, 40, 0.08);
  width: 310px;
  padding: 34px 0px 34px 0px;
}
@media (max-width: 575px) {
  .tp-faq-lwr-content br {
    display: none;
  }
}
.tp-faq-med-wrap .tp-faq-cpr-2-wrap .accordion-items {
  background: transparent;
}
.tp-faq-med-wrap .tp-faq-cpr-2-wrap .accordion-items.tp-faq-active {
  background: var(--tp-common-white);
  box-shadow: 0 10px 40px -10px #bebee9;
}
.tp-faq-med-wrap .tp-faq-cpr-2-wrap .accordion-header .accordion-buttons {
  font-family: var(--tp-ff-poppins);
  color: var(--tp-common-black-4);
  padding: 23px 30px !important;
  padding-right: 60px !important;
}
.tp-faq-med-wrap .tp-faq-cpr-2-wrap .accordion-body p {
  font-weight: 400;
  font-family: var(--tp-ff-roboto);
  line-height: 22px;
}
.tp-faq-med-wrap .tp-faq-digi-wrap-accordion .accordion-header .accordion-buttons:not(.collapsed) {
  color: #245089;
}
.tp-faq-med-wrap .tp-faq-cpr-2-wrap .accordion-header .accordion-buttons:not(.collapsed) .accordion-icon {
  background: #245089;
}
.tp-faq-med-wrap .tp-faq-digi-wrap-accordion .accordion-items {
  border-bottom: 1px solid rgba(43, 38, 93, 0.08);
  border-top: 1px solid rgba(43, 38, 93, 0.08);
}
.tp-faq-med-wrap .tp-faq-cpr-2-wrap .accordion-header .accordion-buttons .accordion-icon {
  background: var(--tp-common-white);
  color: #8885a6;
}
.tp-faq-salon-thumb {
  margin-left: -215px;
}
@media only screen and (min-width: 992px) 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-faq-salon-thumb {
    margin-left: 0;
    margin-right: 0;
  }
}
.tp-faq-salon-wrap .tp-faq-digi-wrap-accordion .accordion-items {
  border-top: 0;
  border-bottom: 0;
  margin-top: 0;
}
.tp-faq-salon-wrap .tp-faq-digi-wrap-accordion .accordion-items:not(:last-child) {
  border-bottom: 1px solid rgba(84, 31, 92, 0.15);
}
.tp-faq-salon-wrap .tp-faq-digi-wrap-accordion .accordion-header .accordion-buttons {
  padding: 26px 0;
}
.tp-faq-salon-wrap .tp-faq-digi-wrap-accordion .accordion-body {
  padding: 0 74px 20px 0;
}
.tp-faq-salon-wrap .tp-faq-digi-wrap-accordion .accordion-header .accordion-buttons .accordion-icon::before {
  content: "\f107";
  font-family: var(--tp-ff-fontawesome);
  width: auto;
  height: auto;
  background-color: transparent;
  color: #968698;
  font-weight: 400;
}
.tp-faq-salon-wrap .tp-faq-digi-wrap-accordion .accordion-header .accordion-buttons:not(.collapsed) .accordion-icon::before {
  transform: translate(-50%, -50%) rotate(-180deg);
  color: var(--tp-common-sky);
}
.tp-faq-salon-wrap .tp-faq-digi-wrap-accordion .accordion-header .accordion-buttons .accordion-icon::after {
  display: none;
}
.tp-faq-salon-shape {
  position: absolute;
  top: 0;
  right: 0;
  width: 5%;
}
.tp-faq-pizza-wrap .tp-faq-cpr-2-wrap .accordion-header .accordion-buttons {
  font-family: var(--tp-ff-staat);
  font-weight: 400;
  font-size: 22px;
  letter-spacing: 0.03em;
  color: #232323;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
}
.tp-faq-pizza-wrap .tp-faq-cpr-2-wrap .accordion-header .accordion-buttons:not(.collapsed) {
  background: var(--tp-common-white);
  border-color: var(--tp-common-white);
}
.tp-faq-pizza-wrap .tp-faq-cpr-2-wrap .accordion-items {
  border: none;
  margin-top: 0;
  border-radius: 0;
  background: none;
}
.tp-faq-pizza-wrap .tp-faq-cpr-2-wrap .accordion-header .accordion-buttons:not(.collapsed) .accordion-icon {
  background: var(--tp-common-black-2);
}
.tp-faq-pizza-wrap .tp-faq-cpr-2-wrap .accordion-header .accordion-buttons .accordion-icon {
  background: var(--tp-common-white);
}
.tp-faq-pizza-wrap .tp-faq-cpr-2-wrap .accordion-body p {
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.02em;
  color: #7e7e7e;
}
.tp-faq-pizza-wrap .tp-faq-cpr-2-wrap .accordion-body {
  padding: 17px 61px 19px 30px !important;
}
.tp-faq-pizza-contact {
  background: var(--tp-common-white);
  padding: 80px 80px 80px 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) {
  .tp-faq-pizza-contact {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-faq-pizza-contact {
    padding: 40px 40px 40px 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-faq-pizza-contact {
    margin-left: 0;
  }
}
.tp-faq-pizza-contact .input, .tp-faq-pizza-contact .textarea {
  border: 1px solid rgba(35, 35, 35, 0.1);
  border-radius: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: #7e7e7e;
  font-family: var(--tp-ff-roboto);
}
.tp-faq-pizza-contact .input:focus, .tp-faq-pizza-contact .textarea:focus {
  box-shadow: 0 0 0 3px rgba(244, 59, 0, 0.1);
  border: 1px solid #f43b00;
}
.tp-faq-pizza-contact .input::-webkit-input-placeholder, .tp-faq-pizza-contact .textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: #7e7e7e;
}
.tp-faq-pizza-contact .input::-moz-placeholder, .tp-faq-pizza-contact .textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: #7e7e7e;
}
.tp-faq-pizza-contact .input:-moz-placeholder, .tp-faq-pizza-contact .textarea:-moz-placeholder {
  /* Firefox 4-18 */
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: #7e7e7e;
}
.tp-faq-pizza-contact .input:-ms-input-placeholder, .tp-faq-pizza-contact .textarea:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: #7e7e7e;
}
.tp-faq-pizza-contact .input::placeholder, .tp-faq-pizza-contact .textarea::placeholder {
  /* MODERN BROWSER */
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: #7e7e7e;
}
.tp-faq-pizza-contact .tp-checkbox {
  transform: translateY(-1px);
}
.tp-faq-pizza-contact .tp-checkbox:checked {
  background-color: var(--tp-theme-5);
  border-color: var(--tp-theme-5);
}
.tp-faq-pizza-shape {
  left: 0;
  top: 344px;
  width: 10%;
}
.tp-faq-pizza-shape-2 {
  bottom: 18px;
  right: 0;
  width: 10%;
}

/*----------------------------------------*/
/*  7.11 cta css
/*----------------------------------------*/
.tp-cta-digi-space {
  padding: 60px 60px 40px 60px;
}
@media (max-width: 575px) {
  .tp-cta-digi-space {
    padding: 20px 20px 20px 20px;
  }
}
@media (max-width: 575px) {
  .tp-cta-digi-mail {
    margin-left: 0;
  }
}
.tp-cta-digi-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@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-cta-digi-info {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .tp-cta-digi-info {
    flex-direction: column;
    align-items: flex-start !important;
  }
}
.tp-cta-digi-info .message {
  width: 90px;
  height: 90px;
  line-height: 90px;
  flex: 0 0 auto;
}
@media (max-width: 575px) {
  .tp-cta-digi-info .message {
    margin-bottom: 10px;
  }
}
@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-cta-cpr-btn {
    text-align: left;
  }
}
.tp-cta-transparent-bg {
  height: 110px;
  width: 100%;
  display: block;
  margin-top: -110px;
  border-radius: 60px 60px 0 0;
}
.tp-cta-lwr-title {
  padding: 88px 20px 88px 70px;
}
@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-cta-lwr-title {
    padding: 30px 20px 30px 20px;
  }
  .tp-cta-lwr-title br {
    display: none;
  }
}
.tp-cta-lwr-spacing {
  margin-bottom: -145px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-cta-lwr-spacing {
    margin-bottom: -84px;
  }
}
.tp-cta-lwr-shape {
  top: 0;
  left: 0;
  z-index: -1;
}
.tp-cta-lwr-thumb {
  right: 0;
  bottom: 0;
  height: 100%;
}
.tp-cta-med-info .icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.tp-cta-salon-border {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
@media (max-width: 575px) {
  .tp-cta-salon-shape {
    flex-direction: column;
  }
  .tp-cta-salon-shape h3 {
    margin-top: 20px;
  }
}
.tp-cta-salon-btn {
  text-align: right;
}
@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-cta-salon-btn {
    text-align: start !important;
  }
}
.tp-cta-salon-shape .tg-shape {
  flex: 0 0 auto;
}
.tp-cta-it-border {
  border-bottom: 8px solid #252840;
  bottom: 0;
  left: 0;
  width: 100%;
}

/*----------------------------------------*/
/*  7.10 counter css
/*----------------------------------------*/
@media (max-width: 575px) {
  .tp-counter-lwr-item {
    margin-left: 0;
    text-align: center;
  }
}
.tp-counter-med-item .tp-funfact-digi-border {
  position: absolute;
  width: 0;
  height: 14px;
  background: #c3bcff;
  bottom: 17px;
  left: auto;
  right: 0;
}
.tp-counter-med-item:hover .tp-funfact-digi-border {
  width: 100%;
  left: 0;
  right: auto;
}
@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-counter-it-content {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .tp-counter-it-content {
    text-align: center;
  }
}
.tp-counter-it-content .count {
  line-height: 0.8;
}
.tp-counter-it-content .odometer {
  transform: translateY(-5px);
}

.counter-style-01 .vertical-counter-number ul {
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none;
  will-change: transform;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  position: relative;
  z-index: 999;
}
.counter-style-01 .vertical-counter-number {
  overflow: hidden;
  width: 100%;
  height: auto;
}
.counter-style-01 .vertical-counter:after {
  content: attr(data-text);
  display: inline-block;
  margin-left: 3px;
  word-break: normal;
}

/*----------------------------------------*/
/*  7.30 success css
/*----------------------------------------*/
@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-success-digi-item {
    margin-left: 0;
    margin-right: 0;
  }
}
.tp-success-digi-item:hover .tp-success-digi-icon {
  background: var(--tp-theme-primary);
}
.tp-success-digi-icon {
  width: 90px;
  height: 90px;
  border-radius: 100%;
  background: #f8faf5;
  display: inline-block;
  text-align: center;
  line-height: 90px;
  -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;
}
@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-success-digi-title-para p {
    margin-left: 0;
  }
}
.tp-success-cpr-item:hover .tp-success-digi-icon {
  background-color: var(--tp-common-black-3);
  color: var(--tp-common-white);
}
.tp-success-cpr-item .tp-success-digi-icon {
  box-shadow: 0 4px 16px 0 rgba(29, 27, 49, 0.05);
  background: var(--tp-common-white);
  width: 100px;
  height: 100px;
  line-height: 100px;
}

/*----------------------------------------*/
/*  7.27 provide css
/*----------------------------------------*/
.tp-provide-digi-shape {
  position: absolute;
  top: 0;
  right: 10px;
  z-index: -1;
  width: 53%;
}
@media only screen and (min-width: 992px) 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-provide-digi-shape {
    width: auto;
  }
}
.tp-provide-digi-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 96%;
}
@media only screen and (min-width: 992px) 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-provide-digi-shape-2 {
    width: 70%;
  }
}
.tp-provide-digi-shape-3 {
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 0px 0px 10px 0px;
}
@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-provide-digi-shape-3 {
    width: 130px;
  }
}
@media (max-width: 575px) {
  .tp-provide-digi-shape-3 {
    width: 70px;
  }
}
.tp-provide-digi-chart img {
  border-radius: 10px 10px 0px 0px;
}
@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-provide-digi-item br {
    display: none;
  }
}
.tp-provide-digi-item.gradiant-bg {
  background: linear-gradient(180deg, #ddff78 0%, #a3ffc7 100%);
  padding: 47px 60px 38px 60px;
}
.tp-provide-digi-item.gradiant-bg-2 {
  background: #b0f6ff;
  padding: 47px 30px 38px 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .tp-provide-digi-item.gradiant-bg-2 {
    padding: 47px 30px 38px 20px;
  }
}
.tp-provide-digi-item.gradiant-bg-3 {
  background: #cfbfff;
  padding: 47px 0 0 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-provide-digi-item.gradiant-bg-3 {
    height: 430px;
  }
}
.tp-provide-digi-item.gradiant-bg-4 {
  background: linear-gradient(180deg, #ddff78 0%, #a3ffc7 100%);
  padding: 70px 60px 70px 60px;
}
@media (max-width: 575px) {
  .tp-provide-digi-item.gradiant-bg-4 {
    padding: 30px 20px 30px 20px;
  }
}
.tp-provide-digi-item.gradiant-bg-5 {
  background: #c8f7fd;
  padding: 70px 25px 0 25px;
}
.tp-provide-digi-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.tp-provide-digi-list ul li {
  list-style: none;
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-black);
  display: flex;
  background: var(--tp-common-white);
  border-radius: 20px;
  padding: 7px 9px;
  margin: 0 15px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-provide-digi-list ul li {
    margin: 0 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-provide-digi-list ul li {
    margin-bottom: 20px;
  }
}
.tp-provide-digi-list ul li span {
  border-radius: 100%;
  background: #ace601;
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  line-height: 24px;
  margin-right: 10px;
}
.tp-provide-digi-list.list-2 ul li {
  background: #f8faf5;
}
.tp-provide-digi-number {
  position: absolute;
  top: 0;
  z-index: -1;
  left: 10px;
  font-weight: 700;
  font-size: 200px;
  line-height: 1;
  background: linear-gradient(180deg, #c2f868 27.5%, #c4ff99 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tp-provide-digi-number.number-2 {
  background: linear-gradient(180deg, #9bedf8 27.5%, #b0f6ff47 61%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*----------------------------------------*/
/*  7.32 about css
/*----------------------------------------*/
.tp-testimonial-digi-item {
  border: 1px solid rgba(7, 32, 50, 0.1);
  padding: 40px 50px 25px 50px;
}
@media (max-width: 575px) {
  .tp-testimonial-digi-item {
    padding: 40px 15px 25px 15px;
  }
}
.tp-testimonial-digi-top {
  border-bottom: 1px solid rgba(7, 32, 50, 0.1);
}
.tp-testimonial-digi-ratings span {
  color: var(--tp-common-yellow);
  font-size: 16px;
  margin-left: 3px;
}
.tp-testimonial-digi-navigation span {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  -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);
  background-color: #f8faf5;
  font-size: 16px;
  text-align: center;
}
.tp-testimonial-digi-navigation span:hover {
  background: var(--tp-theme-primary);
  color: var(--tp-common-black);
  transform: scale(1.1);
}
.tp-testimonial-digi-shadow {
  position: absolute;
  top: 0;
  display: inline-block;
  width: 24%;
  height: 100%;
  z-index: 9;
}
@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-testimonial-digi-shadow {
    display: none;
  }
}
.tp-testimonial-digi-shadow.left {
  background: linear-gradient(90deg, #fff 30.17%, rgba(255, 255, 255, 0) 100%);
  left: 0;
}
.tp-testimonial-digi-shadow.right {
  background: linear-gradient(90deg, #fff 30.17%, rgba(255, 255, 255, 0) 100%);
  transform: rotate(-180deg);
  right: 0;
}
.tp-testimonial-cpr-bg {
  background: linear-gradient(180deg, rgba(241, 239, 248, 0) 13.15%, #f1eff8 100%);
}
.tp-testimonial-cpr-bg-2 {
  background: linear-gradient(180deg, #f1eff8 0%, rgba(241, 239, 248, 0) 100%);
}
.tp-testimonial-cpr-item {
  padding: 35px 55px 40px 40px;
  transition: all 0.4s ease;
}
@media (max-width: 575px) {
  .tp-testimonial-cpr-item {
    padding: 25px 25px 20px 20px;
  }
}
.tp-testimonial-cpr-item:hover {
  box-shadow: 0 20px 60px -25px rgba(21, 17, 36, 0.25);
}
.tp-testimonial-cpr-item:hover .tp-testimonial-cpr-shape {
  opacity: 1;
  visibility: visible;
}
.tp-testimonial-cpr-shape {
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -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-testimonial-cpr-shape-2 {
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-testimonial-cpr-shape-2 {
    width: 100%;
  }
}
.tp-testimonial-cpr-customers .vertical-counter ul li {
  letter-spacing: -5px;
}
.tp-testimonial-cpr-navigation span {
  width: 60px;
  height: 60px;
  text-align: center;
  background: var(--tp-common-white);
  color: var(--tp-common-black-3);
  line-height: 44px;
  border-radius: 50%;
  display: inline-block;
  border: 7px solid #efeef3;
  transition: all 0.4s ease;
}
.tp-testimonial-cpr-navigation span:hover {
  background: var(--tp-common-pisces);
  border-color: #a572cd;
  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-testimonial-cpr-thumb {
    margin-right: 0;
  }
}
.tp-testimonial-cpr-2-shape {
  bottom: 30px;
  left: 30px;
  box-shadow: 0 0 60px 0 rgba(20, 23, 40, 0.08);
  padding: 37px 40px 20px 40px;
}
@media (max-width: 575px) {
  .tp-testimonial-cpr-2-shape {
    left: 0;
    position: inherit;
  }
}
.tp-testimonial-cpr-2-shape .tes-img {
  flex: 0 0 auto;
}
.tp-testimonial-cpr-2-user a {
  width: 52px;
  border: 4px solid var(--tp-common-white);
  height: 52px;
  line-height: 49px;
  margin-left: -20px;
}
.tp-testimonial-lwr-wrap {
  box-shadow: 0 10px 35px -10px rgba(14, 12, 34, 0.06);
  padding: 65px 90px 80px 100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-testimonial-lwr-wrap {
    padding: 25px 30px 30px 30px;
  }
}
.tp-testimonial-lwr-content {
  border-bottom: 1px solid rgba(28, 78, 78, 0.14);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-testimonial-lwr-content br {
    display: none;
  }
}
.tp-testimonial-lwr-comment {
  top: 0;
  right: 80px;
  z-index: -1;
}
@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-testimonial-lwr-comment {
    right: 0;
  }
}
.tp-testimonial-lwr-navigation {
  position: absolute;
  bottom: 85px;
  right: 90px;
  z-index: 3;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-testimonial-lwr-navigation {
    bottom: 39px;
    right: 14px;
  }
}
@media (max-width: 575px) {
  .tp-testimonial-lwr-navigation {
    position: inherit;
    margin-top: 60px;
  }
}
.tp-testimonial-lwr-navigation span {
  width: 60px;
  height: 60px;
  text-align: center;
  background: var(--tp-theme-2);
  color: var(--tp-common-white);
  line-height: 44px;
  border-radius: 50%;
  display: inline-block;
  border: 7px solid var(--tp-grey-8);
  transition: all 0.4s ease;
}
.tp-testimonial-lwr-navigation span:hover {
  background: var(--tp-common-apricot);
  color: var(--tp-common-white);
}
.tp-testimonial-lwr-spacing {
  height: 270px;
  margin-bottom: -270px;
  width: 100%;
}
.tp-testimonial-lwr-2-slide .badges {
  background: #f0f0f0;
  padding: 5px 12px;
}
.tp-testimonial-lwr-2-navigation span {
  width: 60px;
  height: 60px;
  text-align: center;
  background: var(--tp-theme-2);
  color: var(--tp-common-white);
  line-height: 44px;
  border-radius: 50%;
  display: inline-block;
  border: 7px solid var(--tp-grey-8);
  transition: all 0.4s ease;
}
.tp-testimonial-lwr-2-navigation span:hover {
  background: var(--tp-common-apricot);
  color: var(--tp-common-white);
}
.tp-testimonial-lwr-2-pagination {
  font-size: 26px;
  color: var(--tp-grey-7);
}
@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-testimonial-lwr-2-shape {
    margin-top: 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-testimonial-lwr-2-content {
    margin-right: 40px;
  }
}
.tp-testimonial-med-item {
  border: 1px solid rgba(43, 38, 93, 0.08);
  padding: 50px 60px 50px 50px;
}
@media (max-width: 575px) {
  .tp-testimonial-med-item {
    flex-direction: column;
    padding: 40px 20px 40px 20px;
  }
}
.tp-testimonial-med-item .ratings {
  border: 1px solid rgba(43, 38, 93, 0.08);
  border-radius: 20px;
  padding: 0px 11px;
  transform: rotate(-90deg);
  position: absolute;
  top: 82px;
}
@media (max-width: 575px) {
  .tp-testimonial-med-item .ratings {
    top: 0;
    right: 0;
    transform: rotate(0);
  }
}
@media (max-width: 575px) {
  .tp-testimonial-med-qoute {
    margin-bottom: 20px;
  }
}
.tp-testimonial-med-slide .swiper-slide {
  transition: all 0.4s ease;
}
.tp-testimonial-med-slide .swiper-slide.swiper-slide-active .tp-testimonial-med-item {
  box-shadow: 0 15px 60px -10px rgba(20, 22, 50, 0.1);
}
.tp-testimonial-salon-comment-wrap {
  box-shadow: 10px 10px 40px 0 rgba(44, 26, 34, 0.15);
  padding: 15px;
  border-radius: 10px;
  padding-bottom: 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-testimonial-salon-comment-wrap {
    margin-left: 0;
  }
}
.tp-testimonial-salon-comment-wrap::before {
  position: absolute;
  content: "";
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  bottom: -38px;
  right: 70px;
  background: var(--tp-common-white);
  width: 68px;
  height: 39px;
  box-shadow: 10px 10px 40px 0 rgba(44, 26, 34, 0.15);
}
.tp-testimonial-salon-rating {
  display: flex;
}
.tp-testimonial-salon-rating i {
  color: var(--tp-common-yellow);
  margin-right: 3px;
}
.tp-testimonial-salon-header {
  background: #541f5c;
  border-radius: 6px;
  padding: 13px 35px;
}
.tp-testimonial-salon-header .subtitle::before {
  position: absolute;
  content: "";
  border-radius: 100%;
  width: 6px;
  height: 6px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.65);
  left: 0;
}
.tp-testimonial-salon-shape {
  position: absolute;
  bottom: 35px;
  right: 30px;
}
.tp-testimonial-salon-avatar {
  position: absolute;
  top: 0;
  right: 0;
}
.tp-testimonial-salon-avatar-2 {
  position: absolute;
  top: 0;
  right: 122px;
}
.tp-testimonial-salon-avatar-wrap {
  margin-left: -60px;
  margin-right: -88px;
}
@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-testimonial-salon-avatar-wrap {
    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-testimonial-salon-avatar-wrap {
    margin-left: 0;
    padding-top: 40px;
  }
}
.tp-testimonial-salon-navigation span {
  background: rgba(84, 31, 92, 0.1);
  border: none;
  line-height: 60px;
  color: var(--tp-common-sky);
  margin-right: 7px;
}
.tp-testimonial-salon-navigation span:hover {
  background: var(--tp-theme-3);
  color: var(--tp-common-white);
}
.tp-testimonial-salon-map {
  position: absolute;
  left: 14%;
  top: 60px;
  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-testimonial-salon-map {
    width: 100%;
    left: 0;
  }
}
.tp-testimonial-salon-green-leaf {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 17%;
}
.tp-testimonial-salon-pagination span {
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 50%;
  background: #f2d6e2;
  opacity: 1;
  margin: 0 5px;
}
.tp-testimonial-salon-pagination .swiper-pagination-bullet-active {
  background: none;
  border: 2px solid var(--tp-theme-3);
}
.tp-testimonial-it-bg {
  box-shadow: 0 20px 60px -10px rgba(35, 44, 65, 0.1);
}
.tp-testimonial-it-ratting-star i {
  font-size: 13px;
  color: var(--tp-common-yellow);
}
.tp-testimonial-it-navigation span {
  height: 44px;
  width: 44px;
  border: 1px solid transparent;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  color: var(--tp-common-black);
  line-height: 44px;
  -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;
  background: var(--tp-common-white);
  box-shadow: 0 0 20px -6px rgba(23, 36, 36, 0.08);
  cursor: pointer;
}
.tp-testimonial-it-navigation span:hover {
  border-color: rgba(37, 40, 64, 0.1);
}
.tp-testimonial-it-author-logo {
  position: absolute;
  bottom: -1px;
  right: -4px;
}
.tp-testimonial-it-ratting-wrap {
  padding: 75px 0px 50px 0px;
  border-right: 1px solid rgba(37, 40, 64, 0.15);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-testimonial-it-ratting-wrap {
    border-right: 0;
    padding-bottom: 0;
  }
}
.tp-testimonial-it-content {
  margin-right: -1px;
  padding: 0px 75px 0px 0px;
  border-right: 1px solid rgba(37, 40, 64, 0.15);
}
@media only screen and (min-width: 992px) 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-testimonial-it-content {
    padding: 0px 35px 0px 0px;
  }
}
.tp-testimonial-it-slide-wrapper {
  padding: 80px 0px;
  padding-left: 15px;
}
.tp-testimonial-it-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tp-testimonial-it-shape {
  top: -55px;
  right: -113px;
}
@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-testimonial-it-shape {
    right: 0;
  }
}
.tp-testimonial-pizza-wrap .tp-testimonial-lwr-content {
  border-color: rgba(255, 255, 255, 0.15);
}
.tp-testimonial-pizza-wrap .tp-testimonial-lwr-navigation {
  bottom: 11px;
  right: 0;
}
.tp-testimonial-pizza-wrap .tp-testimonial-lwr-navigation span {
  background: var(--tp-common-white);
  color: var(--tp-theme-5);
  border: 7px solid var(--tp-common-white);
  position: relative;
}
.tp-testimonial-pizza-wrap .tp-testimonial-lwr-navigation span:hover {
  background: var(--tp-theme-5);
  color: var(--tp-common-white);
  border: 7px solid var(--tp-theme-5);
}
.tp-testimonial-pizza-wrap-2 .tp-testimonial-pizza-2-item {
  box-shadow: 0 10px 30px 0 rgba(12, 12, 19, 0.04);
  background: var(--tp-common-white);
  border: none;
}
.tp-testimonial-pizza-wrap-2 .tp-testimonial-pizza-2-item .ratings {
  border: 1px solid rgba(35, 35, 35, 0.1);
}
.tp-testimonial-pizza-shape {
  bottom: 70px;
  left: 0;
  width: 10%;
  position: absolute;
}
.tp-testimonial-pizza-shape-2 {
  right: 64px;
  top: 280px;
}
@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-testimonial-pizza-shape-2 {
    right: 0;
  }
}
.tp-testimonial-pizza-2-item {
  box-shadow: 0 20px 30px 0 rgba(12, 12, 19, 0.06);
  background: #2e2e2e;
  padding: 40px 40px 18px 40px;
}
.tp-testimonial-pizza-2-item .ratings {
  position: inherit;
  transform: rotate(1deg);
  border: 1px solid rgba(255, 255, 255, 0.14);
}
.tp-testimonial-cpc-item {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 40px 50px 40px 50px;
  text-align: left;
}
.tp-testimonial-cpc-ratings span {
  color: #61CE70;
}
.tp-testimonial-cpc-slider-active .swiper-slide {
  width: 384px;
  margin: 0px 12px;
}
.tp-testimonial-cpc-shadow {
  position: absolute;
  top: 0;
  display: inline-block;
  width: 24%;
  height: 100%;
  z-index: 9;
}
.tp-testimonial-cpc-shadow.left {
  background: linear-gradient(90deg, #03071c 40%, rgba(3, 7, 28, 0) 100%);
  left: 0;
}
.tp-testimonial-cpc-shadow.right {
  background: linear-gradient(90deg, #03071c 40%, rgba(3, 7, 28, 0) 100%);
  transform: rotate(-180deg);
  right: 0;
}
.tp-testimonial-cpc-shape {
  top: 0;
  right: 0;
}
.tp-testimonial-cpc-sideshape {
  position: absolute;
  content: "";
  width: 383px;
  height: 383px;
  left: -160px;
  top: 0;
  background: rgba(192, 177, 255, 0.6);
  filter: blur(400px);
}
.tp-testimonial-cpc-sideshape.apps {
  left: auto;
  right: -262px;
  width: 525px;
  height: 525px;
}
.tp-testimonial-cpc-sideshape.footers {
  width: 425px;
  height: 425px;
  filter: blur(200px);
  top: auto;
  bottom: -200px;
}

/*----------------------------------------*/
/*  7.25 process css
/*----------------------------------------*/
.tp-process-number {
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  -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;
  display: inline-block;
}
.tp-process-number::before {
  position: absolute;
  content: "";
  border: 1px solid transparent;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -60%);
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  border-radius: 50%;
  -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-process-number.one {
  background: var(--tp-common-mint);
}
.tp-process-number.one::before {
  border-color: var(--tp-common-mint);
}
.tp-process-number.two {
  background: #d6c8ff;
}
.tp-process-number.two::before {
  border-color: #d6c8ff;
}
.tp-process-number.three {
  background: #ffe0c2;
}
.tp-process-number.three::before {
  border-color: #ffe0c2;
}
.tp-process-number.four {
  background: #c8f7fd;
}
.tp-process-number.four::before {
  border-color: #c8f7fd;
}
.tp-process-border {
  right: -70px;
  top: 10px;
}
.tp-process-item:hover .tp-process-number::before {
  transform: translate(-50%, -50%);
}
.tp-process-cpr-step ul li {
  list-style: none;
  position: relative;
}
.tp-process-cpr-step ul li:not(:last-child)::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: rgba(36, 46, 69, 0.15);
  left: 24px;
  top: 0;
}
.tp-process-cpr-step ul li:hover span {
  color: var(--tp-common-white);
  border-color: transparent;
}
.tp-process-cpr-step ul li:hover span::before {
  opacity: 1;
  transform: scale(1);
}
.tp-process-cpr-step ul li span {
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  position: relative;
  z-index: 1;
  border: 1px solid rgba(36, 46, 69, 0.15);
  transition: all 0.5s ease;
}
.tp-process-cpr-step ul li span::before {
  position: absolute;
  content: "";
  background: linear-gradient(90deg, #217cff 0%, #32c3e5 100%);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0;
  transform: scale(0);
  z-index: -1;
  transition: all 0.5s ease;
}
@media only screen and (min-width: 992px) 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-process-cpr-thumb {
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-process-cpr-item {
    padding: 20px 35px;
    box-shadow: 0 0 60px 0 rgba(20, 23, 40, 0.08);
  }
}
.tp-process-cpr-count {
  bottom: 30px;
  left: 0;
}
@media (max-width: 575px) {
  .tp-process-cpr-count {
    position: inherit !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-process-med-thumb {
    margin-right: 0;
  }
}
.tp-process-med-thumb .thumb {
  box-shadow: 0 10px 40px -5px rgba(177, 174, 182, 0.6);
  background: linear-gradient(180deg, rgba(43, 38, 93, 0.8) 9.57%, rgba(43, 38, 93, 0.8) 100%);
}
.tp-process-med-thumb .patients {
  bottom: 36px;
  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-process-med-content {
    margin-right: 0;
  }
}
.tp-process-med-border {
  border-top: 1px solid rgba(43, 38, 93, 0.15);
}
.tp-process-salon-thumb .patients {
  right: auto;
  left: 46px;
}
.tp-process-it-step ul li span::before {
  background: var(--tp-theme-4);
}
.tp-process-it-bigtext {
  font-size: 220px;
  letter-spacing: -0.06em;
  line-height: 1;
  color: rgba(255, 255, 255, 0.3);
  transform: rotate(-90deg);
  position: absolute;
  right: -272px;
  bottom: 199px;
}
@media only screen and (min-width: 992px) 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-process-it-bigtext {
    font-size: 190px;
    right: -226px;
  }
}
@media only screen and (min-width: 992px) 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-process-it-2-item p br {
    display: none;
  }
}
.tp-process-it-2-item::before {
  content: "";
  height: 1px;
  display: inline-block;
  width: calc(100% + 30px);
  transform: translateY(60px);
  background: rgba(0, 0, 0, 0.1);
}
@media (max-width: 575px) {
  .tp-process-it-2-item::before {
    width: 100%;
  }
}
.tp-process-it-2-item span {
  display: inline-block;
  margin-bottom: 27px;
  padding-bottom: 32px;
  position: relative;
}
.tp-process-it-2-item span::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: var(--tp-theme-primary);
  animation: animate-pulse-2 3s linear infinite;
}
.tp-process-pizza .icon {
  box-shadow: 0 0 20px 0 rgba(29, 27, 49, 0.06);
  background: var(--tp-common-white);
  width: 100px;
  height: 100px;
  line-height: 100px;
}
.tp-process-pizza .icon .count {
  position: absolute;
  background: #f8f8f2;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  top: 0;
  right: -5px;
}
.tp-process-pizza:hover .icon {
  background: var(--tp-theme-5);
  color: var(--tp-common-white);
  transition: all 0.5s ease;
}
.tp-process-pizza:hover .icon .count {
  background: var(--tp-common-white);
}

/*----------------------------------------*/
/*  7.31 team css
/*----------------------------------------*/
.tp-team-digi-item:hover .tp-team-digi-sicial {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1, 1);
  transform: translateY(0) scale(1, 1);
}
.tp-team-digi-item:hover .tp-team-digi-sicial a {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.tp-team-digi-item:hover .tp-team-digi-sicial a:nth-child(1) {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tp-team-digi-item:hover .tp-team-digi-sicial a:nth-child(2) {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.tp-team-digi-item:hover .tp-team-digi-sicial a:nth-child(3) {
  -webkit-transition: all 0.9s ease;
  transition: all 0.9s ease;
}
.tp-team-digi-item:hover .tp-team-digi-sicial a:nth-child(4) {
  -webkit-transition: all 1.1s ease;
  transition: all 1.1s ease;
}
.tp-team-digi-item:hover .tp-team-salon-call a {
  -webkit-transition: all 1.1s ease;
  transition: all 1.1s ease;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.tp-team-digi-sicial {
  position: absolute;
  bottom: 30px;
  border-radius: 17px;
  padding: 2px 10px 0px 10px;
  width: 125px;
  height: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transform: translateY(0) scale(1, 0);
  transform: translateY(0) scale(1, 0);
  transform-origin: bottom center;
  position: absolute;
  -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  overflow: hidden;
}
.tp-team-digi-sicial a {
  padding: 3px 6px;
  opacity: 0;
  -webkit-transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(25px);
  transform: translateY(25px);
}
.tp-team-digi-sicial a:hover {
  color: var(--tp-common-black-2);
}
.tp-team-digi-sicial a:nth-child(1) {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tp-team-digi-sicial a:nth-child(2) {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.tp-team-digi-sicial a:nth-child(3) {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.tp-team-digi-sicial a:nth-child(4) {
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.tp-team-digi-sicial a svg {
  transform: translateY(-3px);
}
.tp-team-cpr-social {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 86%;
  z-index: 3;
}
.tp-team-cpr-thumb:hover .tp-team-cpr-inner::before {
  height: 100%;
}
.tp-team-cpr-inner::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  background: linear-gradient(180deg, rgba(36, 46, 69, 0) 38.02%, #242e45 100%);
  bottom: 0;
  left: 0;
  border-radius: 10px;
  transition: all 0.5s ease;
  z-index: 2;
}
.tp-team-cpr-link i {
  border-radius: 100%;
  border: 2px solid rgba(255, 255, 255, 0.2);
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  transition: all 0.4s ease;
  margin-left: 7px;
}
.tp-team-cpr-link i:hover {
  background: var(--tp-common-white);
  color: var(--tp-common-black-2);
  border-color: transparent;
}
.tp-team-cpr-link-2 {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  background: var(--tp-common-white);
  color: var(--tp-common-black-2);
  border: 2px solid transparent;
  transition: all 0.6s ease;
  transform: translateY(25px);
}
.tp-team-cpr-link-2:hover {
  background: transparent;
  color: var(--tp-common-white);
  border-color: rgba(255, 255, 255, 0.2);
}
.tp-team-lwr-thumb::before {
  position: absolute;
  content: "";
  background: linear-gradient(180deg, rgba(8, 41, 41, 0) 45%, #082929 100%);
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.tp-team-lwr-content {
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
}
.tp-team-lwr-social a:hover {
  background: var(--tp-common-apricot);
}
.tp-team-lwr-ratings {
  border: 1px solid rgba(24, 87, 87, 0.15);
  border-radius: 15px;
  padding: 1px 9px;
}
.tp-team-lwr-single {
  border-radius: 15px 0 0 15px;
}
@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-team-lwr-single {
    border-radius: 0;
  }
}
.tp-team-lwr-single-thumb {
  margin-top: -44px;
}
.tp-team-lwr-single-details {
  padding: 20px;
  border-radius: 0 15px 15px 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-team-lwr-single-details {
    border-radius: 0;
  }
}
@media (max-width: 575px) {
  .tp-team-lwr-single-details {
    padding: 0;
    padding-bottom: 20px;
  }
}
.tp-team-lwr-single-social {
  box-shadow: 0 4px 20px -4px #e4e4e4;
  padding: 45px 50px 50px 50px;
}
@media (max-width: 575px) {
  .tp-team-lwr-single-social {
    padding: 25px 20px 20px 20px;
  }
}
.tp-team-lwr-list {
  display: flex;
}
@media only screen and (min-width: 992px) 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-team-lwr-list {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .tp-team-lwr-list {
    display: block;
  }
}
.tp-team-lwr-list ul li {
  color: var(--tp-grey-7);
  display: flex;
}
.tp-team-lwr-list ul li i {
  transform: translateY(7px);
}
.tp-team-lwr-award {
  border-top: 1px solid rgba(24, 87, 87, 0.1);
  border-bottom: 1px solid rgba(24, 87, 87, 0.1);
}
.tp-team-lwr-award-border > div {
  padding: 30px 0px 22px 0px;
}
.tp-team-lwr-award-border > div:not(:last-child) {
  border-right: 1px solid rgba(24, 87, 87, 0.1);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-team-lwr-award-border > div {
    border: 1px solid rgba(24, 87, 87, 0.1);
    margin-top: -1px;
    margin-right: -1px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-team-lwr-right {
    margin-left: 0;
  }
}
.tp-team-med-item:hover .tp-team-med-overly {
  opacity: 1;
  visibility: visible;
}
.tp-team-med-overly {
  position: absolute;
  background: linear-gradient(180deg, rgba(136, 133, 166, 0) 9.57%, #2b265d 100%);
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  -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;
  visibility: hidden;
}
@media only screen and (min-width: 992px) 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-team-med-details-thumb {
    margin-right: 0;
  }
}
.tp-team-med-details-thumb img {
  height: 100%;
  object-fit: cover;
}
.tp-team-med-details-thumb .complite-operation {
  left: 30px;
  bottom: 30px;
  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%);
  padding: 30px 41px 22px 41px;
}
@media (max-width: 575px) {
  .tp-team-med-details-thumb .complite-operation {
    padding: 13px 16px 7px 15px;
    left: 10px;
    bottom: 10px;
  }
}
.tp-team-med-details-thumb .complite-operation .icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.tp-team-med-details-content {
  box-shadow: 0 10px 60px -10px rgba(15, 16, 38, 0.08);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-team-med-details-content {
    margin-left: 0;
  }
}
.tp-team-med-details-title {
  padding: 55px 45px 25px 60px;
}
@media (max-width: 575px) {
  .tp-team-med-details-title {
    padding: 27px 15px 16px 25px;
  }
}
.tp-team-med-details-social {
  padding: 36px 60px 60px 60px;
  border-radius: 0px 0px 12px 12px;
}
@media (max-width: 575px) {
  .tp-team-med-details-social {
    padding: 27px 15px 16px 25px;
  }
}
.tp-team-med-details-social .tp-footer-digi-sicial a:hover {
  background: var(--tp-theme-1);
}
.tp-team-med-details-tringle {
  position: absolute;
  top: -10px;
  left: 56px;
}
.tp-team-salon-item .tp-team-med-overly {
  background: linear-gradient(180deg, rgba(32, 3, 36, 0) 35%, #200324 100%);
}
.tp-team-salon-item .tp-team-digi-sicial {
  background: none;
  width: auto;
  bottom: 20px;
  left: 10px;
}
.tp-team-salon-item .tp-team-digi-sicial a {
  border: 2px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px;
  width: 36px;
  height: 36px;
  display: inline-block;
  margin-right: 8px;
  line-height: 29px;
  color: var(--tp-common-white);
}
.tp-team-salon-item .tp-team-digi-sicial a:hover {
  background: var(--tp-common-white);
  color: var(--tp-common-sky);
}
.tp-team-salon-shape {
  position: absolute;
  left: 0;
  top: 122px;
  width: 8%;
}
.tp-team-salon-call {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.tp-team-salon-call a {
  border-radius: 6px;
  width: 36px;
  height: 36px;
  background: var(--tp-theme-3);
  text-align: center;
  line-height: 36px;
  display: inline-block;
  opacity: 0;
  -webkit-transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(25px);
  transform: translateY(25px);
}
.tp-team-crt-share {
  width: 38px;
  height: 38px;
  line-height: 38px;
  top: -52px;
  z-index: 99;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tp-team-crt-item .tp-team-med-overly {
  background: linear-gradient(180deg, rgba(31, 34, 48, 0) 30%, #1f2230 100%);
}
.tp-team-crt-item .tp-team-digi-sicial {
  bottom: 45px;
}
.tp-team-crt-item .tp-team-digi-sicial a {
  color: var(--tp-common-white);
}
.tp-team-crt-item .tp-team-digi-sicial a:hover {
  color: var(--tp-common-yellow);
}
.tp-team-it-wrap .tp-team-cpr-inner::before {
  background: linear-gradient(180deg, rgba(0, 185, 86, 0) 38.02%, #00b956 100%);
  border-radius: 4px;
}

/*----------------------------------------*/
/*  2.9 contact
/*----------------------------------------*/
.tp-contact-digi-tag a {
  padding: 2px 12px;
}
.tp-contact-digi-tag a:hover {
  color: var(--tp-common-white);
  background: var(--tp-common-black);
}
.tp-contact-digi-tag a.active {
  color: var(--tp-common-white);
  background: var(--tp-common-black);
}
.tp-contact-digi-navigation {
  position: absolute;
  bottom: 60px;
  right: 60px;
  z-index: 2;
}
@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-contact-digi-navigation {
    bottom: 10px;
    right: auto;
    left: 10px;
  }
}
.tp-contact-digi-shadow {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(12, 14, 19, 0) 0%, rgba(12, 14, 19, 0.8) 100%);
}
.tp-contact-digi-icon {
  width: 50px;
  height: 50px;
  background: #c8f7fd;
  line-height: 50px;
}
.tp-contact-digi-icon.icon-2 {
  background: #ffe0c2;
}
.tp-contact-digi-icon.icon-3 {
  background: #d6c8ff;
}
.tp-contact-digi-location {
  position: absolute;
  bottom: 60px;
  left: 63px;
  z-index: 29;
}
.tp-contact-digi-border::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background: rgba(255, 255, 255, 0.3);
  top: 2px;
  right: -25px;
}
.tp-contact-digi-call a {
  display: inline-block;
  width: 244px;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  padding: 10px 0px;
}
@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-contact-digi-info-item {
    margin-top: 30px;
  }
}
.tp-contact-digi-form-shape {
  position: absolute;
  right: 0;
  bottom: 40px;
  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-contact-digi-form-inner {
    margin-left: 0;
  }
}
.tp-contact-digi-form-social a {
  width: 36px;
  height: 36px;
  border: 1px solid #e5e5e5;
  border-radius: 20px;
  text-align: center;
  line-height: 36px;
  text-align: center;
  display: inline-block;
}
.tp-contact-digi-form-social a:hover {
  background: var(--tp-theme-primary);
  color: var(--tp-common-black);
  border-color: var(--tp-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-contact-cpr-info {
    margin-left: 0;
  }
}
.tp-contact-med-thumb::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: rgba(43, 38, 93, 0.4);
  border-radius: 10px;
}
.tp-contact-med-form {
  width: 340px;
  padding: 35px 40px 40px 40px;
  box-shadow: 0 20px 80px 0 rgba(14, 14, 40, 0.25);
  background: var(--tp-common-white);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9;
}
@media (max-width: 575px) {
  .tp-contact-med-form {
    position: inherit;
    transform: translateY(0) !important;
    margin-top: -50%;
  }
}
.tp-contact-med-form .tp-footer-cpr-form .input, .tp-contact-med-form .tp-footer-cpr-form .textarea, .tp-contact-med-form .tp-footer-cpr-form .select {
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  color: var(--tp-grey-9);
  border-radius: 5px;
  background: var(--tp-grey-10);
  height: 44px;
  line-height: 42px;
  border: 1px solid transparent;
  padding: 10px 18px;
}
.tp-contact-med-form .tp-footer-cpr-form .input::-webkit-input-placeholder, .tp-contact-med-form .tp-footer-cpr-form .textarea::-webkit-input-placeholder, .tp-contact-med-form .tp-footer-cpr-form .select::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  color: var(--tp-grey-9);
}
.tp-contact-med-form .tp-footer-cpr-form .input::-moz-placeholder, .tp-contact-med-form .tp-footer-cpr-form .textarea::-moz-placeholder, .tp-contact-med-form .tp-footer-cpr-form .select::-moz-placeholder {
  /* Firefox 19+ */
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  color: var(--tp-grey-9);
}
.tp-contact-med-form .tp-footer-cpr-form .input:-moz-placeholder, .tp-contact-med-form .tp-footer-cpr-form .textarea:-moz-placeholder, .tp-contact-med-form .tp-footer-cpr-form .select:-moz-placeholder {
  /* Firefox 4-18 */
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  color: var(--tp-grey-9);
}
.tp-contact-med-form .tp-footer-cpr-form .input:-ms-input-placeholder, .tp-contact-med-form .tp-footer-cpr-form .textarea:-ms-input-placeholder, .tp-contact-med-form .tp-footer-cpr-form .select:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  color: var(--tp-grey-9);
}
.tp-contact-med-form .tp-footer-cpr-form .input::placeholder, .tp-contact-med-form .tp-footer-cpr-form .textarea::placeholder, .tp-contact-med-form .tp-footer-cpr-form .select::placeholder {
  /* MODERN BROWSER */
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  color: var(--tp-grey-9);
}
.tp-contact-med-form .tp-footer-cpr-form .input:focus, .tp-contact-med-form .tp-footer-cpr-form .textarea:focus, .tp-contact-med-form .tp-footer-cpr-form .select:focus {
  border-color: #6c60dc;
  box-shadow: 0 0 0 3px rgba(108, 96, 220, 0.15);
  background: none;
}
.tp-contact-med-form .tp-footer-cpr-form .select {
  padding: 0 18px;
}
.tp-contact-med-form .tp-footer-cpr-form .nice-select .current {
  font-size: 14px;
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  color: var(--tp-grey-9);
  text-transform: capitalize;
}
.tp-contact-med-form .tp-footer-cpr-form .textarea {
  height: 94px;
  line-height: 1.4;
}
.tp-contact-med-time ul li {
  list-style: none;
}
.tp-contact-med-time ul li:not(:last-child) {
  margin-bottom: 10px;
}
.tp-contact-med-social-ico a {
  box-shadow: 0 1px 2px 0 rgba(1, 16, 61, 0.14);
  background: #f1f1ff;
}
.tp-contact-service-thumb {
  box-shadow: 10px 10px 80px -30px rgba(94, 94, 149, 0.8);
  background: #f9f9ff;
  border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-contact-service-thumb {
    margin-right: 0;
  }
}
.tp-contact-country-info {
  background: #6c60dc;
  border-radius: 10px 0 0 10px;
  display: inline-block;
  width: 858px;
  max-width: 813px;
  padding: 60px 70px 30px 70px;
  position: absolute;
  top: 0;
  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-contact-country-info {
    width: 100%;
    position: inherit;
    border-radius: 0;
  }
}
@media (max-width: 575px) {
  .tp-contact-country-info {
    padding: 20px 20px 0px 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-contact-country-img-wrap {
    padding-top: 80px;
  }
}
.tp-contact-salon-info:hover .tp-contact-salon-icon {
  background: #ffe6f1;
  border-color: #ffe6f1;
}
.tp-contact-salon-icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: 1px solid rgba(84, 31, 92, 0.1);
  transition: all 0.4s ease;
}
.tp-contact-salon-form .tp-contact-salon-inner .input, .tp-contact-salon-form .tp-contact-salon-inner .select, .tp-contact-salon-form .tp-contact-salon-inner .textarea {
  height: 54px;
  border-radius: 5px;
  font-family: var(--tp-ff-roboto);
  font-size: 14px;
  color: var(--tp-grey-11);
  font-weight: 400;
  border: 1px solid rgba(84, 31, 92, 0.15);
}
.tp-contact-salon-form .tp-contact-salon-inner .input:focus, .tp-contact-salon-form .tp-contact-salon-inner .select:focus, .tp-contact-salon-form .tp-contact-salon-inner .textarea:focus {
  box-shadow: 0 0 0 3px rgba(239, 64, 116, 0.2);
  border: 1px solid #ef4074;
}
.tp-contact-salon-form .tp-contact-salon-inner .input::-webkit-input-placeholder, .tp-contact-salon-form .tp-contact-salon-inner .select::-webkit-input-placeholder, .tp-contact-salon-form .tp-contact-salon-inner .textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-grey-11);
}
.tp-contact-salon-form .tp-contact-salon-inner .input::-moz-placeholder, .tp-contact-salon-form .tp-contact-salon-inner .select::-moz-placeholder, .tp-contact-salon-form .tp-contact-salon-inner .textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-grey-11);
}
.tp-contact-salon-form .tp-contact-salon-inner .input:-moz-placeholder, .tp-contact-salon-form .tp-contact-salon-inner .select:-moz-placeholder, .tp-contact-salon-form .tp-contact-salon-inner .textarea:-moz-placeholder {
  /* Firefox 4-18 */
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-grey-11);
}
.tp-contact-salon-form .tp-contact-salon-inner .input:-ms-input-placeholder, .tp-contact-salon-form .tp-contact-salon-inner .select:-ms-input-placeholder, .tp-contact-salon-form .tp-contact-salon-inner .textarea:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-grey-11);
}
.tp-contact-salon-form .tp-contact-salon-inner .input::placeholder, .tp-contact-salon-form .tp-contact-salon-inner .select::placeholder, .tp-contact-salon-form .tp-contact-salon-inner .textarea::placeholder {
  /* MODERN BROWSER */
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-grey-11);
}
.tp-contact-salon-form .tp-contact-salon-inner .textarea {
  height: 144px;
}
.tp-contact-salon-form .tp-contact-salon-inner .nice-select {
  text-transform: capitalize;
  font-family: var(--tp-ff-roboto);
  font-size: 14px;
  color: var(--tp-grey-11);
  font-weight: 400;
  line-height: 50px;
}
.tp-contact-crt-shape {
  top: 27%;
  right: 0;
}
.tp-contact-crt-shape-2 {
  top: 130px;
  left: 0;
}
.tp-contact-crt-shape-3 {
  right: 0;
  bottom: 0;
}
.tp-contact-crt-form {
  box-shadow: -15px 15px 60px -10px rgba(34, 29, 61, 0.1);
  padding: 75px 80px 80px 80px;
  border-radius: 5px 0 0 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-contact-crt-form {
    padding: 55px 60px 60px 60px;
  }
}
@media (max-width: 575px) {
  .tp-contact-crt-form {
    padding: 25px 30px 30px 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-contact-crt-form {
    border-radius: 0;
  }
}
.tp-contact-crt-form .input, .tp-contact-crt-form .textarea {
  font-family: var(--tp-ff-open);
  font-weight: 400;
  font-size: 16px;
  color: #696969;
  border: none;
  border-bottom: 1px solid rgba(31, 34, 48, 0.15);
  padding: 0;
}
.tp-contact-crt-form .input:focus, .tp-contact-crt-form .textarea:focus {
  border-color: #1f2230;
}
.tp-contact-crt-form .input::-webkit-input-placeholder, .tp-contact-crt-form .textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: var(--tp-ff-open);
  font-weight: 400;
  font-size: 16px;
  color: #696969;
}
.tp-contact-crt-form .input::-moz-placeholder, .tp-contact-crt-form .textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-family: var(--tp-ff-open);
  font-weight: 400;
  font-size: 16px;
  color: #696969;
}
.tp-contact-crt-form .input:-moz-placeholder, .tp-contact-crt-form .textarea:-moz-placeholder {
  /* Firefox 4-18 */
  font-family: var(--tp-ff-open);
  font-weight: 400;
  font-size: 16px;
  color: #696969;
}
.tp-contact-crt-form .input:-ms-input-placeholder, .tp-contact-crt-form .textarea:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-family: var(--tp-ff-open);
  font-weight: 400;
  font-size: 16px;
  color: #696969;
}
.tp-contact-crt-form .input::placeholder, .tp-contact-crt-form .textarea::placeholder {
  /* MODERN BROWSER */
  font-family: var(--tp-ff-open);
  font-weight: 400;
  font-size: 16px;
  color: #696969;
}
.tp-contact-crt-form .textarea {
  height: 72px;
  resize: none;
}
.tp-contact-crt-2-thumb img {
  border-radius: 0 5px 5px 0px;
  object-fit: cover;
}
@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-contact-crt-2-thumb img {
    border-radius: 0;
  }
}
.tp-contact-crt-spacing {
  margin-bottom: -200px;
  z-index: 12;
  position: relative;
}
@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-contact-crt-spacing {
    margin-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) {
  .tp-contact-crt-content {
    margin-right: 0;
    margin-left: 0;
  }
}
.tp-contact-it-info {
  padding-top: 24px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-contact-it-info {
    margin-left: 0;
  }
}
.tp-contact-it-info-wrap {
  border-top: 1px solid rgba(37, 40, 64, 0.15);
}
@media (max-width: 575px) {
  .tp-contact-it-info-wrap {
    border-top: 0;
  }
}
.tp-contact-it-info-wrap .tp-border {
  border-right: 1px solid rgba(37, 40, 64, 0.15);
}
@media (max-width: 575px) {
  .tp-contact-it-info-wrap .tp-border {
    border-right: 0;
    padding-bottom: 0;
  }
}
.tp-contact-it-info span {
  font-family: var(--tp-ff-inter);
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
  display: block;
}
.tp-contact-it-info span svg {
  margin-right: 20px;
}
.tp-contact-it-info span a:hover {
  color: var(--tp-grey-4);
}
.tp-contact-it-info span:not(:last-child) {
  margin-bottom: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-contact-it-content {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .tp-contact-it-content p br {
    display: none;
  }
}
.tp-contact-it-form {
  border: 1px solid rgba(37, 40, 64, 0.15);
  background: var(--tp-common-white);
}
.tp-contact-it-form .tp-checkbox:checked {
  background-color: var(--tp-theme-4);
  border-color: var(--tp-theme-4);
}
.tp-contact-it-form .tp-checkbox {
  transform: translateY(1px);
}
.tp-contact-pizza-form-inner .tp-postbox-cpr-postbox-form {
  border: 1px solid rgba(35, 35, 35, 0.1);
  box-shadow: none;
}
.tp-contact-pizza-form-inner .tp-postbox-cpr-input-group {
  padding: 20px 30px;
  border-bottom: 1px solid rgba(35, 35, 35, 0.1);
  border-right: 1px solid rgba(35, 35, 35, 0.1);
  margin-right: -2px;
}
.tp-contact-pizza-form-inner .tp-checkbox {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 18px;
  height: 18px;
  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;
  border-radius: 4px;
  border: 1px solid #a1a5a7;
}
.tp-contact-pizza-form-inner .tp-checkbox:checked {
  position: relative;
  background-color: var(--tp-theme-5);
  border-color: transparent;
}
.tp-contact-pizza-form-inner .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-contact-pizza-form-inner .tp-checkbox:hover {
  cursor: pointer;
}
.tp-contact-pizza-form-inner .tp-postbox-cpr-input-group .input {
  background: none;
}
.tp-contact-lwr-item {
  padding: 40px 50px 22px 50px;
}
.tp-contact-lwr-item:hover {
  background: var(--tp-common-white);
  box-shadow: 0 10px 40px -10px rgba(22, 21, 43, 0.1);
}
.tp-contact-lwr-form .input, .tp-contact-lwr-form .select, .tp-contact-lwr-form .textarea {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--tp-grey-7);
  border: 1px solid rgba(28, 78, 78, 0.1);
  border-radius: 5px;
  height: 52px;
}
.tp-contact-lwr-form .input:focus, .tp-contact-lwr-form .select:focus, .tp-contact-lwr-form .textarea:focus {
  border: 1px solid #185757;
  box-shadow: 0 0 0 3px rgba(24, 87, 87, 0.1);
  background: #f8f8f8;
}
.tp-contact-lwr-form .input::-webkit-input-placeholder, .tp-contact-lwr-form .select::-webkit-input-placeholder, .tp-contact-lwr-form .textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--tp-grey-7);
}
.tp-contact-lwr-form .input::-moz-placeholder, .tp-contact-lwr-form .select::-moz-placeholder, .tp-contact-lwr-form .textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--tp-grey-7);
}
.tp-contact-lwr-form .input:-moz-placeholder, .tp-contact-lwr-form .select:-moz-placeholder, .tp-contact-lwr-form .textarea:-moz-placeholder {
  /* Firefox 4-18 */
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--tp-grey-7);
}
.tp-contact-lwr-form .input:-ms-input-placeholder, .tp-contact-lwr-form .select:-ms-input-placeholder, .tp-contact-lwr-form .textarea:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--tp-grey-7);
}
.tp-contact-lwr-form .input::placeholder, .tp-contact-lwr-form .select::placeholder, .tp-contact-lwr-form .textarea::placeholder {
  /* MODERN BROWSER */
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--tp-grey-7);
}
.tp-contact-lwr-form .textarea {
  height: 143px;
}
@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-contact-lwr-map {
    margin-left: 0;
  }
}
.tp-contact-lwr-map iframe {
  height: 482px;
  width: 100%;
  filter: saturate(0);
  border-radius: 10px;
}

/*----------------------------------------*/
/*  7.29 subscribe css
/*----------------------------------------*/
.tp-subscribe-digi-form {
  width: 950px;
  padding: 55px 10px 10px 10px;
  box-shadow: 0 10px 60px -10px rgba(1, 16, 61, 0.08);
  background: #fefefe;
  position: absolute !important;
  left: 50%;
  top: 50%;
  margin: 0 auto;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-subscribe-digi-form {
    width: 750px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-subscribe-digi-form {
    width: 540px;
  }
}
@media (max-width: 575px) {
  .tp-subscribe-digi-form {
    width: 100%;
  }
}
.tp-subscribe-digi-form .close i {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 20px;
  cursor: pointer;
  font-weight: 400;
  color: var(--tp-common-black);
  transition: 0.3s;
}
.tp-subscribe-digi-form-input {
  width: 533px;
  display: inline-block;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-subscribe-digi-form-input {
    width: 400px;
  }
}
@media (max-width: 575px) {
  .tp-subscribe-digi-form-input {
    width: 100%;
  }
}
.tp-subscribe-digi-form-input .input {
  background: #ebfeb2;
}
.tp-subscribe-digi-form-input .input:focus {
  border: 1px solid var(--tp-theme-primary);
  background: transparent;
}
.tp-subscribe-cpr-form {
  width: 520px;
  padding: 0;
  box-shadow: 0 10px 60px -10px rgba(1, 16, 61, 0.08);
  background: #fefefe;
  position: absolute !important;
  left: 50%;
  top: 50%;
  margin: 0 auto;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-subscribe-cpr-form {
    width: 420px;
  }
}
@media (max-width: 575px) {
  .tp-subscribe-cpr-form {
    width: 100%;
  }
}
.tp-subscribe-cpr-form .close i {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 20px;
  cursor: pointer;
  font-weight: 400;
  color: var(--tp-common-black);
  transition: 0.3s;
}
.tp-subscribe-cpr-content {
  padding: 0 45px 60px 45px;
}
@media (max-width: 575px) {
  .tp-subscribe-cpr-content {
    padding: 0 20px 30px 20px;
  }
}
.tp-subscribe-cpr-content .icon {
  background: var(--tp-grey-6);
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 10px solid var(--tp-common-white);
  text-align: center;
  line-height: 104px;
  display: inline-block;
  margin-top: -70px;
}
.tp-subscribe-salon-form {
  width: 950px;
  box-shadow: 0 0 80px 0 rgba(84, 31, 92, 0.2);
  position: absolute !important;
  left: 50%;
  top: 50%;
  margin: 0 auto;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  z-index: 9999;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-subscribe-salon-form {
    width: 750px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-subscribe-salon-form {
    width: 540px;
  }
}
@media (max-width: 575px) {
  .tp-subscribe-salon-form {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-subscribe-salon-form-input {
    flex-direction: column;
  }
}
.tp-subscribe-salon-thumb {
  width: 440px;
  flex: 0 0 auto;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-subscribe-salon-thumb {
    width: 345px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-subscribe-salon-thumb {
    width: 100%;
  }
}
.tp-subscribe-salon-thumb img {
  border-radius: 10px 0px 0px 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-subscribe-salon-thumb img {
    border-radius: 10px;
  }
}
.tp-subscribe-salon-content {
  width: 100%;
  padding: 40px 30px;
}
.tp-subscribe-salon-content .tp-checkbox {
  border: 1px solid #968698;
  border-radius: 4px;
  width: 14px;
  height: 14px;
}
.tp-subscribe-salon-content .tp-checkbox:checked {
  background-color: var(--tp-theme-3);
}
.tp-subscribe-salon-content .close {
  position: absolute;
  top: 22px;
  right: 30px;
}
.tp-subscribe-salon-content .close i {
  font-size: 18px;
  color: #968698;
  cursor: pointer;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-subscribe-salon-content .close i {
    color: var(--tp-common-white);
  }
}
.tp-subscribe-salon-content .close i:hover {
  color: var(--tp-theme-3);
}
.tp-subscribe-salon-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 13%;
}

.subscribe-popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1099;
  background-color: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  margin: 0 auto;
  text-align: center;
}

.subscribe-popup.show {
  visibility: visible;
  opacity: 1;
}

.subscribe-popup .close:hover i {
  transform: rotate(180deg);
}

/*----------------------------------------*/
/*  7.8 chose css
/*----------------------------------------*/
.tp-chose-cpr-chart {
  margin-top: -120px;
}
@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-chose-cpr-chart {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-chose-cpr-content {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-chose-cpr-content {
    margin-left: 0;
  }
}
.tp-chose-cpr-big-text {
  right: -62px;
  bottom: -55px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-chose-cpr-big-text {
    margin-bottom: -60px;
    position: inherit;
  }
}
.tp-chose-cpr-big-text img {
  margin-bottom: -118px;
  position: relative;
  margin-left: -66px;
}
.tp-chose-cpr-big-text h2 {
  font-size: 260px;
  color: #f3f5f9;
  line-height: 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-chose-cpr-big-text h2 {
    font-size: 180px;
  }
}
@media (max-width: 575px) {
  .tp-chose-cpr-big-text h2 {
    font-size: 140px;
  }
}
.tp-chose-cpr-content .tp-about-progress .progress-bar {
  background: linear-gradient(90deg, #217cff 0%, #32c3e5 100%);
}
.tp-chose-cpr-content .tp-about-progress {
  background: #f3f5f9;
  margin-bottom: 60px;
}
.tp-chose-cpr-content .tp-about-cpr-feature-list ul li span {
  background: none;
  box-shadow: none;
}
.tp-chose-cpr-content .tp-about-cpr-feature-list ul li:not(:last-child) {
  margin-bottom: 9px;
}
@media (max-width: 575px) {
  .tp-chose-med-thumb {
    margin-right: 0;
  }
}
.tp-chose-med-thumb .thumb {
  box-shadow: 0 10px 60px -10px rgba(43, 35, 121, 0.3);
  background: #d9d9d9;
}
.tp-chose-med-thumb .tp-expert-video {
  left: -80px;
}
.tp-chose-med-shape {
  top: -50px;
  right: 120px;
}
.tp-chose-med-content .tp-about-cpr-feature-list ul li {
  font-family: var(--tp-ff-poppins);
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-common-black-4);
}
.tp-chose-med-content .tp-about-cpr-feature-list ul li span {
  background: #f9f9ff;
  color: var(--tp-theme-1);
  box-shadow: 0 1px 2px 0 rgba(197, 188, 237, 0.6);
  line-height: 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-chose-med-content {
    margin-right: 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-chose-med-content {
    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-chose-pizza-content {
    margin-top: 40px;
  }
}
.tp-chose-pizza-content .tp-service-pizza-item:hover .icon {
  background: var(--tp-common-black-2);
  color: var(--tp-common-white);
}
.tp-chose-pizza-content .icon {
  background: var(--tp-common-white);
  box-shadow: 0 0 15px 0 rgba(21, 23, 52, 0.06);
  line-height: 76px;
  -webkit-transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1.7);
  transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1.7);
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-chose-pizza-thumb {
    margin-right: 0;
  }
}
.tp-chose-pizza-thumb-2 {
  margin-top: -200px;
  position: relative;
  z-index: 1;
}
@media (max-width: 575px) {
  .tp-chose-pizza-thumb-2 {
    margin-top: 30px;
  }
}
.tp-chose-pizza-thumb .tp-hero-pizza-round-text {
  width: 160px;
  height: 160px;
  border-radius: 100%;
  background: #febf00;
  box-shadow: 10px 10px 40px 0 rgba(44, 44, 23, 0.3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-chose-pizza-thumb .tp-hero-pizza-round-text span {
    margin-top: 46px;
  }
}
.tp-chose-pizza-thumb .tp-hero-pizza-round-text::before {
  width: 140px;
  height: 140px;
  border-color: var(--tp-theme-5);
  top: 7%;
}
.tp-chose-pizza-thumb .tp-hero-pizza-round {
  top: 11%;
  left: auto;
  right: 64px;
}
@media (max-width: 575px) {
  .tp-chose-pizza-thumb .tp-hero-pizza-round {
    top: 0;
    right: 0;
  }
}
.tp-chose-pizza-shape {
  bottom: 112px;
  left: 0;
  width: 9%;
}
.tp-chose-pizza-shape-2 {
  bottom: -27%;
  left: 38px;
}
.tp-chose-pizza-2-wrap .tp-about-pizza-content {
  margin-left: -30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-chose-pizza-2-wrap .tp-about-pizza-content {
    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-chose-pizza-2-wrap .tp-about-pizza-content {
    margin-top: 40px;
  }
}
.tp-chose-pizza-slider .tp-testimonial-lwr-navigation {
  position: inherit;
}
.tp-chose-pizza-slider .tp-testimonial-lwr-navigation span {
  background: #f8f8f2;
  border: 7px solid #f8f8f2;
}
.tp-chose-pizza-slider .tp-hero-pizza-round {
  top: 6%;
  right: 3px;
}
.tp-chose-pizza-slider .pizza {
  -webkit-animation: rotate-infinite-2 60s linear infinite;
  animation: rotate-infinite-2 60s linear infinite;
}
.tp-chose-pizza-slider .tometo {
  left: -15px;
  top: 80px;
}
.tp-chose-pizza-slider .chili {
  bottom: 120px;
  left: -180px;
}
.tp-chose-pizza-slider .leaf {
  bottom: 38px;
  right: 238px;
}
@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-chose-pizza-slider .leaf {
    bottom: 0;
    right: 0;
  }
}
.tp-chose-pizza-slider .big-title {
  font-size: 300px;
  color: #f8f8f2;
  position: absolute;
  bottom: 70px;
  left: -230px;
}
@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-chose-pizza-slider .big-title {
    font-size: 200px;
    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-chose-pizza-slider .big-title {
    bottom: 150px;
  }
}

/*----------------------------------------*/
/*  7.34 video css
/*----------------------------------------*/
.tp-video-cpr-wrap {
  padding-top: 280px;
  padding-left: 70px;
  box-shadow: 0 20px 60px 0 rgba(28, 24, 51, 0.25);
  background: #d9d9d9;
}
@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-video-cpr-wrap {
    padding-top: 180px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-video-cpr-wrap {
    padding-left: 15px;
  }
}
.tp-video-cpr-tag {
  padding: 1px 20px;
  background: #f3513c;
  top: 40px;
  right: 40px;
  position: absolute;
}
@media (max-width: 575px) {
  .tp-video-cpr-content h3 br {
    display: none;
  }
}
.tp-video-cpr-big-title {
  font-size: 140px;
  position: absolute;
  bottom: -50px;
  right: -170px;
}
@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-video-cpr-big-title {
    font-size: 100px;
    bottom: -30px;
    right: -100px;
  }
}
@media (max-width: 575px) {
  .tp-video-cpr-big-title {
    font-size: 85px;
  }
}
.tp-video-lwr-content .tp-btn-video {
  background: var(--tp-common-apricot);
}
.tp-video-lwr-wrap {
  padding-top: 390px;
  padding-left: 85px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-video-lwr-wrap {
    padding-top: 300px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-video-lwr-wrap {
    padding-top: 250px;
  }
}
@media (max-width: 575px) {
  .tp-video-lwr-wrap {
    padding-top: 200px;
    padding-left: 25px;
  }
}
.tp-video-lwr-wrap::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(24, 87, 87, 0) 39.5%, #185757 100%);
  border-radius: 10px;
}
.tp-video-lwr-big-title {
  position: absolute;
  font-size: 140px;
  bottom: -47px;
  right: -25px;
  color: rgba(255, 255, 255, 0.6);
}
@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-video-lwr-big-title {
    font-size: 100px;
    bottom: -20px;
    right: -5px;
  }
}
@media (max-width: 575px) {
  .tp-video-lwr-big-title {
    font-size: 85px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-video-salon-space {
    padding-bottom: 100px;
  }
}
.tp-video-crt-spacing {
  margin-top: -370px;
  position: relative;
  z-index: 1;
}
.tp-video-crt-wrap {
  padding-top: 280px;
  padding-left: 0;
  box-shadow: 0 10px 70px -10px rgba(92, 92, 92, 0.5);
  background: #bcbcbc;
}
@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-video-crt-wrap {
    padding-top: 180px;
    padding-left: 20px;
    padding-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-video-crt-wrap {
    padding-bottom: 0;
  }
}
.tp-video-crt-wrap .tp-btn-video {
  margin-right: 0;
  background: var(--tp-common-yellow);
}
.tp-video-it-main .tp-hero-it-bigtext {
  right: -80px;
}
.tp-video-it-content {
  padding-top: 330px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-video-it-content {
    padding-top: 150px;
  }
}
.tp-video-it-content .tp-btn-video {
  background: var(--tp-theme-4);
}

/*----------------------------------------*/
/*  2.7 capabili
/*----------------------------------------*/
.tp-capabili-border {
  background: rgba(36, 46, 69, 0.15);
  height: 1px;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-capabili-content {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .tp-capabili-content {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-capabili-content p {
    margin-right: 0;
  }
}

/*----------------------------------------*/
/*  7.22 pagenation css
/*----------------------------------------*/
.tp-pagenation nav ul li {
  list-style: none;
  display: inline-block;
  margin-right: 6px;
}
.tp-pagenation nav ul li a {
  width: 44px;
  height: 44px;
  border-radius: 22px;
  box-shadow: 0 1px 3px 0 rgba(3, 4, 28, 0.1);
  background: var(--tp-common-white);
  display: inline-block;
  text-align: center;
  line-height: 44px;
  font-family: var(--tp-ff-jakarta);
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-black-3);
  transition: all 0.4s ease;
}
.tp-pagenation nav ul li a:hover {
  background: var(--tp-common-pisces);
  color: var(--tp-common-white);
}
.tp-pagenation nav ul li.next a {
  width: auto;
  height: auto;
  font-family: var(--tp-ff-jakarta);
  font-weight: 700;
  font-size: 16px;
  color: var(--tp-common-white);
  box-shadow: 0 1px 2px 0 rgba(3, 4, 28, 0.1);
  background: var(--tp-common-pisces);
  border-radius: 10px;
  padding: 0px 19px;
}
.tp-pagenation nav ul li.next a i {
  margin-left: 3px;
}
.tp-pagenation-lwr nav ul li a:hover {
  background: var(--tp-common-apricot);
}
.tp-pagenation-lwr nav ul li.next a {
  background: var(--tp-common-apricot);
}
.tp-pagenation-it nav ul li a {
  font-family: var(--tp-ff-grotesk);
  border: 1px solid rgba(37, 40, 64, 0.15);
  background: none;
  box-shadow: none;
}
.tp-pagenation-it nav ul li a:hover {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
  border-color: var(--tp-common-white);
  box-shadow: 0 1px 3px 0 rgba(3, 4, 28, 0.2);
}
.tp-pagenation-it nav ul li.next a {
  background: var(--tp-theme-4);
  border-color: var(--tp-theme-4);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  7.19 maps css
/*----------------------------------------*/
.tp-map-box {
  line-height: 0;
}
.tp-map-box iframe {
  width: 100%;
  height: 600px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-map-box iframe {
    height: 400px;
  }
}
@media (max-width: 575px) {
  .tp-map-box iframe {
    height: 300px;
  }
}
.tp-map-lwr-box iframe {
  height: 462px;
  filter: saturate(0);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-map-lwr-box iframe {
    height: 400px;
  }
}
@media (max-width: 575px) {
  .tp-map-lwr-box iframe {
    height: 300px;
  }
}
.tp-map-salon-box iframe {
  height: 640px;
  filter: saturate(0);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-map-salon-box iframe {
    height: 500px;
  }
}
@media (max-width: 575px) {
  .tp-map-salon-box iframe {
    height: 400px;
  }
}
@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-map-salon-spacing {
    padding-top: 0;
  }
}
.tp-map-salon-location-info {
  width: 400px;
  box-shadow: 0 10px 40px 0 rgba(214, 206, 206, 0.8);
  padding: 33px 60px 33px 60px;
  position: absolute;
  left: 300px;
  top: 40px;
  line-height: 1;
}
@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-map-salon-location-info {
    margin: 50px auto;
    position: inherit;
  }
}
@media (max-width: 575px) {
  .tp-map-salon-location-info {
    width: 100%;
    padding: 23px 30px 23px 30px;
  }
}
.tp-map-salon-location-info-2 {
  top: 0;
  box-shadow: 0 10px 40px 0 rgba(214, 206, 206, 0.8);
}
.tp-map-salon-time .block {
  padding: 5px 6px 3px 6px;
}
.tp-map-salon-time-wrap > div:not(:last-child) {
  border-bottom: 1px solid #541f5c;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.tp-map-crt-box {
  line-height: 0;
}
.tp-map-crt-box iframe {
  height: 640px;
  width: 100%;
  line-height: 1;
  filter: saturate(0);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-map-crt-box iframe {
    height: 400px;
  }
}
@media (max-width: 575px) {
  .tp-map-crt-box iframe {
    height: 300px;
  }
}
.tp-map-pizza {
  width: 588px;
  position: absolute;
  right: 0;
  top: 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-map-pizza {
    width: 100%;
    position: inherit;
    margin-top: 40px;
  }
}
.tp-map-pizza iframe {
  height: 644px;
  width: 100%;
  line-height: 1;
  border-radius: 6px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-map-pizza iframe {
    height: 450px;
  }
}
@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-map-pizza-area {
    padding-bottom: 70px;
  }
}

/*----------------------------------------*/
/*  7.35 work css
/*----------------------------------------*/
@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-work-lwr-title-wrap br {
    display: none;
  }
}
.tp-work-lwr-item {
  padding: 30px 30px;
  border: 1px solid rgba(28, 78, 78, 0.1);
  margin-right: -1px;
  border-bottom: 0;
  padding-bottom: 15px;
  border-radius: 10px 10px 0px 0px;
}
.tp-work-lwr-item .lwr-shadow {
  transition: all 0.5s ease;
}
.tp-work-lwr-item:hover .lwr-shadow {
  box-shadow: 0 10px 40px -10px #5e5e95;
}
.tp-work-med-btn {
  text-decoration: underline;
  text-decoration-color: var(--tp-theme-1);
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.tp-work-med-btn:hover {
  text-decoration: underline;
  text-decoration-color: var(--tp-common-black-4);
  color: var(--tp-common-black-4);
}
@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-work-med-btn-wrap {
    text-align: left !important;
  }
}
.tp-work-med-shape {
  bottom: 0;
  left: 0;
  width: 12%;
}
.tp-work-crt-item:hover .tp-work-crt-count {
  color: var(--tp-theme-4);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-work-crt-item p br {
    display: none;
  }
}
.tp-work-crt-count {
  color: #edf9f3;
  font-size: 120px;
  transition: all 0.4s ease;
}
.tp-work-crt-border {
  width: 100%;
  height: 1px;
  background: #edf9f3;
  top: 27.3%;
  left: 0;
  z-index: 1;
}
.tp-work-crt-banner-content {
  padding: 30px 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-work-crt-banner-content {
    margin-right: 15px;
  }
}
@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-work-crt-banner-content {
    padding: 30px 30px;
  }
}
@media (max-width: 575px) {
  .tp-work-crt-banner-content {
    margin-right: 0;
  }
}
.tp-work-crt-banner-wrap {
  box-shadow: 0 20px 60px 0 rgba(173, 169, 191, 0.4);
  margin-top: -320px;
  position: relative;
}
.tp-work-crt-btn .tp-btn-salon-lg {
  padding: 11px 36px;
}
.tp-work-crt-icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
}
.tp-work-crt-transparent-text {
  font-size: 200px;
  color: rgba(255, 255, 255, 0.1);
  position: absolute;
  right: -579px;
  bottom: -171px;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-work-crt-transparent-text {
    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-work-crt-transparent-text {
    font-size: 100px;
    bottom: -20px;
    right: -200px;
  }
}
.tp-work-crt-valu {
  left: 40px;
  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) {
  .tp-work-crt-valu {
    bottom: 40px;
  }
}
@media (max-width: 575px) {
  .tp-work-crt-valu {
    bottom: -15px;
    left: 0;
  }
}
.tp-work-crt-valu .crt-text-position {
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
}
.tp-work-crt-bg {
  position: relative;
  z-index: -1;
}
.tp-work-crt-bg-shape {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
}
.tp-work-crt-bg-shape-2 {
  position: absolute;
  right: 0;
  z-index: 1;
  top: 18%;
  width: 15%;
}
.tp-work-crt-content-bg {
  padding-bottom: 455px;
}

/*----------------------------------------*/
/*  7.12 expert css
/*----------------------------------------*/
.tp-expert-lwr-progress-wrapper .tp-about-progress {
  background: #f9f3ef;
  height: 6px;
}
.tp-expert-lwr-progress-wrapper .tp-about-progress .progress-bar {
  background-color: var(--tp-common-apricot);
}
.tp-expert-lwr-progress-wrapper .tp-about-progress .progress-bar span {
  transform: translateY(-80%);
  box-shadow: none;
  border: none;
  border-radius: 0;
  background: none;
  letter-spacing: -0.02em;
  color: #898d95;
  font-weight: 500;
  font-size: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-expert-lwr-brand {
    margin-left: 0;
  }
}
.tp-expert-lwr-brand-wrap {
  display: flex;
  flex-wrap: nowrap;
}
@media (max-width: 575px) {
  .tp-expert-lwr-brand-wrap img {
    margin-right: 20px;
  }
}
.tp-expert-video {
  width: 160px;
  box-shadow: -10px 6px 60px -10px rgba(117, 117, 126, 0.15);
  position: absolute;
  top: 60px;
  left: -90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-expert-video {
    left: 20px;
  }
}
@media (max-width: 575px) {
  .tp-expert-video {
    left: auto;
    right: 0;
    top: 0;
  }
}
.tp-expert-video-thumb {
  box-shadow: 0 10px 40px -10px rgba(4, 29, 29, 0.4);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-expert-video-thumb {
    margin-left: 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-expert-video-thumb {
    margin-left: 0;
  }
}
.tp-expert-video-thumb::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(28, 78, 78, 0) 52.39%, #1c4e4e 100%);
  border-radius: 10px;
}
.tp-expert-video .tp-btn-video {
  height: 40px;
  width: 40px;
  line-height: 40px;
  background: var(--tp-common-white);
}
.tp-expert-play-video {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}
.tp-expert-expreance {
  bottom: 15px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 575px) {
  .tp-expert-expreance {
    bottom: 0;
  }
}
.tp-expert-expreance p {
  margin-bottom: -15px;
}
.tp-expert-expreance span {
  width: 56px;
  height: 56px;
  text-align: center;
  line-height: 56px;
}

/*----------------------------------------*/
/*  2.14 feature
/*----------------------------------------*/
.tp-feature-med-wrap {
  padding: 50px 50px 20px 50px;
  border: 1px solid rgba(43, 38, 93, 0.1);
}
@media (max-width: 575px) {
  .tp-feature-med-wrap {
    padding: 0;
    border: none;
  }
}
.tp-feature-med-bg {
  background: linear-gradient(180deg, #f1f1ff 0%, rgba(241, 241, 255, 0) 100%);
}
@media (max-width: 575px) {
  .tp-feature-med-content {
    margin-right: 0;
  }
}
.tp-feature-med-content .icon {
  box-shadow: 0 4px 10px 0 #e6e5f3;
  width: 90px;
  height: 90px;
  line-height: 90px;
  -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;
  flex: 0 0 auto;
}
@media (max-width: 575px) {
  .tp-feature-med-content .icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}
.tp-feature-med-content:hover .icon {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-feature-med-content-2 {
  border: 1px solid rgba(43, 38, 93, 0.15);
  padding: 50px 35px 42px 35px;
  transition: all 0.4s ease;
}
.tp-feature-med-content-2:hover {
  box-shadow: 0 10px 60px -10px rgba(43, 35, 121, 0.2);
  border-color: var(--tp-common-white);
}
.tp-feature-med-title-wrap .badge {
  padding: 4px 7px;
}
.tp-feature-salon-border > div {
  border-bottom: 1px solid rgba(84, 31, 92, 0.1);
}
.tp-feature-salon-border > div:not(:last-child) {
  border-right: 1px solid rgba(84, 31, 92, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-feature-salon-border > div:not(:last-child) {
    border-right: 0;
  }
}
.tp-feature-salon-2-item {
  padding: 45px 40px 25px 40px;
  transition: all 0.4s ease;
}
.tp-feature-salon-2-item:hover {
  background: var(--tp-common-white);
  box-shadow: 0 10px 40px -10px rgba(22, 21, 43, 0.1);
}
.tp-feature-salon-2-item:hover .tp-feature-salon-2-shape {
  opacity: 1;
  visibility: visible;
}
.tp-feature-salon-2-item .icon {
  border-bottom: 1px solid rgba(84, 31, 92, 0.15);
}
.tp-feature-salon-2-item .icon svg {
  width: 60px;
  height: 40px;
}
.tp-feature-salon-2-shape {
  bottom: 17px;
  right: 50px;
  opacity: 0;
  visibility: visible;
  transition: all 0.4s ease;
}
.tp-feature-crt-icon {
  top: 30%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
}
.tp-feature-crt-item:hover .tp-feature-crt-icon {
  color: var(--tp-common-yellow);
  animation: icon-bounce 0.8s 1;
}
.tp-feature-crt-shape {
  right: 0;
  top: -50px;
  z-index: -1;
  width: 14%;
}
.tp-feature-pizza-item {
  -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.tp-feature-pizza-item:hover {
  -webkit-transform: translate3d(0, -7px, 0);
  transform: translate3d(0, -7px, 0);
}
.tp-feature-pizza-item:hover .tp-feature-pizza-count {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.tp-feature-pizza-item:hover .title {
  color: rgba(35, 35, 35, 0.16);
}
.tp-feature-pizza-count {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  top: -5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: all 0.4s ease;
}
.tp-feature-cpc-item {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 60px 60px 35px 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), (max-width: 575px) {
  .tp-feature-cpc-item {
    padding: 30px 30px 15px 30px;
  }
}
.tp-feature-cpc-item:hover .tp-feature-cpc-shape {
  opacity: 1;
  visibility: visible;
}
.tp-feature-cpc-shape {
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
}
.tp-feature-cpc-shape-2 {
  position: absolute;
  background: rgba(192, 177, 255, 0.6);
  width: 400px;
  height: 500px;
  filter: blur(250px);
  right: -150px;
  top: -300px;
}
.tp-feature-cpc-border {
  position: absolute;
  content: "";
  width: 700px;
  height: 654px;
  border-radius: 100%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  right: -420px;
  top: -349px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-feature-cpc-border {
    width: 600px;
  }
}
@media only screen and (min-width: 992px) 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-feature-cpc-border {
    width: 540px;
  }
}
.tp-feature-cpc-coin {
  right: 205px;
  top: -40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-feature-cpc-coin {
    right: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-feature-cpc-coin {
    right: 60px;
  }
}
.tp-feature-cpc-coin.apps {
  top: 150px;
  right: 143px;
}
.tp-feature-cpc-big-text {
  font-size: 200px;
  background: linear-gradient(180deg, rgba(3, 7, 28, 0.9) 0%, #1a1341 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-feature-cpc-big-text {
    font-size: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-feature-cpc-big-text {
    font-size: 90px;
  }
}
@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-feature-cpc-big-text {
    font-size: 70px;
  }
}
@media (max-width: 575px) {
  .tp-feature-cpc-big-text {
    font-size: 35px;
  }
}
.tp-feature-cpc-chart-img img {
  mix-blend-mode: luminosity;
}

/*----------------------------------------*/
/*  2.5 banner
/*----------------------------------------*/
.tp-banner-med-left {
  padding: 34px 40px 12px 40px;
  backdrop-filter: blur(10px);
  box-shadow: 0 30px 50px 0 rgba(1, 6, 20, 0.12);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-banner-med-left {
    margin: 70px 30px 70px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-banner-med-left {
    margin: 70px 0 70px 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-banner-med-left {
    margin: 30px 30px 30px 30px;
  }
}
.tp-banner-med-experience h2 {
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 240px;
  line-height: 200px;
}
.tp-banner-med-experience span {
  color: rgba(255, 255, 255, 0.65);
  display: inline-block;
  transform: translateY(-29px);
}
.tp-banner-med-para p {
  color: rgba(255, 255, 255, 0.65);
}
.tp-banner-med-para a {
  text-decoration: underline;
  text-decoration-skip-ink: none;
}

/*----------------------------------------*/
/*  7.33 timetable css
/*----------------------------------------*/
/* Event style 02 */
.time-schedule.alt-font.event-style-02 {
  margin-top: -1px;
  margin-bottom: -1px;
  margin-left: -1px;
  margin-right: -1px;
}

.time-table {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  flex: 1 0;
}
.time-table + .time-table .time-table-box {
  border-top-width: 0 !important;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .time-schedule-scroll {
    overflow-x: auto;
    overflow-y: hidden;
  }
}

@media only screen and (min-width: 992px) 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) {
  .time-schedule-min-width {
    min-width: 1250px;
  }
}

.time-table-box {
  -webkit-box-align: stretch;
  align-items: stretch;
  text-align: center;
  flex-basis: 12.5%;
  padding: 30px 20px;
  padding-bottom: 20px;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  min-height: 100px;
  transition: all 0.5s ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .time-table-box {
    padding: 20px 10px;
  }
}
.time-table-box:hover {
  background: var(--tp-theme-1);
  border-color: var(--tp-theme-1) !important;
}
.time-table-box:hover .inner-box span {
  color: var(--tp-common-white);
}
.time-table-box:hover .inner-box > div {
  color: rgba(255, 255, 255, 0.75);
}
.time-table-box .inner-box {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  flex: 1 auto;
  z-index: 9;
  align-items: flex-start;
}
.time-table-box .inner-box img {
  width: 30px;
  margin-bottom: 4px;
}
.time-table-box .inner-box > div {
  line-height: initial;
  margin-top: 7px;
}
.time-table-box + .time-table-box {
  border-left-width: 0 !important;
}
.time-table-box + .time-table-box.name-box:before {
  position: absolute;
  content: "";
  transition: opacity 0.3s;
  opacity: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--base-color);
}
.time-table-box + .time-table-box.name-box:hover:before {
  opacity: 1;
}
.time-table-box + .time-table-box.name-box:hover .hover-detail {
  visibility: visible;
  opacity: 1;
}
.time-table-box.day {
  padding: 15px 10px;
  min-height: 1px;
}
.time-table-box .hover-detail {
  position: absolute;
  left: 50%;
  top: 100%;
  padding: 20px 20px;
  padding-bottom: 15px;
  border-radius: 10px;
  width: 220px;
  z-index: 111;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  box-shadow: 0 0 60px 0 rgba(27, 23, 55, 0.12);
}
.time-table-box .hover-detail:after {
  content: "";
  top: -21px;
  left: 50%;
  height: 0;
  width: 0;
  z-index: 9;
  margin-left: -14px;
  position: absolute;
  pointer-events: none;
  border: solid transparent;
  border-width: 11px;
  border-bottom-color: var(--tp-common-white);
}
.time-table-box .hover-detail.hover-detail-left {
  left: auto;
  right: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.time-table-box .hover-detail.hover-detail-left:after {
  right: 60px;
  left: auto;
}
.time-table-box .hover-detail.hover-detail-top {
  top: auto;
  bottom: 100%;
}
.time-table-box .hover-detail.hover-detail-top:after {
  top: auto;
  bottom: -21px;
  border-top-color: var(--tp-common-white);
  border-bottom-color: transparent;
}

.name-box span {
  line-height: 26px;
  transition: 0.2s;
}
.name-box div {
  line-height: 26px;
  transition: 0.2s;
}

.border-color-gray {
  border: 1px solid rgba(43, 38, 93, 0.1) !important;
}

/*----------------------------------------*/
/*  7.2 apoinment css
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-apoinment-form {
    margin-right: 0;
    margin-left: 0;
  }
}
.tp-apoinment-form .date-icon, .tp-apoinment-form .time-icon {
  position: relative;
}
.tp-apoinment-form .date-icon input[type=date]::-webkit-inner-spin-button,
.tp-apoinment-form .date-icon input[type=date]::-webkit-calendar-picker-indicator, .tp-apoinment-form .time-icon input[type=date]::-webkit-inner-spin-button,
.tp-apoinment-form .time-icon input[type=date]::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
  opacity: 0;
  -moz-appearance: none;
  appearance: none;
}
.tp-apoinment-form .date-icon input[type=time]::-webkit-inner-spin-button,
.tp-apoinment-form .date-icon input[type=time]::-webkit-calendar-picker-indicator, .tp-apoinment-form .time-icon input[type=time]::-webkit-inner-spin-button,
.tp-apoinment-form .time-icon input[type=time]::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
  opacity: 0;
  -moz-appearance: textfield;
  appearance: none;
}
.tp-apoinment-form .date-icon:after, .tp-apoinment-form .time-icon:after {
  content: "\f073";
  font-family: var(--tp-ff-fontawesome);
  right: 30px;
  top: 50%;
  position: absolute;
  pointer-events: none;
  font-size: 18px;
  margin-top: -25px;
}
.tp-apoinment-form .date-icon input[type=date]::-webkit-date-and-time-value, .tp-apoinment-form .time-icon input[type=date]::-webkit-date-and-time-value {
  text-align: left !important;
}
.tp-apoinment-form .time-icon:after {
  content: "\e356";
}
.tp-apoinment-form .input, .tp-apoinment-form .select, .tp-apoinment-form .textarea {
  font-family: var(--tp-ff-roboto);
  font-size: 14px;
  color: var(--tp-grey-9);
  text-transform: capitalize;
  background: var(--tp-common-white);
  border: 1px solid transparent;
  border-radius: 5px;
  height: 54px;
  line-height: 51px;
  padding: 15px 27px;
  padding-right: 12px;
}
.tp-apoinment-form .input:focus, .tp-apoinment-form .select:focus, .tp-apoinment-form .textarea:focus {
  box-shadow: 0 0 0 3px rgba(108, 96, 220, 0.15);
  border: 1px solid #6c60dc;
}
.tp-apoinment-form .input::-webkit-input-placeholder, .tp-apoinment-form .select::-webkit-input-placeholder, .tp-apoinment-form .textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: var(--tp-ff-roboto);
  font-size: 14px;
  color: var(--tp-grey-9);
}
.tp-apoinment-form .input::-moz-placeholder, .tp-apoinment-form .select::-moz-placeholder, .tp-apoinment-form .textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-family: var(--tp-ff-roboto);
  font-size: 14px;
  color: var(--tp-grey-9);
}
.tp-apoinment-form .input:-moz-placeholder, .tp-apoinment-form .select:-moz-placeholder, .tp-apoinment-form .textarea:-moz-placeholder {
  /* Firefox 4-18 */
  font-family: var(--tp-ff-roboto);
  font-size: 14px;
  color: var(--tp-grey-9);
}
.tp-apoinment-form .input:-ms-input-placeholder, .tp-apoinment-form .select:-ms-input-placeholder, .tp-apoinment-form .textarea:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-family: var(--tp-ff-roboto);
  font-size: 14px;
  color: var(--tp-grey-9);
}
.tp-apoinment-form .input::placeholder, .tp-apoinment-form .select::placeholder, .tp-apoinment-form .textarea::placeholder {
  /* MODERN BROWSER */
  font-family: var(--tp-ff-roboto);
  font-size: 14px;
  color: var(--tp-grey-9);
}
.tp-apoinment-form .select {
  padding: 0 30px;
  font-size: 14px;
  line-height: 55px;
}
.tp-apoinment-form .textarea {
  padding-top: 20px;
  height: 144px;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-apoinment-form-thumb {
    margin-left: 0;
  }
}

/*----------------------------------------*/
/*  7.20 offer css
/*----------------------------------------*/
.tp-offer-salon-content {
  padding: 110px 60px 115px 60px;
}
@media (max-width: 575px) {
  .tp-offer-salon-content {
    padding: 70px 25px 70px 25px;
  }
}
.tp-offer-salon-content::before {
  position: absolute;
  content: "";
  width: 93%;
  height: 90%;
  left: 0;
  right: 0;
  margin: 0 auto;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.tp-offer-salon-content .tp-btn-salon-lg {
  padding: 8px 27px;
}
.tp-offer-cpc-item {
  background: #13172c;
  border-radius: 30px;
  width: 100%;
  padding: 15px 15px 15px 15px;
}
.tp-offer-cpc-slider-active .swiper-slide {
  display: inline-block;
  width: 384px;
  margin: 0 20px;
}

/*----------------------------------------*/
/*  7.16 gallery css
/*----------------------------------------*/
.tp-gellary-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  z-index: 4;
}
.tp-gellary-salon-thumb {
  position: relative;
}
.tp-gellary-salon-thumb:hover::before {
  opacity: 1;
  visibility: visible;
}
.tp-gellary-salon-thumb:hover .tp-gellary-icon {
  opacity: 1;
  visibility: visible;
}
.tp-gellary-salon-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  z-index: 3;
  background: linear-gradient(180deg, rgba(84, 31, 92, 0.8) 0%, rgba(84, 31, 92, 0.8) 100%);
}
.tp-gellary-crt-item {
  transition: all 0.5s ease-in-out;
}
.tp-gellary-crt-item::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  background: linear-gradient(180deg, rgba(2, 169, 92, 0) 30%, #02a95c 100%);
  bottom: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  border-radius: 6px;
}
.tp-gellary-crt-item:hover {
  box-shadow: 0 10px 40px -5px rgba(177, 174, 182, 0.8);
}
.tp-gellary-crt-item:hover::after {
  opacity: 1;
  height: 100%;
}
.tp-gellary-crt-item:hover .tp-instagram-icon {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.tp-gellary-crt-item .tp-instagram-icon {
  bottom: 40px;
  left: 0;
  right: 0;
  text-align: center;
  transition: all 0.5s ease;
  visibility: hidden;
  z-index: 8;
  transform: scale(0.5);
  opacity: 0;
}
.tp-gellary-crt-item .tp-instagram-icon span i {
  width: 40px;
  height: 40px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  line-height: 38px;
  text-align: center;
  margin-left: 10px;
  border-radius: 50%;
}

/*----------------------------------------*/
/*  7.4 awards css
/*----------------------------------------*/
.tp-awards-crt-counter {
  font-size: 140px;
}
.tp-awards-crt-counter .vertical-counter-number {
  letter-spacing: -13px;
}
.tp-awards-crt-plus {
  top: 5px;
  right: -12px;
}
.tp-awards-crt-map {
  position: absolute;
  bottom: 0;
  left: 80px;
  right: 80px;
  z-index: -1;
}
@media (max-width: 575px) {
  .tp-awards-crt-map {
    width: 100%;
    left: 0;
    right: 0;
  }
}
.tp-awards-crt-item {
  border-top: 1px solid rgba(24, 87, 87, 0.1);
  border-bottom: 1px solid rgba(24, 87, 87, 0.1);
  border-right: 1px solid rgba(24, 87, 87, 0.1);
  margin-right: -1px;
  margin-top: -1px;
  margin-top: 2px;
  padding: 28px 0px 20px 0px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-awards-crt-item {
    margin-top: -1px;
  }
}
@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-awards-crt-right-content {
    padding-top: 0px;
  }
}

/*----------------------------------------*/
/*  2.21 order
/*----------------------------------------*/
.tp-order-pizza-item {
  padding: 67px 0px 70px 50px;
}
@media (max-width: 575px) {
  .tp-order-pizza-item {
    padding: 67px 0px 70px 15px;
  }
}
.tp-order-pizza-shape {
  top: 0;
  right: 0;
  width: 59%;
}
@media (max-width: 575px) {
  .tp-order-pizza-shape {
    width: 50%;
  }
}
.tp-order-pizza-2-content {
  padding: 67px 20px 70px 0px;
}
@media (max-width: 575px) {
  .tp-order-pizza-2-content {
    padding: 37px 30px 30px 15px;
  }
}
.tp-order-pizza-2-content .tp-btn-pizza-lg {
  box-shadow: 0 0 6px 0 rgba(47, 47, 24, 0.08);
}
.tp-order-pizza-2-thumb .tp-hero-pizza-round-text {
  box-shadow: 10px 10px 40px 0 rgba(44, 44, 23, 0);
  width: 100px;
  height: 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) {
  .tp-order-pizza-2-thumb .tp-hero-pizza-round-text span {
    margin-top: 4px;
  }
}
.tp-order-pizza-2-thumb .tp-hero-pizza-round-text::before {
  width: 80px;
  height: 80px;
  border: 2px dashed var(--tp-theme-5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-order-pizza-2-thumb .tp-hero-pizza-round-text::before {
    margin-top: 4px;
  }
}
.tp-order-pizza-2-thumb .tp-hero-pizza-round {
  top: 9%;
  left: auto;
  right: 18px;
}

/*----------------------------------------*/
/*  7.26 product css
/*----------------------------------------*/
.tp-product-pizza-item {
  border: 1px solid rgba(35, 35, 35, 0.15);
  padding: 50px 20px 40px 20px;
  transition: all 0.4s ease;
}
.tp-product-pizza-item:hover {
  box-shadow: 0 12px 20px 0 rgba(1, 15, 28, 0.06);
  background: var(--tp-common-white);
  border-color: var(--tp-common-white);
}
.tp-product-pizza-item:hover .thumb {
  transform: rotate(-10deg);
}
.tp-product-pizza-item .thumb {
  -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-product-pizza-ratings {
  background: #f8f8f2;
  display: inline-block;
  padding-left: 5px;
}
.tp-product-pizza-ratings span {
  border-radius: 0 2px 2px 0;
  width: 32px;
  height: 30px;
  line-height: 30px;
}
.tp-product-pizza-shape {
  right: 100px;
  top: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-product-pizza-shape {
    right: 0;
  }
}
.tp-product-pizza-shape-2 {
  left: 140px;
  top: 113px;
}
@media only screen and (min-width: 992px) 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-product-pizza-shape-2 {
    left: 0;
  }
}
.tp-product-pizza-shape-3 {
  font-family: var(--tp-ff-staat);
  font-weight: 400;
  font-size: 220px;
  letter-spacing: 0.02em;
  color: var(--tp-common-white);
  bottom: 0;
  left: -20px;
}

/*----------------------------------------*/
/*  7.18 history css
/*----------------------------------------*/
.tp-history-pizza-border {
  width: 100%;
  height: 1px;
  background: #e7e7e7;
}
.tp-history-pizza-thumb {
  text-align: center;
}
.tp-history-pizza-thumb .border {
  height: 90px;
  width: 1px;
  background: #d9d9d9;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tp-history-pizza-thumb .border-rounded {
  width: 15px;
  height: 15px;
  background: var(--tp-common-black-2);
  border-radius: 20px;
  bottom: -8px;
}
.tp-history-pizza-thumb.thumb-2 .border {
  bottom: auto;
  top: 0;
}
.tp-history-pizza-thumb.thumb-2 .border-rounded {
  top: -8px;
}
.tp-history-pizza-cntent {
  padding-left: 70px;
  padding-right: 70px;
}
.tp-history-pizza-slider-active {
  margin-right: -300px;
}
@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-history-pizza-slider-active {
    margin-right: 0;
  }
}
.tp-history-pizza-slider-active .swiper-slide {
  width: 790px;
  display: inline-block;
}

/*----------------------------------------*/
/*  7.3 apps css
/*----------------------------------------*/
.tp-apps-cpc-thumb img {
  mix-blend-mode: luminosity;
}
.tp-apps-cpc-item {
  border: 1px solid rgba(255, 255, 255, 0.25);
  padding: 17px 45px 17px 25px;
}

/*# sourceMappingURL=main.css.map */