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

    Template Name: Consora - Business Finance & Consulting HTML Template
    Author: Aqlova
    Support: https://help.aqlova.com/login
    Description: Consora - Business Finance & Consulting HTML Template
    Version: 1.0

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

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

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

	-----------------
    02. COMPONENTS css
	-----------------
		2.1 Back to top
		2.2 Buttons
		2.3 Animations
		2.4 Preloader
		2.5 Background
		2.6 Breadcrumb
		2.7 Accordion
		2.8 Section Title
		2.9 select
	-----------------
    03. HEADER CSS
	-----------------
		3.1 Header Style 1

    ---------------------------------
	04. MENU CSS
	---------------------------------
		4.1 dropdown scss
		4.2 Mobile Menu
		4.3 offcanvas scss

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

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

	---------------------------------
	07. PAGES CSS
	---------------------------------
		7.1 Hero css
		7.2 about css
		7.3 project css
		7.4 service css
		7.5 text slider css
		7.6 video css
		7.7 testimonial css
		7.8 price css
		7.9 brand css
		8.0 team css
		8.1 stories css
		8.2 value css
		8.3 partner css
		8.4 banner css
		8.5 cta css
		8.6 feature css
		8.7 counter css
		8.8 fact css
		8.9 award css


**********************************************/
/*----------------------------------------*/
/*  1.1 Theme Default
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
.back-to-top-wrapper, 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;
}

.tp-header-lan a span svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}

/* transform */
@font-face {
  font-family: "TT Hoves Pro Trial";
  src: url("../fonts/TT Hoves Pro Trial Light.woff") format("woff");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "TT Hoves Pro Trial";
  src: url("../fonts/TT Hoves Pro Trial Regular.woff") format("woff");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "TT Hoves Pro Trial";
  src: url("../fonts/TT Hoves Pro Trial Medium.woff") format("woff");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "TT Hoves Pro Trial";
  src: url("../fonts/TT Hoves Pro Trial DemiBold.woff") format("woff");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "TT Hoves Pro Trial";
  src: url("../fonts/TT Hoves Pro Trial Bold.woff") format("woff");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
:root {
  --tp-ff-body: 'TT Hoves Pro Trial', sans-serif;
  --tp-ff-heading: 'TT Hoves Pro Trial', sans-serif;
  --tp-ff-tt-pro: 'TT Hoves Pro Trial', sans-serif;
  --tp-common-white: #FFFFFF;
  --tp-common-black: #000000;
  --tp-text-body: #333;
  --tp-theme-primary: #CEF79E;
  --tp-theme-secondary: #222F30;
  --tp-theme-gray: #E7E8E1;
  --tp-theme-white: #F7F7F5;
  --tp-finance-primary: #CEF79E;
  --tp-finance-secondary: #222F30;
  --tp-finance-gray: #E7E8E1;
  --tp-finance-white: #F7F7F5;
  --tp-consulting-primary: #C1F43D;
  --tp-consulting-secondary: #01373D;
  --tp-consulting-gray: #586C6E;
  --tp-consulting-white: #F6F5F2;
  --tp-advisory-primary: #1B3942;
  --tp-advisory-secondary: #67797E;
  --tp-advisory-orange: #FE5B2C;
  --tp-advisory-white: #F7F7F7;
  --tp-corporate-primary: #123543;
  --tp-corporate-secondary: #67797E;
  --tp-corporate-sulu: #BEFF74;
  --tp-corporate-white: #F8F8F8;
  --tp-accounting-primary: #FF6347;
  --tp-accounting-secondary: #FF7D55;
  --tp-accounting-3: #B3452A;
  --tp-accounting-gray: #F9E9DB;
  --tp-accounting-brown: #3A1510;
  --tp-accounting-wood: #897E7B;
}

.theme-finance {
  --tp-theme-primary: #CEF79E;
  --tp-theme-secondary: #222F30;
  --tp-theme-gray: #E7E8E1;
  --tp-theme-white: #F7F7F5;
}

.theme-consulting {
  --tp-theme-primary: #C1F43D;
  --tp-theme-secondary: #01373D;
  --tp-theme-gray: #586C6E;
  --tp-theme-white: #F6F5F2;
}

.theme-advisory {
  --tp-theme-primary: #1B3942;
  --tp-theme-secondary: #67797E;
  --tp-theme-orange: #FE5B2C;
  --tp-theme-white: #F7F7F7;
}

.theme-corporate {
  --tp-theme-primary: #123543;
  --tp-theme-secondary: #67797E;
  --tp-theme-sulu: #BEFF74;
  --tp-theme-white: #F8F8F8;
}

.theme-accounting {
  --tp-theme-primary: #FF6347;
  --tp-theme-secondary: #FF7D55;
  --tp-theme-3: #B3452A;
  --tp-theme-gray: #F9E9DB;
  --tp-theme-brown: #3A1510;
  --tp-theme-wood: #897E7B;
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1545px;
  }
  .container-1800 {
    max-width: 1825px;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

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

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0px;
  font-weight: 500;
  line-height: 1.2;
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 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 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 15px;
  color: var(--tp-text-body);
  font-family: var(--tp-ff-body);
}

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

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

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

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

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
textarea {
  outline: none;
  height: 52px;
  width: 100%;
  line-height: 52px;
  font-size: 16px;
  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;
}

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

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

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

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

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

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

.tp-slide-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.tp-slide-transtion .swiper-slide {
  width: auto;
}

.tp-line-anim {
  display: inline;
  transition: all 0.3s linear;
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);
}
.tp-line-anim:hover {
  background-size: 0% 1px, 100% 1px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-sec-ptb {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .tp-sec-ptb {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.tp-sec-line {
  border-bottom: 1px solid rgba(34, 47, 48, 0.08);
}

.radius-6 {
  overflow: hidden;
  border-radius: 6px;
}

.tp-doubble-effect {
  display: inline-flex;
  align-items: center;
}
.tp-doubble-effect i {
  position: relative;
  overflow: hidden;
  width: 25px;
  height: 25px;
  display: inline-flex;
  margin-left: 7px;
}
.tp-doubble-effect i svg {
  transform: translateY(-2px);
  position: absolute;
  bottom: -1px;
  left: 1px;
  transition: all 0.2s ease-out;
}
.tp-doubble-effect i svg:last-child {
  left: -12px;
  bottom: -12px;
  transform: translate(0, 0);
  opacity: 0;
}
.tp-doubble-effect:hover i svg:first-child {
  transform: translate(23px, -23px);
}
.tp-doubble-effect:hover i svg:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(13px, -13px);
}
.tp-doubble-effect:hover span::after {
  transform: translate(1rem);
}
.tp-doubble-effect:hover span::before {
  transform: translate(calc(100% + 1rem));
}

.tp-form-checkbox {
  display: none;
}
.tp-form-checkbox:checked ~ label::before {
  border-color: var(--tp-common-black);
  background-color: var(--tp-common-black);
}
.tp-form-checkbox-label {
  z-index: 1;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  padding-inline-start: 26px;
  color: var(--tp-finance-secondary);
}
.tp-form-checkbox-label::before {
  position: absolute;
  content: "";
  top: 4px;
  inset-inline-start: 0;
  width: 18px;
  height: 18px;
  transition: all 0.4s ease;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 10px;
  border: 1px solid rgba(34, 47, 48, 0.15);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M0.750122 5.50012C0.750122 5.50012 2.35012 6.41265 3.15012 7.75012C3.15012 7.75012 5.55012 2.50012 8.75012 0.750122' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-color: var(--tp-common-white);
}
.tp-form-checkbox-label:hover {
  cursor: pointer;
}

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

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

/*----------------------------------------*/
/*  2.2 Buttons
/*----------------------------------------*/
.tp-btn {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  transition: 0.3s;
  border-radius: 6px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 17px 58px 17px 23px;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-secondary);
}
.tp-btn i::after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  right: -36px;
  top: 50%;
  border-radius: 2px;
  transform: translateY(-50%);
  background-color: var(--tp-common-white);
  transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
}
@media (max-width: 767px) {
  .tp-btn i::after {
    right: -30px;
  }
}
@media (max-width: 767px) {
  .tp-btn {
    padding: 17px 50px 17px 22px;
  }
}
.tp-btn:hover {
  color: var(--tp-common-white);
}
.tp-btn.theme-bg-color {
  color: var(--tp-theme-secondary);
  background-color: var(--tp-theme-primary);
}
.tp-btn.theme-bg-color i::after {
  background-color: var(--tp-theme-secondary);
}
.tp-btn-border {
  background-color: transparent;
  color: var(--tp-theme-secondary);
  border: 1px solid rgba(34, 47, 48, 0.1);
}
.tp-btn-border i::after {
  background-color: var(--tp-theme-secondary);
}
.tp-btn-border:hover {
  color: var(--tp-theme-secondary);
}
.tp-btn-advisory-style {
  color: var(--tp-advisory-primary);
  border-color: var(--tp-advisory-primary);
}
.tp-btn-advisory-style:hover {
  color: var(--tp-advisory-primary);
}
.tp-btn-advisory-style i::after {
  background-color: var(--tp-advisory-primary);
}
.tp-btn-corporate-style {
  background-color: var(--tp-corporate-primary);
}
.tp-btn-corporate-sulu {
  color: var(--tp-corporate-primary);
  background-color: var(--tp-corporate-sulu);
}
.tp-btn-corporate-sulu:hover {
  color: var(--tp-corporate-primary);
}
.tp-btn-corporate-sulu i::after {
  background-color: var(--tp-corporate-primary);
}
.tp-btn-accounting-style {
  background-color: var(--tp-accounting-3);
}
.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 {
  position: relative;
  z-index: 3;
  transition: transform 0.6s 0s cubic-bezier(0.1, 0.75, 0.25, 1);
}
.tp-btn-switch-animation .btn-icon {
  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;
  margin-left: 0;
  transform: translateX(-15px);
  transition: opacity 0.4s 0s, transform 0.6s 0s;
}
.tp-btn-switch-animation .btn-icon + .btn-icon::after {
  right: 40px;
  transition: right 0.4s;
}
.tp-btn-switch-animation:hover .btn-text {
  transition-delay: 125ms;
  transform: translateX(25px);
}
.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(10px);
  transition-delay: 225ms;
}
.tp-btn-switch-animation:hover .btn-icon + .btn-icon::after {
  right: 0;
}
.tp-btn-underline {
  display: inline-flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.tp-btn-underline::before, .tp-btn-underline::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0.2em;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.5s cubic-bezier(0.59, 0.23, 0.22, 0.96);
}
.tp-btn-underline::before {
  left: 0;
}
.tp-btn-underline::after {
  left: -1rem;
  transform: translateX(-100%);
}
.tp-btn-underline:hover {
  color: var(--tp-common-black);
}
.tp-btn-underline:hover::after {
  transform: translateX(1rem);
}
.tp-btn-underline:hover::before {
  transform: translateX(calc(100% + 1rem));
}
.tp-btn-event {
  gap: 12px;
  border-radius: 6px;
  align-items: center;
  display: inline-flex;
  padding: 6px 6px 6px 25px;
  color: var(--tp-common-white);
  transition: background-color 0.3s ease;
  background-color: var(--tp-theme-secondary);
}
.tp-btn-event:hover, .tp-btn-event:focus {
  color: var(--tp-common-white);
}
.tp-btn-event .button-text {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.16px;
}
.tp-btn-event .button-image {
  position: relative;
  z-index: 2;
  width: 16px;
  height: 16px;
  display: block;
  transform-style: preserve-3d;
}
.tp-btn-event .button-icon-wrapper {
  position: relative;
  width: 32px;
  height: 32px;
  display: flex;
  overflow: hidden;
  border-radius: 2px;
  align-items: center;
  justify-content: center;
  transform-style: preserve-3d;
}
.tp-btn-event .button-dot {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  border-radius: 2px;
  transform: scale(0.25);
  transform-origin: center;
  background-color: var(--tp-common-white);
}
.tp-btn-event.theme-bg-color {
  color: var(--tp-theme-secondary);
  background-color: var(--tp-theme-primary);
}
.tp-btn-event.theme-bg-color .button-dot {
  background-color: var(--tp-theme-secondary);
}
.tp-btn-event.theme-bg-color .button-image {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(180deg) brightness(200%) contrast(200%);
}
.tp-btn-event.tp-btn-border {
  background-color: transparent;
  color: var(--tp-finance-secondary);
  border: 1px solid rgba(34, 47, 48, 0.1);
}
.tp-btn-event.tp-btn-border .button-dot {
  background-color: var(--tp-finance-secondary);
}
.tp-btn-event.tp-btn-border .button-image {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(180deg) brightness(200%) contrast(200%);
}
.tp-btn-event.tp-btn-advisory-style {
  color: var(--tp-advisory-primary);
  border-color: var(--tp-advisory-primary);
}
.tp-btn-event.tp-btn-advisory-style:hover {
  color: var(--tp-advisory-primary);
}
.tp-btn-event.tp-btn-advisory-style i::after {
  background-color: var(--tp-advisory-primary);
}
.tp-btn-event.tp-btn-corporate-style {
  background-color: var(--tp-corporate-primary);
}
.tp-btn-event.tp-btn-corporate-sulu {
  color: var(--tp-corporate-primary);
  background-color: var(--tp-corporate-sulu);
}
.tp-btn-event.tp-btn-corporate-sulu:hover {
  color: var(--tp-corporate-primary);
}
.tp-btn-event.tp-btn-corporate-sulu i::after {
  background-color: var(--tp-corporate-primary);
}
.tp-btn-event.tp-btn-accounting-style {
  background-color: var(--tp-accounting-3);
}

/*----------------------------------------*/
/*  2.3 Animations
/*----------------------------------------*/
@keyframes rotate_anim {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes text_upper {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-105%);
  }
}
@keyframes text_bottom {
  0% {
    transform: translateY(105%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes animate-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(255, 255, 255, 0.2);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 255, 255, 0.2);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes animation-popup {
  0% {
    -webkit-transform: scale(0.7) rotate(0deg);
    transform: scale(0.7) rotate(0deg);
  }
  40% {
    -webkit-transform: scale(0.7) rotate(160deg);
    transform: scale(0.7) rotate(160deg);
  }
  80% {
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg);
  }
}
@keyframes dot-2 {
  0% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes bar_anim {
  0%, 100% {
    -webkit-clip-path: inset(-2px 0);
    clip-path: inset(-2px 0);
  }
  42% {
    -webkit-clip-path: inset(-2px 0 -2px 100%);
    clip-path: inset(-2px 0 -2px 100%);
  }
  43% {
    -webkit-clip-path: inset(-2px 100% -2px 0);
    clip-path: inset(-2px 100% -2px 0);
  }
}
/*----------------------------------------*/
/*  2.4 Preloader
/*----------------------------------------*/
.loader-mask {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  z-index: 99999;
  background-color: var(--tp-finance-secondary);
  /* Flexbox use korle margin ba transform-er jhamela thake na */
  display: flex;
  flex-direction: column; /* Loader upore, title niche */
  justify-content: center; /* Vertical alignment */
  align-items: center; /* Horizontal alignment */
}
.loader-mask li {
  height: 60px;
  width: 60px;
  z-index: 9;
  position: relative;
  display: inline-block;
  list-style: none; /* List dot remove korar jonno */
  /* Transform ebong top/left remove kora hoyeche flexbox use koray */
}

.loading-title {
  font-size: 60px;
  font-weight: 400;
  letter-spacing: -1px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 20px; /* Loader theke ektu gap rakhar jonno */
  text-align: center;
}

/* Baki animation code apnar tai thakbe */
.tp-fading-circle .tp-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0 auto;
}
.tp-fading-circle .tp-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  border-radius: 100%;
  background-color: var(--tp-consulting-primary);
  -webkit-animation: tp-circleFadeDelay 1.5s infinite ease-in-out both;
  animation: tp-circleFadeDelay 1.5s infinite ease-in-out both;
}
.tp-fading-circle .tp-circle2 {
  transform: rotate(30deg);
}
.tp-fading-circle .tp-circle3 {
  transform: rotate(60deg);
}
.tp-fading-circle .tp-circle4 {
  transform: rotate(90deg);
}
.tp-fading-circle .tp-circle5 {
  transform: rotate(120deg);
}
.tp-fading-circle .tp-circle6 {
  transform: rotate(150deg);
}
.tp-fading-circle .tp-circle7 {
  transform: rotate(180deg);
}
.tp-fading-circle .tp-circle8 {
  transform: rotate(210deg);
}
.tp-fading-circle .tp-circle9 {
  transform: rotate(240deg);
}
.tp-fading-circle .tp-circle10 {
  transform: rotate(270deg);
}
.tp-fading-circle .tp-circle11 {
  transform: rotate(300deg);
}
.tp-fading-circle .tp-circle12 {
  transform: rotate(330deg);
}
.tp-fading-circle .tp-circle2:before {
  animation-delay: -1.1s;
}
.tp-fading-circle .tp-circle3:before {
  animation-delay: -1s;
}
.tp-fading-circle .tp-circle4:before {
  animation-delay: -0.9s;
}
.tp-fading-circle .tp-circle5:before {
  animation-delay: -0.8s;
}
.tp-fading-circle .tp-circle6:before {
  animation-delay: -0.7s;
}
.tp-fading-circle .tp-circle7:before {
  animation-delay: -0.6s;
}
.tp-fading-circle .tp-circle8:before {
  animation-delay: -0.5s;
}
.tp-fading-circle .tp-circle9:before {
  animation-delay: -0.4s;
}
.tp-fading-circle .tp-circle10:before {
  animation-delay: -0.3s;
}
.tp-fading-circle .tp-circle11:before {
  animation-delay: -0.2s;
}
.tp-fading-circle .tp-circle12:before {
  animation-delay: -0.1s;
}

@keyframes tp-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
/*----------------------------------------*/
/*  2.5 Background
/*----------------------------------------*/
/*----------------------------------------*/
/*  2.6 Breadcrumb
/*----------------------------------------*/
.tp-breadcrumb-content p {
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-breadcrumb-content p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-breadcrumb-content p br {
    display: none;
  }
}
.tp-breadcrumb-title {
  font-size: 48px;
  margin-bottom: 10px;
  letter-spacing: -0.48px;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-breadcrumb-title {
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .tp-breadcrumb-title {
    font-size: 40px;
  }
}
.tp-breadcrumb-list {
  display: block;
  margin-bottom: 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(34, 47, 48, 0.15);
}
.tp-breadcrumb-list li {
  line-height: 1;
  display: inline-block;
  color: var(--tp-finance-secondary);
}
.tp-breadcrumb-list li:not(:last-child) {
  margin-right: 4px;
}
.tp-breadcrumb-list li a {
  display: inline-block;
}
.tp-breadcrumb-list li a:hover {
  color: var(--tp-common-black);
}

/*----------------------------------------*/
/*  2.7 Accordion
/*----------------------------------------*/
.tp-faq-wrap .accordion-buttons {
  position: relative;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  width: 100%;
  text-align: left;
  padding: 25px 0px;
  padding-right: 40px;
  letter-spacing: -0.24px;
  -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-finance-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-faq-wrap .accordion-buttons {
    font-size: 20px;
  }
}
.tp-faq-wrap .accordion-buttons:not(.collapsed) .tp-faq-icon::before {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  -moz-transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  -o-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}
.tp-faq-wrap .accordion-buttons:not(.collapsed) .tp-faq-icon::before, .tp-faq-wrap .accordion-buttons:not(.collapsed) .tp-faq-icon::after {
  background-color: var(--tp-finance-secondary);
}
.tp-faq-wrap .accordion-items {
  margin-bottom: 10px;
  background: var(--tp-common-white);
  border-bottom: 1px solid rgba(34, 47, 48, 0.08);
}
.tp-faq-wrap .accordion-body {
  padding: 0 70px 20px 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-faq-wrap .accordion-body {
    padding: 0 45px 20px 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-faq-wrap .accordion-body {
    padding: 0 40px 20px 0px;
  }
}
.tp-faq-wrap .accordion-body p {
  margin-bottom: 0;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-faq-wrap .accordion-body p br {
    display: none;
  }
}
.tp-faq-icon {
  top: 22px;
  right: 0px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  display: inline-block;
}
.tp-faq-icon::after, .tp-faq-icon::before {
  content: "";
  width: 12px;
  height: 2px;
  left: 50%;
  top: 50%;
  position: absolute;
  border-radius: 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;
  background-color: var(--tp-finance-secondary);
  -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-faq-icon::before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  -o-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-faq-heading {
    margin-bottom: 30px;
  }
}
.tp-fi-faq-support {
  width: 386px;
  padding: 40px;
  overflow: hidden;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .tp-fi-faq-support {
    width: 100%;
  }
}
.tp-fi-faq-support-shape {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 6px;
}
.tp-fi-faq-support-title {
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 20px;
  letter-spacing: -0.32px;
}
.tp-fi-faq-support-list ul li {
  gap: 10px;
  display: flex;
  list-style: none;
  margin-bottom: 5px;
  letter-spacing: -0.16px;
  color: var(--tp-finance-secondary);
}

/*----------------------------------------*/
/*  2.8 Section Title
/*----------------------------------------*/
.tp-section-sub {
  z-index: 1;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  margin-bottom: 5px;
  display: inline-block;
  color: var(--tp-theme-secondary);
}
.tp-section-sub::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 6px;
  height: 5px;
  width: 100%;
  z-index: -1;
  background: #CEF79E;
}
.tp-section-sub.primary-color {
  color: var(--tp-theme-primary);
}
.tp-section-sub.primary-color::before {
  background: #476769;
}
.tp-section-title {
  font-size: 48px;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -0.48px;
  color: var(--tp-theme-secondary);
}
.tp-section-title.white-color {
  color: var(--tp-common-white);
}
.tp-section-title.advisory-color {
  color: var(--tp-advisory-primary);
}
.tp-section-title.corporate-color {
  color: var(--tp-corporate-primary);
}
.tp-section-title.accounting-color {
  color: var(--tp-accounting-brown);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-section-title {
    font-size: 45px;
  }
  .tp-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), (max-width: 767px) {
  .tp-section-title {
    font-size: 40px;
  }
  .tp-section-title br {
    display: none;
  }
}
.tp-section-title.fs-32 {
  font-size: 32px;
}
.tp-section-title.fs-36 {
  font-size: 36px;
}
.tp-section-cn-sub {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  display: inline-block;
  color: var(--tp-consulting-secondary);
}
.tp-section-at-subtitle {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  display: inline-block;
  color: var(--tp-accounting-3);
}

/*----------------------------------------*/
/*  2.9 select
/*----------------------------------------*/
.nice-select.tp-select {
  position: relative;
  width: 100%;
  height: 52px;
  line-height: 50px;
  padding: 0px 23px;
  border-radius: 6px;
  background-color: transparent;
  border: 1px solid rgba(34, 47, 48, 0.1);
}
.nice-select.tp-select span.current {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: var(--tp-finance-secondary);
}
.nice-select.tp-select::after {
  position: absolute;
  content: "";
  top: 50%;
  height: 8px;
  width: 13px;
  right: 20px;
  margin-top: 0;
  pointer-events: none;
  transform-origin: center;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.15s ease-in-out;
  color: var(--tp-finance-secondary);
  -webkit-transition: all 0.15s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M0.75 0.75L6.75 6.75L12.75 0.75' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.nice-select.tp-select.open {
  border-color: var(--tp-common-black);
}
.nice-select.tp-select.open::after {
  transform: translateY(-50%) rotate(-180deg);
}
.nice-select.tp-select .list {
  width: 100%;
  background: rgb(255, 255, 255);
}
.nice-select.tp-select .list li {
  font-size: 15px;
  font-weight: 400;
  color: var(--tp-finance-secondary);
}
.nice-select.tp-select .list li.selected {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-finance-secondary);
}

/* HEADER CSS */
/*----------------------------------------*/
/*  3.1 Header Style 1
/*----------------------------------------*/
.header-transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  width: 100%;
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  z-index: 9;
  width: 100%;
  visibility: visible;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 3px 0px rgba(18, 20, 32, 0.14);
  -webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
}

.tp-header-left-side {
  gap: 90px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header-left-side {
    gap: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header-left-side {
    padding: 19px 0;
  }
}
.tp-header-lan {
  position: relative;
}
.tp-header-lan::before {
  position: absolute;
  content: "";
  top: 0;
  left: -40px;
  width: 1px;
  height: 100%;
  background-color: var(--tp-theme-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header-lan::before {
    left: -20px;
  }
}
.tp-header-lan:hover .tp-header-lan-content {
  top: 35px;
  opacity: 1;
  visibility: visible;
}
.tp-header-lan a {
  position: relative;
}
.tp-header-lan a span {
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  color: var(--tp-finance-secondary);
}
.tp-header-lan a span svg {
  margin-inline-end: 4px;
}
.tp-header-lan-content {
  position: absolute;
  top: 50px;
  left: 0;
  opacity: 0;
  z-index: 2;
  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-header-lan-content ul {
  padding: 10px;
  width: 150px;
  border-radius: 6px;
  display: inline-block;
  background: rgba(248, 248, 251, 0.9);
  box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
}
.tp-header-lan-content ul li {
  list-style: none;
  color: var(--tp-common-black);
}
.tp-header-lan-content ul li a {
  display: block;
  padding: 4px 10px;
}
.tp-header-lan-content ul li a:hover {
  background-color: #F2F2F2;
}
.tp-header-search span {
  color: var(--tp-finance-secondary);
}
.tp-header-bar span:hover svg path {
  animation: bar_anim 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}
.tp-header-bar span:hover svg path:nth-child(2) {
  animation-delay: 0.1s;
}
.tp-header-bottom {
  padding: 12px 0;
}
.tp-header-info {
  gap: 40px;
  display: flex;
}
.tp-header-info a {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: var(--tp-finance-secondary);
}
.tp-header-info a span {
  margin-right: 5px;
  display: inline-block;
  transform: translateY(-2px);
}
.tp-header-social span {
  font-size: 16px;
  font-weight: 400;
  margin-right: 25px;
  display: inline-block;
  letter-spacing: 0.16px;
  color: var(--tp-finance-secondary);
}
.tp-header-social a {
  color: var(--tp-finance-secondary);
}
.tp-header-social a:not(:last-of-type) {
  margin-right: 15px;
}

.tp-cn-header-style.bdrb {
  border-bottom: 1px solid rgba(1, 55, 61, 0.15);
}
.tp-cn-header-style .tp-header-lan a span {
  color: var(--tp-consulting-secondary);
}
.tp-cn-header-style .tp-header-info a {
  color: var(--tp-consulting-secondary);
}
.tp-cn-header-style .tp-header-social span, .tp-cn-header-style .tp-header-social a {
  color: var(--tp-consulting-secondary);
}
.tp-fa-header-style .tp-header-lan::before {
  background-color: rgba(27, 57, 66, 0.15);
}
.tp-fa-header-style .tp-header-menu > nav > ul > li > a {
  color: var(--tp-advisory-primary);
}
.tp-fa-header-style .tp-header-action .tp-btn {
  color: var(--tp-advisory-primary);
  border-color: var(--tp-advisory-primary);
}
.tp-fa-header-style .tp-header-action .tp-btn i::after {
  background-color: var(--tp-advisory-primary);
}
.tp-cc-header-style .tp-header-lan::before {
  background-color: var(--tp-corporate-primary);
}
.tp-cc-header-style .tp-header-lan a span {
  color: var(--tp-corporate-primary);
}
.tp-cc-header-style .tp-header-menu > nav > ul > li > a {
  color: var(--tp-corporate-primary);
}
.tp-cc-header-style .tp-header-action .tp-btn {
  color: var(--tp-corporate-primary);
  border-color: var(--tp-corporate-primary);
}
.tp-cc-header-style .tp-header-action .tp-btn i::after {
  background-color: var(--tp-corporate-primary);
}
.tp-at-header-style .tp-header-lan::before {
  background: rgba(58, 21, 16, 0.15);
}
.tp-at-header-style .tp-header-lan a span {
  color: var(--tp-accounting-brown);
}
.tp-at-header-style .tp-header-menu > nav > ul > li > a {
  color: var(--tp-accounting-brown);
}
.tp-at-header-contact a {
  gap: 10px;
  display: flex;
  color: var(--tp-accounting-brown);
}
.tp-at-header-contact a span {
  color: var(--tp-accounting-3);
}

/*----------------------------------------*/
/*  5.1 Postbox css
/*----------------------------------------*/
.postbox-details-title {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 22px;
  letter-spacing: -0.36px;
  color: var(--tp-finance-secondary);
}
@media (max-width: 767px) {
  .postbox-details-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-details-title br {
    display: none;
  }
}
.postbox-details-text p {
  color: var(--tp-finance-secondary);
}
.postbox-details-quote {
  padding: 30px;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .postbox-details-quote {
    flex-wrap: wrap;
  }
}
.postbox-details-quote-thumb {
  flex: 0 0 auto;
  position: relative;
}
.postbox-details-quote-thumb img {
  border-radius: 50%;
}
.postbox-details-quote-thumb span {
  left: 36px;
  bottom: 15px;
  position: absolute;
}
.postbox-details-quote-content p {
  color: var(--tp-finance-secondary);
}
.postbox-details-comment-box {
  margin-bottom: 40px;
  padding-bottom: 47px;
  border-bottom: 1px solid #E5E5E5;
}
.postbox-details-comment-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 35px;
  color: var(--tp-finance-secondary);
}
.postbox-details-comment ul li {
  list-style: none;
}
.postbox-details-comment-name {
  gap: 15px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .postbox-details-comment-name {
    gap: 8px;
    flex-wrap: wrap;
  }
}
.postbox-details-comment-name h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--tp-finance-secondary);
}
.postbox-details-comment-name span {
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-finance-secondary);
}
.postbox-details-comment-reply a {
  font-size: 14px;
  font-weight: 500;
  padding: 5px 17px;
  border-radius: 100px;
  border: 1px solid #F0F0F0;
  color: var(--tp-finance-secondary);
}
.postbox-details-comment-reply a svg {
  margin-right: 5px;
  display: inline-block;
  transform: translateY(-2px);
}
.postbox-details-comment-reply a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-finance-secondary);
  border: 1px solid var(--tp-finance-secondary);
}
.postbox-details-comment-text p {
  margin-bottom: 25px;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-details-comment-text p br {
    display: none;
  }
}
.postbox-details-comment-avater img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.postbox-details-comment-info {
  flex: 0 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .postbox-details-comment-from {
    margin-bottom: 30px;
  }
}
.postbox-details-comment-from .tp-postbox-comment-title {
  margin-bottom: 5px;
}
.postbox-details-comment-from .tp-postbox-comment-p {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 40px;
}

/*----------------------------------------*/
/*  5.2 Recent Post css
/*----------------------------------------*/
.rc-post-item:not(:last-child) {
  border-bottom: 1px solid rgba(34, 47, 48, 0.1);
}
.rc-post-item:hover .rc-post-thumb img {
  transform: scale(1.1);
}
.rc-post-thumb {
  flex: 0 0 auto;
  overflow: hidden;
  margin-right: 25px;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .rc-post-thumb {
    margin-right: 20px;
  }
}
.rc-post-thumb img {
  transition: 0.9s;
  border-radius: 6px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .rc-post-thumb img {
    width: 100px;
    height: 100px;
  }
}
.rc-post-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rc-post-title br {
    display: none;
  }
}
.rc-post-title a:hover {
  color: var(--tp-finance-secondary);
}
.rc-post-meta {
  line-height: 1;
  margin-bottom: 10px;
}
.rc-post-meta span {
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--tp-finance-secondary);
}

.tagcloud {
  gap: 7px;
  display: flex;
  flex-wrap: wrap;
}
.tagcloud a {
  font-size: 14px;
  padding: 0 12px;
  font-weight: 500;
  border-radius: 6px;
  display: inline-block;
  color: var(--tp-finance-secondary);
  border: 1px solid rgba(34, 47, 48, 0.1);
}
.tagcloud a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-finance-secondary);
}

/*----------------------------------------*/
/*  5.3 Sidebar css
/*----------------------------------------*/
.tp-sidebar-widget-title {
  font-size: 24px;
  margin-bottom: 25px;
  color: var(--tp-finance-secondary);
}
.tp-sidebar-widget-author-item {
  padding: 40px;
  border-radius: 6px;
  background-color: var(--tp-finance-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-sidebar-widget-author-item {
    padding: 32px;
  }
}
.tp-sidebar-widget-author-thumb img {
  border-radius: 50%;
}
.tp-sidebar-widget-author-name {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: var(--tp-finance-secondary);
}
.tp-sidebar-widget-author-content p {
  color: var(--tp-finance-secondary);
}
.tp-sidebar-widget-bg {
  padding: 40px 40px;
  border-radius: 6px;
  background: var(--tp-finance-white);
  border: 1px solid rgba(34, 47, 48, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-sidebar-widget-bg {
    padding: 35px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-sidebar-widget-bg {
    padding: 30px 15px;
  }
}
.tp-sidebar-widget-category-list li {
  list-style: none;
  border-radius: 6px;
  padding: 8px 8px 8px 25px;
  border: 1px solid rgba(34, 47, 48, 0.1);
}
.tp-sidebar-widget-category-list li:not(:last-child) {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .tp-sidebar-widget-category-list li {
    padding: 6px 6px 6px 20px;
  }
}
.tp-sidebar-widget-category-list li a {
  gap: 5px;
  display: flex;
  font-size: 20px;
  font-weight: 400;
  align-items: center;
  letter-spacing: -0.4px;
  justify-content: space-between;
  color: var(--tp-finance-secondary);
}
.tp-sidebar-widget-category-list li a:hover span {
  color: var(--tp-common-white);
  background-color: var(--tp-finance-secondary);
}
.tp-sidebar-widget-category-list li a span {
  font-size: 15px;
  font-weight: 500;
  width: 45px;
  height: 45px;
  border-radius: 4px;
  display: inline-grid;
  place-content: center;
  -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-finance-secondary);
  background: var(--tp-common-white);
}
.tp-sidebar-search-input {
  position: relative;
}
.tp-sidebar-search-input input {
  border: none;
  padding-left: 0;
  padding-right: 40px;
  color: var(--tp-finance-secondary);
  border-bottom: 1px solid rgba(34, 47, 48, 0.1);
}
.tp-sidebar-search-input input::placeholder {
  font-size: 16px;
  color: var(--tp-finance-secondary);
}
.tp-sidebar-search-input button {
  right: 0;
  top: 10px;
  position: absolute;
}

/*----------------------------------------*/
/*  5.4 Blog css
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-blog-heading {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-cn-blog-heading .tp-section-title {
    font-size: 46px;
  }
}
.tp-cn-blog-item {
  padding: 45px;
  border-radius: 6px;
  transition: all 0.6s ease-in-out;
  background: var(--tp-common-white);
  border: 1px solid rgba(88, 108, 110, 0.08);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-blog-item {
    padding: 30px;
  }
}
.tp-cn-blog-item:hover {
  background-color: var(--tp-consulting-primary);
}
.tp-cn-blog-item:hover .tp-cn-blog-item-user {
  border-color: rgba(1, 55, 61, 0.25);
}
.tp-cn-blog-item:hover .tp-cn-blog-item-meta .category {
  border-color: rgba(1, 55, 61, 0.25);
}
.tp-cn-blog-item:hover .tp-cn-blog-item-btn .tp-btn {
  color: var(--tp-common-white);
  background-color: var(--tp-consulting-secondary);
}
.tp-cn-blog-item:hover .tp-cn-blog-item-btn .tp-btn i::after {
  background-color: var(--tp-common-white);
}
.tp-cn-blog-item-meta {
  gap: 20px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.tp-cn-blog-item-meta .category {
  font-size: 14px;
  padding: 0px 11px;
  border-radius: 30px;
  display: inline-block;
  letter-spacing: 0.14px;
  color: var(--tp-consulting-secondary);
  border: 1px solid rgba(1, 55, 61, 0.1);
}
.tp-cn-blog-item-meta .date {
  letter-spacing: 0.16px;
  color: var(--tp-consulting-secondary);
}
.tp-cn-blog-item-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 22px;
  color: var(--tp-consulting-secondary);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-blog-item-title br {
    display: none;
  }
}
.tp-cn-blog-item .description {
  margin-bottom: 45px;
  color: var(--tp-consulting-gray);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-blog-item .description {
    margin-bottom: 30px;
  }
}
.tp-cn-blog-item-user {
  display: flex;
  align-items: center;
  margin-bottom: 60px;
  padding-bottom: 30px;
  justify-content: space-between;
  border-bottom: 1px solid rgba(1, 55, 61, 0.1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-cn-blog-item-user {
    margin-bottom: 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), (max-width: 767px) {
  .tp-cn-blog-item-user {
    margin-bottom: 30px;
  }
}
.tp-cn-blog-item-user .user-info {
  gap: 10px;
  display: flex;
  align-items: center;
}
.tp-cn-blog-item-user .user-info img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}
.tp-cn-blog-item-user .user-info span {
  color: var(--tp-consulting-gray);
}
.tp-cn-blog-item-user .user-info span strong {
  font-weight: 500;
  color: var(--tp-consulting-secondary);
}
.tp-cn-blog-item-user .stats {
  gap: 20px;
  display: flex;
}
.tp-cn-blog-item-user .stats span {
  font-size: 14px;
  color: var(--tp-consulting-gray);
}
.tp-cn-blog-item-user .stats span svg {
  margin-right: 4px;
  transform: translateY(-2px);
}
.tp-cn-blog-item-btn {
  line-height: 1;
}
.tp-cn-blog-item-btn .tp-btn {
  padding: 12px 58px 12px 23px;
  transition: all 0.4s ease-in-out;
  color: var(--tp-consulting-secondary);
  background: var(--tp-consulting-white);
}
.tp-cn-blog-item-btn .tp-btn i::after {
  background-color: var(--tp-consulting-secondary);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cc-blog-heading {
    margin-bottom: 30px;
  }
}
.tp-cc-blog-item {
  background-color: var(--tp-corporate-white);
}
.tp-cc-blog-item:hover .tp-cn-blog-item::after {
  height: 100%;
  background: var(--tp-corporate-sulu);
}
.tp-cc-blog-item:hover .tp-cn-blog-item-thumb img {
  transform: scale(1.1);
}
.tp-cc-blog-item:hover .tp-cc-blog-item-thumb img {
  transform: scale(1.1);
}
.tp-cc-blog-item-thumb {
  overflow: hidden;
  margin-bottom: 10px;
}
.tp-cc-blog-item-thumb img {
  width: 100%;
  transition: all 0.9s ease-in-out;
}
.tp-cc-blog-item .tp-cn-blog-item {
  z-index: 1;
  border-radius: 0;
  padding: 40px 22px;
  position: relative;
  border-color: transparent;
  background-color: transparent;
}
.tp-cc-blog-item .tp-cn-blog-item::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  z-index: -1;
  -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: rgba(18, 53, 67, 0.1);
}
.tp-cc-blog-item .tp-cn-blog-item-title {
  margin-bottom: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-cc-blog-item .tp-cn-blog-item-title {
    font-size: 20px;
  }
}
.tp-cc-blog-item .tp-cn-blog-item .description {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-blog-heading {
    margin-bottom: 30px;
  }
}
.tp-at-blog-item {
  -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-at-blog-item:hover {
  border-radius: 6px;
  box-shadow: 0 20px 50px -10px rgba(58, 21, 16, 0.6);
}
.tp-at-blog-item:hover .tp-at-blog-item-thumb img {
  transform: scale(1.1);
}
.tp-at-blog-item:hover .tp-at-blog-item-meta {
  color: var(--tp-common-white);
  background-color: var(--tp-accounting-secondary);
}
.tp-at-blog-item-thumb img {
  transition: all 0.9s ease-in-out;
}
.tp-at-blog-item-thumb::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  border-radius: 6px;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(40, 13, 9, 0) 0%, rgba(40, 13, 9, 0.15) 56.74%, rgba(40, 13, 9, 0.6) 100%);
}
.tp-at-blog-item-content {
  z-index: 2;
  left: 40px;
  right: 30px;
  bottom: 40px;
  position: absolute;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-blog-item-content {
    left: 20px;
  }
}
.tp-at-blog-item-meta {
  font-size: 14px;
  line-height: 1;
  padding: 6px 13px;
  margin-bottom: 18px;
  border-radius: 100px;
  display: inline-block;
  letter-spacing: 0.14px;
  -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-accounting-brown);
  background-color: var(--tp-common-white);
}
.tp-at-blog-item-title {
  margin: 0;
  font-size: 24px;
  letter-spacing: -0.48px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-blog-item-title br {
    display: none;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-left-wrapper {
    margin-right: 0;
  }
}
.tp-blog-item {
  border-bottom: 1px solid #D9D9D9;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-blog-item {
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-item {
    margin-bottom: 40px;
    padding-bottom: 30px;
  }
}
.tp-blog-item:hover .tp-blog-item-img img {
  transform: scale(1.1);
}
.tp-blog-item:hover .tp-blog-item-icon span {
  background-color: var(--tp-finance-primary);
}
.tp-blog-item-meta span {
  display: inline-block;
  letter-spacing: -0.16px;
  color: var(--tp-finance-secondary);
}
.tp-blog-item-title {
  font-size: 36px;
  font-weight: 400;
  letter-spacing: -0.36px;
  color: var(--tp-finance-secondary);
}
@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-blog-item-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .tp-blog-item-title {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .tp-blog-item-title br {
    display: none;
  }
}
.tp-blog-item-icon {
  position: absolute;
  right: 40px;
  bottom: 40px;
}
@media (max-width: 767px) {
  .tp-blog-item-icon {
    right: 20px;
    bottom: 20px;
  }
}
.tp-blog-item-icon span {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: inline-grid;
  place-content: center;
  -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-color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .tp-blog-item-icon span {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .tp-blog-item-icon span svg {
    transform: scale(0.7);
  }
}
.tp-blog-item-img {
  overflow: hidden;
  border-radius: 6px;
}
.tp-blog-item-img img {
  width: 100%;
  transition: all 0.9s ease-in-out;
}
.tp-blog-btn .tp-btn {
  padding-right: 30px;
}
.tp-blog-btn .tp-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-blog-details-top {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-details-top {
    padding-bottom: 80px;
  }
}
.tp-blog-details-sub {
  font-weight: 500;
  margin-bottom: 10px;
  display: inline-block;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-blog-details-heading .tp-section-title br {
    display: block;
  }
}
.tp-blog-details-social-box {
  margin-right: 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-details-social-box {
    margin-right: 0;
  }
}
.tp-blog-details-social-item a:hover .tp-blog-details-social-icon span {
  color: var(--tp-common-white);
  background-color: var(--tp-finance-secondary);
}
.tp-blog-details-social-title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 18px;
  padding-bottom: 15px;
  color: var(--tp-finance-secondary);
  border-bottom: 1px solid rgba(34, 47, 48, 0.1);
}
.tp-blog-details-social-icon span {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-grid;
  place-content: center;
  -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-finance-secondary);
  background: var(--tp-finance-white);
}
.tp-blog-details-social-content span {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.4px;
  display: inline-block;
  color: var(--tp-finance-secondary);
}
.tp-blog-details-wrapper {
  margin-left: -25px;
  margin-right: 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), (max-width: 767px) {
  .tp-blog-details-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}
.tp-blog-details-info {
  padding: 40px;
  border-radius: 6px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .tp-blog-details-info {
    padding: 32px;
  }
}
.tp-blog-details-info-list ul li {
  display: flex;
  justify-content: space-between;
  color: var(--tp-finance-secondary);
}
.tp-blog-details-info-list ul li:not(:last-child) {
  margin-bottom: 15px;
}
.tp-blog-details-info-author p {
  font-size: 14px;
}

/*----------------------------------------*/
/*  4.1 dropdown scss
/*----------------------------------------*/
.tp-header-menu > nav > ul > li {
  margin: 0 20px;
  list-style-type: none;
  display: inline-block;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-header-menu > nav > ul > li {
    margin: 0 16px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header-menu > nav > ul > li {
    margin: 0 12px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-menu > nav > ul > li {
    margin: 0 10px;
  }
}
.tp-header-menu > nav > ul > li > a {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  padding: 30px 0;
  display: inline-block;
  color: var(--tp-finance-secondary);
}
.tp-header-menu > nav > ul > li > a.active {
  color: var(--tp-theme-1);
}
.tp-header-menu > nav > ul > li > a:hover {
  color: var(--tp-theme-1);
}
.tp-header-dropdown nav ul li {
  position: relative;
  list-style: none;
}
.tp-header-dropdown nav ul li.p-static {
  position: static;
}
.tp-header-dropdown nav ul li.tp-menu-last .tp-submenu {
  left: auto;
  right: 0;
}
.tp-header-dropdown nav ul li.has-dropdown:hover > a::after {
  transform: rotate(-180deg);
}
.tp-header-dropdown nav ul li .tp-submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 250px;
  z-index: 99;
  opacity: 0;
  transition: 0.5s;
  text-align: start;
  visibility: hidden;
  padding: 12px 0;
  border-radius: 8px;
  transform-origin: 0 0;
  transform: scale(1, 0);
  backdrop-filter: blur(10px);
  background: rgba(248, 248, 251, 0.9);
  box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
}
.tp-header-dropdown nav ul li .tp-submenu li {
  width: 100%;
  padding: 2px 30px;
}
.tp-header-dropdown nav ul li .tp-submenu li:not(:last-child) {
  margin-bottom: 5px;
}
.tp-header-dropdown nav ul li .tp-submenu li a {
  width: 100%;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  letter-spacing: -0.01em;
  text-align: start;
  color: var(--tp-finance-secondary);
}
.tp-header-dropdown nav ul li .tp-submenu li .tp-submenu {
  top: 0;
  left: 100%;
}
.tp-header-dropdown nav ul li .tp-submenu li:hover > a {
  padding-left: 5px;
}
.tp-header-dropdown nav ul li:hover > .tp-submenu {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

/*----------------------------------------*/
/*  4.3 offcanvas scss
/*----------------------------------------*/
.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.45s ease-in-out;
  background: rgba(24, 24, 24, 0.4);
}
.body-overlay.opened {
  opacity: 1;
  visibility: visible;
}

.tp-offcanvas-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  width: 450px;
  height: 100vh;
  z-index: 999;
  padding: 50px 50px;
  overflow-y: scroll;
  transition: all 0.3s;
  background: #FFF;
  scrollbar-width: none;
  overscroll-behavior-y: contain;
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
}
@media (max-width: 767px) {
  .tp-offcanvas-wrapper {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-offcanvas-wrapper {
    width: 450px;
  }
}
.tp-offcanvas-area.opened .tp-offcanvas-wrapper {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.tp-offcanvas-top {
  margin-bottom: 60px;
}
.tp-offcanvas-close-btn {
  color: var(--tp-finance-secondary);
}
.tp-offcanvas-close-btn:hover {
  opacity: 1;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.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;
  font-weight: 500;
  margin-bottom: 15px;
  letter-spacing: -0.8px;
  color: var(--tp-finance-secondary);
}
.tp-offcanvas-title.sm {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
  color: var(--tp-finance-secondary);
}
.tp-offcanvas-gallery {
  margin-bottom: 65px;
}
.tp-offcanvas-gallery-img {
  width: 100%;
  overflow: hidden;
  border-radius: 6px;
}
.tp-offcanvas-gallery-img img {
  width: 100%;
  border-radius: 6px;
  transition: 0.9s;
}
.tp-offcanvas-gallery-img:hover img {
  transform: scale(1.2) rotate(-2deg);
}
.tp-offcanvas-contact {
  margin-bottom: 55px;
}
.tp-offcanvas-contact ul li {
  list-style: none;
}
.tp-offcanvas-contact ul li:not(:last-child) {
  margin-bottom: 2px;
}
.tp-offcanvas-contact ul li a {
  font-size: 16px;
  position: relative;
  display: inline-block;
}
.tp-offcanvas-contact ul li a::after {
  position: absolute;
  bottom: 2px;
  right: 0;
  width: 0;
  height: 1px;
  content: "";
  transition: 0.4s;
  background-color: #1e1e1e;
}
.tp-offcanvas-contact ul li a:hover {
  color: var(--tp-common-black);
}
.tp-offcanvas-contact ul li a:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}
.tp-offcanvas-social ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.tp-offcanvas-social ul li {
  list-style: none;
}
.tp-offcanvas-social ul li:not(:last-child) {
  margin-right: 8px;
}
.tp-offcanvas-social ul li a {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 38px;
  border-radius: 40px;
  transition: all 0.3s;
  color: var(--tp-common-black);
  border: 1px solid rgba(2, 11, 24, 0.1);
}
.tp-offcanvas-social ul li a:hover {
  color: var(--tp-common-white);
  border-color: var(--tp-common-black);
  background-color: var(--tp-common-black);
}
.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-search-area {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding: 60px;
  z-index: 99;
  scrollbar-width: none;
  padding-bottom: 50px;
  background: var(--tp-common-white);
  transform: translateY(calc(-100% - 80px));
  box-shadow: 0 1px 3px 0 rgba(0, 7, 9, 0.1);
  transition: 0.45s ease-in-out, opacity 0.45s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-search-area {
    padding: 60px 30px;
  }
}
@media (max-width: 767px) {
  .tp-search-area {
    padding: 60px 0px;
  }
}
.tp-search-area.opened {
  transform: translateY(0);
}
.tp-search-close {
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
}
.tp-search-close-btn {
  color: var(--tp-finance-secondary);
}
.tp-search-close-btn:hover {
  opacity: 1;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.tp-search-input {
  position: relative;
}
.tp-search-input input {
  border: none;
  padding-left: 0;
  padding-right: 40px;
  color: var(--tp-finance-secondary);
  border-bottom: 1px solid rgba(34, 47, 48, 0.1);
}
.tp-search-input input::placeholder {
  font-size: 16px;
  color: var(--tp-finance-secondary);
}
.tp-search-input button {
  right: 0;
  top: 10px;
  position: absolute;
}

/*----------------------------------------*/
/*  4.2 Mobile Menu
/*----------------------------------------*/
.tp-offcanvas-menu {
  margin-bottom: 50px;
}
.tp-offcanvas-menu ul {
  list-style: none;
}
.tp-offcanvas-menu ul li {
  position: relative;
}
.tp-offcanvas-menu ul li > a {
  font-size: 18px;
  padding: 10px 0;
  display: block;
  font-weight: 500;
}
.tp-offcanvas-menu ul li.active > a {
  color: var(--tp-common-black);
}
.tp-offcanvas-menu ul li.active > .tp-menu-close::before {
  transform: translateY(-50%) rotate(-90deg);
}
.tp-offcanvas-menu ul li .submenu {
  display: none;
}
.tp-offcanvas-menu ul li .submenu .submenu {
  margin-left: 30px;
}
.tp-offcanvas-menu .tp-submenu > li > a {
  font-size: 17px;
  padding: 8px 20px;
}
.tp-offcanvas-menu .tp-submenu > li > a:hover {
  padding-left: 26px;
  color: var(--tp-common-black);
}

.tp-menu-close {
  top: 24px;
  right: 14px;
  position: absolute;
  transition: all 0.15s ease-in-out;
}
.tp-menu-close::before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  transform-origin: center;
  background-size: contain;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  transition: all 0.15s ease-in-out;
  color: var(--tp-finance-secondary);
  -webkit-transition: all 0.15s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.08333 0.0644531L7.08333 15.0645M14.1667 7.98112L0 7.98112' stroke='currentcolor' stroke-width='1.5'%3E%3C/path%3E%3C/svg%3E");
}

/*----------------------------------------*/
/*  6.1 Footer Style 1
/*----------------------------------------*/
.tp-footer-widget-wrap {
  border-bottom: 1px solid rgba(34, 47, 48, 0.15);
}
.tp-footer-widget-title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: var(--tp-finance-secondary);
}
.tp-footer-widget-menu ul li {
  list-style: none;
}
.tp-footer-widget-menu ul li:not(:last-of-type) {
  margin-bottom: 12px;
}
.tp-footer-widget-menu ul li a {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-finance-secondary);
}
.tp-footer-widget-social {
  gap: 15px;
  display: flex;
}
.tp-footer-widget-social a:hover {
  transform: translateY(-3px);
}
.tp-footer-widget-icon {
  gap: 60px;
  display: flex;
}
.tp-footer-widget-free-consulting .tp-footer-widget-title {
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.tp-footer-widget-free-consulting .tp-footer-widget-title.mb-10 {
  margin-bottom: 15px;
}
.tp-footer-widget-free-consulting p {
  margin-bottom: 25px;
  color: rgba(255, 255, 255, 0.7);
}
.tp-footer-text p {
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-text p br {
    display: none;
  }
}
.tp-footer-contact-wrap .tp-footer-widget-title {
  margin-bottom: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-contact-wrap .tp-footer-widget-title {
    margin-bottom: 10px;
  }
}
.tp-footer-contact-wrap .tp-at-footer-contact {
  margin-bottom: 15px;
}
.tp-footer-contact-wrap .tp-at-footer-contact a {
  gap: 8px;
  display: inline-flex;
  font-weight: 500;
  align-items: center;
  color: var(--tp-common-white);
}
.tp-footer-contact-location {
  margin-bottom: 40px;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-contact-location a br {
    display: none;
  }
}
.tp-footer-contact-location, .tp-footer-contact-tel {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-finance-secondary);
}
.tp-footer-copyright-text p {
  font-size: 15px;
  color: var(--tp-finance-secondary);
}
.tp-footer-copyright-text p a {
  font-weight: 500;
}
.tp-footer-copyright-link {
  gap: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-copyright-link {
    gap: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-copyright-link {
    gap: 40px;
  }
}
.tp-footer-copyright-link a {
  font-size: 15px;
  font-weight: 400;
  color: var(--tp-finance-secondary);
}

.tp-footer-2-shape {
  position: absolute;
  left: 75px;
  bottom: 0;
  z-index: -1;
}
.tp-footer-2-shape path {
  stroke-dasharray: 3000;
  stroke-dashoffset: -3000;
  animation: drawPath 4s ease-in-out forwards;
}
.tp-footer-2-top {
  margin-bottom: 60px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.tp-footer-2-newsletter {
  gap: 25px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.tp-footer-2-newsletter-icon span {
  display: inline-grid;
  place-content: center;
  width: 52px;
  height: 52px;
  border-radius: 6px;
  background-color: var(--tp-consulting-primary);
}
.tp-footer-2-newsletter-content span {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 6px;
  display: inline-block;
  color: var(--tp-common-white);
}
.tp-footer-2-newsletter-content p {
  margin: 0;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.7);
}
.tp-footer-2-newsletter-input {
  position: relative;
  display: inline-block;
}
.tp-footer-2-newsletter-input input {
  width: 490px;
  border-radius: 6px;
  padding-right: 60px;
  background: #FAFAFA;
  color: var(--tp-consulting-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-footer-2-newsletter-input input {
    width: 100%;
  }
}
.tp-footer-2-newsletter-input input::placeholder {
  color: var(--tp-consulting-secondary);
}
.tp-footer-2-newsletter-input input:focus {
  border-color: var(--tp-consulting-primary);
}
.tp-footer-2-newsletter-input button {
  position: absolute;
  top: 4px;
  right: 3px;
  width: 44px;
  height: 44px;
  display: grid;
  border-radius: 6px;
  place-content: center;
  background-color: var(--tp-consulting-secondary);
}
.tp-footer-2-style .tp-footer-widget-wrap {
  border-color: rgba(255, 255, 255, 0.15);
}
.tp-footer-2-style .tp-footer-widget-title {
  color: rgba(255, 255, 255, 0.7);
}
.tp-footer-2-style .tp-footer-widget-menu ul li a {
  color: rgba(255, 255, 255, 0.7);
}
.tp-footer-2-style .tp-footer-widget-menu ul li a:hover {
  color: var(--tp-common-white);
}
.tp-footer-2-style .tp-footer-widget-social a {
  color: var(--tp-common-white);
}
.tp-footer-2-style .tp-footer-contact-location, .tp-footer-2-style .tp-footer-contact-tel {
  color: rgba(255, 255, 255, 0.7);
}
.tp-footer-2-style .tp-footer-contact-location:hover, .tp-footer-2-style .tp-footer-contact-tel:hover {
  color: var(--tp-common-white);
}
.tp-footer-2-style .tp-footer-text p {
  color: rgba(255, 255, 255, 0.7);
}
.tp-footer-2-style .tp-footer-copyright-text p {
  color: rgba(255, 255, 255, 0.7);
}
.tp-footer-2-style .tp-footer-copyright-text p a {
  color: var(--tp-common-white);
}
.tp-footer-2-style .tp-footer-copyright-link a {
  color: rgba(255, 255, 255, 0.7);
}
.tp-footer-2-style .tp-footer-copyright-link a:hover {
  color: var(--tp-common-white);
}

.tp-footer-3-style .tp-footer-widget-wrap {
  border-color: rgba(255, 255, 255, 0.15);
}
.tp-footer-3-style .tp-footer-widget-title {
  color: #88A5AD;
}
.tp-footer-3-style .tp-footer-widget-menu ul li a {
  color: var(--tp-common-white);
}
.tp-footer-3-style .tp-footer-widget-social a {
  color: var(--tp-common-white);
}
.tp-footer-3-style .tp-footer-widget-social a:hover {
  color: var(--tp-advisory-orange);
}
.tp-footer-3-style .tp-footer-contact-location, .tp-footer-3-style .tp-footer-contact-tel {
  color: var(--tp-common-white);
}
.tp-footer-3-style .tp-footer-copyright-text p {
  color: var(--tp-common-white);
}
.tp-footer-3-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.tp-footer-3-text P {
  font-size: 32px;
  line-height: 1.3;
  letter-spacing: -0.32px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-3-text P {
    font-size: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-3-text P br {
    display: none;
  }
}
.tp-footer-3-input {
  overflow: hidden;
  position: relative;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-3-input {
    display: block;
  }
}
@media (max-width: 767px) {
  .tp-footer-3-input {
    margin-bottom: 30px;
  }
}
.tp-footer-3-input .tp-fa-contact-form-input input {
  width: 490px;
  color: var(--tp-common-white);
  border-color: rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-3-input .tp-fa-contact-form-input input {
    width: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-3-input .tp-fa-contact-form-input input {
    width: 100%;
  }
}
.tp-footer-3-input .tp-fa-contact-form-input input:focus {
  border-color: var(--tp-common-white);
}
.tp-footer-3-input .tp-fa-contact-form-input input::placeholder {
  color: #88A5AD;
}
.tp-footer-3-input button {
  position: absolute;
  bottom: 17px;
  right: -18px;
  width: 50px;
  height: 50px;
  color: var(--tp-common-white);
}
.tp-footer-3-privacy {
  color: #88A5AD;
}
.tp-footer-3-privacy a {
  color: #88A5AD;
}
.tp-footer-3-privacy a:not(:last-of-type) {
  margin-right: 6px;
}
.tp-footer-3-privacy a:hover {
  color: var(--tp-common-white);
}

.tp-footer-5-style .tp-footer-widget-wrap {
  border-color: rgba(255, 255, 255, 0.15);
}
.tp-footer-5-style .tp-footer-widget-title {
  margin-bottom: 40px;
  color: rgba(255, 255, 255, 0.7);
}
.tp-footer-5-style .tp-footer-widget-menu ul li a {
  color: var(--tp-common-white);
}
.tp-footer-5-style .tp-footer-widget-social a {
  color: var(--tp-common-white);
}
.tp-footer-5-style .tp-footer-widget-social a:hover {
  color: var(--tp-advisory-orange);
}
.tp-footer-5-style .tp-footer-text p {
  color: var(--tp-common-white);
}
.tp-footer-5-style .tp-footer-copyright-text p {
  color: rgba(255, 255, 255, 0.7);
}
.tp-footer-5-style .tp-footer-copyright-text p a:hover {
  color: var(--tp-common-white);
}
.tp-footer-5-style .tp-footer-copyright-link a {
  color: rgba(255, 255, 255, 0.7);
}
.tp-footer-5-style .tp-footer-copyright-link a:hover {
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  7.1 Hero css
/*----------------------------------------*/
@media (max-width: 767px) {
  .tp-fi-hero-ptb {
    padding-top: 100px;
    background-position: left;
  }
}
.tp-fi-hero-overlay::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: linear-gradient(90deg, rgba(34, 47, 48, 0.82) 0%, rgba(34, 47, 48, 0.35) 67.89%, rgba(34, 47, 48, 0.15) 100%);
}
.tp-fi-hero-shape {
  position: absolute;
  bottom: -22%;
  right: -215px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-fi-hero-shape {
    bottom: -35%;
    right: -40%;
  }
}
@media (max-width: 767px) {
  .tp-fi-hero-shape {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-fi-hero-shape {
    bottom: -49%;
    right: -54%;
  }
}
.tp-fi-hero-shape .tp-svg-drawing path {
  stroke-dasharray: 3000;
  stroke-dashoffset: -3000;
  animation: drawPath 4s ease-in-out forwards;
}
@keyframes drawPath {
  from {
    stroke-dashoffset: -3000;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.tp-fi-hero-title {
  font-size: 70px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 25px;
  letter-spacing: -1.4px;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-fi-hero-title {
    font-size: 54px;
  }
}
@media (max-width: 767px) {
  .tp-fi-hero-title {
    font-size: 50px;
  }
}
.tp-fi-hero-sub {
  gap: 30px;
  display: flex;
  align-items: center;
  animation-delay: 0.5s;
  animation-duration: 1s;
}
@media (max-width: 767px) {
  .tp-fi-hero-sub {
    gap: 15px;
    flex-wrap: wrap;
  }
}
.tp-fi-hero-sub span {
  display: inline-block;
  transform: translateY(-5px);
}
.tp-fi-hero-sub p {
  font-size: 17px;
  line-height: 1.6;
  max-width: 640px;
  color: var(--tp-finance-secondary);
}
.tp-fi-hero-bottom {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px 30px;
}
.tp-fi-hero-bottom .tp-fi-hero-btn {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .tp-fi-hero-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}
.tp-header-info {
  justify-content: center;
}
@media (max-width: 767px) {
  .tp-fi-hero-sub p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-fi-hero-content {
    padding-bottom: 80px;
  }
}
.tp-fi-hero-contact a {
  font-size: 16px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  letter-spacing: 0.16px;
  color: var(--tp-finance-secondary);
}
.tp-fi-hero-contact a:hover span {
  color: var(--tp-finance-primary);
  background-color: var(--tp-finance-secondary);
}
.tp-fi-hero-contact a span {
  height: 52px;
  width: 52px;
  margin-right: 10px;
  border-radius: 50%;
  display: inline-grid;
  place-content: center;
  -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-color: var(--tp-finance-primary);
}
.tp-fi-hero-contact a.advisory-orange {
  color: var(--tp-advisory-primary);
}
.tp-fi-hero-contact a.advisory-orange:hover span {
  background-color: var(--tp-advisory-primary);
}
.tp-fi-hero-contact a.advisory-orange span {
  color: var(--tp-common-white);
  background-color: var(--tp-advisory-orange);
}
.tp-fi-hero-btn {
  line-height: 1;
}

.tp-cn-hero-item-thumb {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  inset-inline-start: 0;
  transition: transform 6000ms ease, opacity 1000ms ease-in, -webkit-transform 6000ms ease;
}
.tp-cn-hero-item-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.tp-cn-hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation-delay: 0.3s;
  animation-duration: 1s;
}
.tp-cn-hero-bg img {
  height: 100%;
  object-fit: cover;
}
.tp-cn-hero-top {
  gap: 26px;
  animation-delay: 0.3s;
  animation-duration: 1s;
}
.tp-cn-hero-sub {
  font-weight: 500;
  padding: 2px 15px;
  border-radius: 100px;
  display: inline-block;
  letter-spacing: -0.16px;
  backdrop-filter: blur(5px);
  color: var(--tp-common-white);
  background: rgba(255, 255, 255, 0.1);
}
.tp-cn-hero-title {
  font-size: 70px;
  line-height: 1;
  font-weight: 400;
  animation-delay: 0.3s;
  animation-duration: 1s;
  letter-spacing: -1.4px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-cn-hero-title {
    font-size: 62px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cn-hero-title {
    font-size: 52px;
  }
}
@media (max-width: 767px) {
  .tp-cn-hero-title {
    font-size: 42px;
  }
  .tp-cn-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cn-hero-content {
    padding-bottom: 140px;
  }
}
@media (max-width: 767px) {
  .tp-cn-hero-content {
    padding-bottom: 100px;
  }
}
.tp-cn-hero-content .tp-fi-hero-sub span, .tp-cn-hero-content .tp-fi-hero-sub p {
  color: var(--tp-common-white);
}
.tp-cn-hero-btn {
  animation-delay: 0.7s;
  animation-duration: 1s;
}
.tp-cn-hero-btn .tp-btn {
  background-color: var(--tp-consulting-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-hero-btn-wrap {
    gap: 20px;
    flex-wrap: wrap;
  }
}
.tp-cn-hero-btn-box {
  position: absolute;
  bottom: 120px;
  right: 200px;
  gap: 12px;
  z-index: 2;
  display: flex;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-cn-hero-btn-box {
    right: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-cn-hero-btn-box {
    right: 30px;
    bottom: 140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-hero-btn-box {
    display: none;
  }
}
.tp-cn-hero-btn-box span {
  cursor: pointer;
  font-weight: 500;
  padding: 4px 20px;
  border-radius: 6px;
  display: inline-block;
  -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: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.tp-cn-hero-btn-box span:hover {
  border-color: transparent;
  backdrop-filter: blur(5px);
  background: rgba(255, 255, 255, 0.1);
}
.tp-cn-hero-btn-box span.active {
  backdrop-filter: blur(7.5px);
  background: linear-gradient(239deg, rgba(255, 255, 255, 0.22) 17.93%, rgba(255, 255, 255, 0.22) 81.51%);
}
.tp-cn-hero-slider-active .swiper-slide-active .tp-cn-hero-top, .tp-cn-hero-slider-active .swiper-slide-active .tp-cn-hero-title, .tp-cn-hero-slider-active .swiper-slide-active .tp-fi-hero-sub, .tp-cn-hero-slider-active .swiper-slide-active .tp-cn-hero-btn, .tp-cn-hero-slider-active .swiper-slide-active .tp-at-hero-btn, .tp-cn-hero-slider-active .swiper-slide-active .tp-at-hero-wrapper-box {
  animation-name: fadeInUp;
  animation-fill-mode: both;
}
.tp-cn-hero-slider-active .swiper-slide-active .tp-cn-hero-bg {
  animation-name: fadeInRight;
  animation-fill-mode: both;
}
.tp-cn-hero-slider-active .swiper-slide-active .tp-cn-hero-item-thumb {
  transform: scale(1.1);
}
.tp-cn-hero-slider-active .swiper-slide-active .tp-at-hero-item-thumb {
  transform: scale(1.1);
}

.tp-fa-hero-title {
  font-size: 64px;
  font-weight: 400;
  padding-bottom: 185px;
  letter-spacing: -0.64px;
  color: var(--tp-advisory-primary);
}
@media (max-width: 767px) {
  .tp-fa-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-fa-hero-title {
    font-size: 52px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-fa-hero-title {
    font-size: 42px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-fa-hero-title {
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .tp-fa-hero-title {
    font-size: 42px;
    padding-bottom: 30px;
  }
}
.tp-fa-hero-middle {
  gap: 120px;
  display: flex;
  margin-bottom: 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), (max-width: 767px) {
  .tp-fa-hero-middle {
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fa-hero-middle {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-fa-hero-middle {
    gap: 45px;
  }
}
.tp-fa-hero-text p {
  letter-spacing: -0.16px;
  color: var(--tp-advisory-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-fa-hero-text p br {
    display: none;
  }
}
.tp-fa-hero-list ul {
  display: inline-block;
  transform: translateY(-5px);
}
.tp-fa-hero-list ul li {
  gap: 15px;
  display: flex;
  letter-spacing: -0.16px;
  color: var(--tp-advisory-primary);
}
.tp-fa-hero-list ul li:not(:last-of-type) {
  margin-bottom: 8px;
}
.tp-fa-hero-botom {
  gap: 105px;
  display: flex;
  align-items: end;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-fa-hero-botom {
    gap: 10px;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fa-hero-botom {
    margin-bottom: 50px;
  }
}
.tp-fa-hero-botom .tp-btn {
  background-color: var(--tp-advisory-orange);
}
.tp-fa-hero-botom .tp-fi-hero-contact a {
  color: var(--tp-advisory-primary);
}
.tp-fa-hero-botom .tp-fi-hero-contact a:hover span {
  background-color: var(--tp-advisory-orange);
}
.tp-fa-hero-botom .tp-fi-hero-contact a span {
  color: var(--tp-common-white);
  background-color: var(--tp-advisory-primary);
}
.tp-fa-hero-btn a {
  font-weight: 500;
  color: var(--tp-advisory-primary);
}
.tp-fa-hero-btn a:hover span {
  color: var(--tp-common-white);
  background-color: var(--tp-advisory-orange);
}
.tp-fa-hero-btn a span {
  width: 22px;
  height: 22px;
  margin-left: 6px;
  border-radius: 50%;
  display: inline-grid;
  place-content: center;
  -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-advisory-primary);
  background-color: var(--tp-common-white);
}
.tp-fa-hero-thumb-wrapper {
  top: 0;
  right: 60px;
  height: 100%;
  position: absolute;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-fa-hero-thumb-wrapper {
    right: 0;
    width: 45%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-fa-hero-thumb-wrapper {
    right: 0;
    width: 48%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-fa-hero-thumb-wrapper {
    position: static;
  }
}
@media (max-width: 767px) {
  .tp-fa-hero-thumb-wrapper {
    position: relative;
    right: 0;
  }
}
.tp-fa-hero-thumb-wrapper img {
  height: 100%;
  object-fit: cover;
}
.tp-fa-hero-thumb-wrapper .tp-fi-value-graph {
  position: absolute;
  top: 20px;
  right: 100%;
  background-color: var(--tp-common-white);
  box-shadow: 0 0 20px 0 rgba(27, 38, 38, 0.06);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fa-hero-thumb-wrapper .tp-fi-value-graph {
    position: static;
  }
}
.tp-fa-hero-thumb-wrapper .tp-fi-value-graph-title {
  color: var(--tp-advisory-primary);
}
.tp-fa-hero-thumb-wrapper .tp-fi-value-graph-icon span {
  color: var(--tp-common-white);
  background-color: var(--tp-advisory-primary);
}
.tp-fa-hero-thumb-wrapper .tp-fi-value-graph-count span {
  color: var(--tp-advisory-primary);
}
.tp-fa-hero-thumb-wrapper .tp-fi-value-graph-range {
  background-color: var(--tp-advisory-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fa-hero-thumb-shape {
    display: none;
  }
}
.tp-fa-hero-thumb-wrap {
  right: 40px;
  bottom: 40px;
  display: flex;
  position: absolute;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-fa-hero-thumb-wrap {
    right: 45px;
    bottom: 75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-fa-hero-thumb-wrap {
    right: 75px;
    bottom: 75px;
  }
}

.tp-cc-hero-ptb {
  z-index: 1;
  padding-bottom: 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cc-hero-ptb {
    padding-top: 160px;
    padding-bottom: 150px;
  }
}
@media (max-width: 767px) {
  .tp-cc-hero-ptb {
    padding-top: 130px;
    padding-bottom: 120px;
  }
}
.tp-cc-hero-thumb {
  bottom: 0;
  right: 0;
  left: 135px;
  z-index: -1;
  margin: 0 auto;
  position: absolute;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cc-hero-thumb {
    display: none;
  }
}
.tp-cc-hero-title {
  font-size: 70px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -1.4px;
  color: var(--tp-corporate-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cc-hero-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-cc-hero-title {
    font-size: 52px;
  }
}
@media (max-width: 767px) {
  .tp-cc-hero-title {
    font-size: 44px;
  }
}
@media (max-width: 767px) {
  .tp-cc-hero-title br {
    display: none;
  }
}
.tp-cc-hero-content .tp-cn-hero-sub {
  background-color: transparent;
  color: var(--tp-corporate-primary);
  border: 1px solid rgba(18, 53, 67, 0.15);
}
.tp-cc-hero-bottom .tp-fi-hero-contact a {
  color: var(--tp-corporate-primary);
}
.tp-cc-hero-bottom .tp-fi-hero-contact a:hover span {
  color: var(--tp-common-white);
  background-color: var(--tp-corporate-primary);
}
.tp-cc-hero-bottom .tp-fi-hero-contact a span {
  color: var(--tp-corporate-primary);
  background-color: var(--tp-common-white);
}
.tp-cc-hero-contact {
  padding: 60px;
  border-radius: 6px;
  padding-bottom: 45px;
  background: var(--tp-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-cc-hero-contact {
    padding: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-cc-hero-contact {
    padding: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-cc-hero-contact {
    padding: 35px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .tp-cc-hero-contact {
    padding: 40px;
  }
}
.tp-cc-hero-contact .tp-fa-contact-form-input input, .tp-cc-hero-contact .tp-fa-contact-form-input textarea {
  border-color: rgba(18, 53, 67, 0.1);
}
.tp-cc-hero-contact .tp-fa-contact-form-input input::placeholder, .tp-cc-hero-contact .tp-fa-contact-form-input textarea::placeholder {
  color: #67797E;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-hero-item {
    padding-top: 120px;
  }
}
.tp-at-hero-item-thumb {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  inset-inline-start: 0;
  transition: transform 6000ms ease, opacity 1000ms ease-in, -webkit-transform 6000ms ease;
}
.tp-at-hero-item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tp-at-hero-card {
  width: 260px;
  padding: 40px;
  border-radius: 6px;
  backdrop-filter: blur(20px);
  background: linear-gradient(252deg, rgba(31, 6, 0, 0.48) -14.19%, rgba(31, 6, 0, 0.16) 100%);
}
@media (max-width: 767px) {
  .tp-at-hero-card {
    width: 100%;
    padding: 20px;
  }
}
.tp-at-hero-card.style-2 {
  background: rgba(249, 233, 219, 0.9);
}
.tp-at-hero-card.style-2 .tp-at-hero-card-title, .tp-at-hero-card.style-2 .tp-at-hero-card-sub {
  color: #52433F;
}
.tp-at-hero-card.style-2 p {
  color: #52433F;
}
.tp-at-hero-card-title {
  font-size: 48px;
  font-weight: 400;
  letter-spacing: -0.48px;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .tp-at-hero-card-title {
    font-size: 40px;
  }
}
.tp-at-hero-card-sub {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 45px;
  display: inline-block;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .tp-at-hero-card-sub {
    margin-bottom: 30px;
  }
}
.tp-at-hero-card p {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-hero-wrapper {
    padding-bottom: 30px;
  }
}
.tp-at-hero-wrapper-box {
  gap: 10px;
  right: 9%;
  z-index: 2;
  bottom: 60px;
  position: absolute;
  animation-delay: 0.7s;
  animation-duration: 1s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-at-hero-wrapper-box {
    right: 4%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-hero-wrapper-box {
    position: static;
  }
}
@media (max-width: 767px) {
  .tp-at-hero-wrapper-box {
    flex-wrap: wrap;
  }
}
.tp-at-hero-wrapper .tp-cn-hero-content {
  padding-bottom: 0;
}
.tp-at-hero-content {
  padding-bottom: 210px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-hero-content {
    padding-bottom: 40px;
  }
}
.tp-at-hero-btn {
  animation-delay: 0.5s;
  animation-duration: 1s;
}
.tp-at-hero-btn .tp-btn {
  background-color: var(--tp-accounting-primary);
}
.tp-at-hero-slider-active .swiper-slide-active .tp-cn-hero-top, .tp-at-hero-slider-active .swiper-slide-active .tp-cn-hero-title, .tp-at-hero-slider-active .swiper-slide-active .tp-fi-hero-sub, .tp-at-hero-slider-active .swiper-slide-active .tp-cn-hero-btn, .tp-at-hero-slider-active .swiper-slide-active .tp-at-hero-btn, .tp-at-hero-slider-active .swiper-slide-active .tp-at-hero-wrapper-box {
  animation-name: fadeInUp;
  animation-fill-mode: both;
}
.tp-at-hero-slider-active .swiper-slide-active .tp-cn-hero-bg {
  animation-name: fadeInRight;
  animation-fill-mode: both;
}
.tp-at-hero-slider-active .swiper-slide-active .tp-cn-hero-item-thumb {
  transform: scale(1.1);
}
.tp-at-hero-slider-active .swiper-slide-active .tp-at-hero-item-thumb {
  transform: scale(1.1);
}

/*----------------------------------------*/
/*  7.2 about css
/*----------------------------------------*/
.tp-fi-about-content p {
  margin-bottom: 45px;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-about-content p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-about-content p {
    margin-bottom: 30px;
  }
}
.tp-fi-about-thumb-wrap img {
  border-radius: 6px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-about-thumb-wrap img {
    width: 100%;
  }
}
.tp-fi-about-thumb-shape {
  top: 30px;
  right: 30px;
  position: absolute;
}
@media (max-width: 767px) {
  .tp-fi-about-thumb-shape {
    display: none;
  }
}
.tp-fi-about-list {
  left: 21%;
  bottom: 25px;
  position: absolute;
  text-align: start;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-about-list {
    left: 8%;
  }
}
.tp-fi-about-list-item {
  display: block;
  margin-bottom: 6px;
}
.tp-fi-about-list-item p {
  gap: 6px;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  border-radius: 42px;
  display: inline-flex;
  align-items: center;
  letter-spacing: -0.08px;
  padding: 6px 22px 6px 6px;
  color: var(--tp-finance-secondary);
  background-color: var(--tp-common-white);
}
.tp-fi-about-list-item p i {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  place-content: center;
  display: inline-grid;
  margin-inline-end: 4px;
  background-color: var(--tp-finance-primary);
}
.tp-fi-about-btn-wrap {
  gap: 15px;
  display: flex;
}

@media (max-width: 767px) {
  .tp-fa-about-ptb {
    padding-bottom: 80px;
  }
}
.tp-fa-about-thumb-wrapper {
  height: 460px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fa-about-thumb-wrapper {
    height: 400px;
  }
}
.tp-fa-about-thumb-wrapper .tp-fa-about-shape {
  position: absolute;
  left: 60px;
  bottom: 40px;
}
.tp-fa-about-thumb-wrapper video,
.tp-fa-about-thumb-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tp-fa-about-thumb-wrapper .tp-fi-about-list {
  left: auto;
  right: 40px;
}
@media (max-width: 767px) {
  .tp-fa-about-thumb-wrapper .tp-fi-about-list {
    display: none;
  }
}
.tp-fa-about-left-side {
  margin-right: 36px;
  padding-right: 120px;
  padding-bottom: 75px;
  border-right: 1px solid rgba(27, 57, 66, 0.08);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fa-about-left-side {
    border: none;
    margin-right: 0;
    padding-right: 0;
    padding-bottom: 45px;
  }
}
.tp-fa-about-right-side .tp-fa-about-text {
  margin-bottom: 40px;
}
.tp-fa-about-right-side .tp-fa-about-text p {
  color: var(--tp-advisory-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fa-about-right-side .tp-fa-about-text p br {
    display: none;
  }
}
.tp-fa-about-year {
  gap: 20px;
  display: flex;
  margin-bottom: 70px;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(27, 57, 66, 0.08);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fa-about-year {
    padding-bottom: 20px;
    margin-bottom: 35px;
  }
}
.tp-fa-about-year span {
  min-width: 60px;
}
.tp-fa-about-year span b {
  font-size: 48px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.48px;
}
.tp-fa-about-year span i {
  margin-left: 5px;
  font-size: 16px;
  font-style: normal;
  display: inline-block;
  letter-spacing: -0.16px;
  transform: translateY(-27px);
}
.tp-fa-about-year p {
  font-size: 14px;
  text-transform: uppercase;
  color: var(--tp-advisory-secondary);
}
.tp-fa-about-list .tp-fi-about-list-item p {
  border: 1px solid var(--tp-advisory-white);
}
.tp-fa-about-list .tp-fi-about-list-item p i {
  flex: 0 0 auto;
  background-color: var(--tp-advisory-white);
}
.tp-fa-about-slider-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 15px;
  color: var(--tp-advisory-primary);
}
.tp-fa-about-slider-content p {
  color: var(--tp-advisory-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fa-about-slider-content p br {
    display: none;
  }
}
.tp-fa-about-slider .tp-about-active {
  margin-bottom: 35px;
}
.tp-fa-about-slider .tp-about-dots .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  background-color: rgba(27, 57, 66, 0.8);
  border: 2px solid rgba(27, 57, 66, 0.1);
}
.tp-fa-about-slider .tp-about-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-advisory-orange);
}
.tp-fa-about-pagination span {
  width: 12px;
  height: 12px;
  opacity: 1;
  border-radius: 2px;
  border: 4px solid rgba(27, 57, 66, 0.1);
}
.tp-fa-about-btn {
  position: absolute;
  bottom: -10px;
  right: 85px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-fa-about-btn {
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fa-about-btn {
    position: static;
    margin-top: 30px;
  }
}
.tp-fa-about-btn a {
  width: 146px;
  height: 146px;
  line-height: 1.1;
  border-radius: 50%;
  text-align: center;
  display: inline-grid;
  place-content: center;
  color: var(--tp-common-white);
  background-color: var(--tp-advisory-orange);
}
.tp-fa-about-btn a svg {
  display: block;
  margin-bottom: 15px;
  transform: translateX(32px);
}
.tp-fa-about-btn a:hover {
  background-color: var(--tp-advisory-primary);
}

.tp-cc-about-style .tp-section-sub {
  color: var(--tp-corporate-sulu);
}
.tp-cc-about-style .tp-section-sub::before {
  content: none;
}
.tp-cc-about-style .tp-section-title {
  color: var(--tp-common-white);
}
.tp-cc-about-style .tp-fi-about-content p {
  color: var(--tp-common-white);
}
.tp-cc-about-style .tp-cn-success-item-2-shape {
  top: 40px;
  left: 23%;
  right: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cc-about-style .tp-cn-success-item-2-shape {
    left: 10%;
  }
}
@media (max-width: 767px) {
  .tp-cc-about-style .tp-cn-success-item-2-shape {
    left: 5%;
  }
}

.tp-about-wrapper .tp-fi-about-content p {
  margin-bottom: 45px;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-wrapper .tp-fi-about-content p {
    margin-bottom: 0;
  }
  .tp-about-wrapper .tp-fi-about-content p br {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-wrapper .tp-fi-about-content .tp-section-title br {
    display: none;
  }
}
.tp-about-fact-wrap {
  margin-left: 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), (max-width: 767px) {
  .tp-about-fact-wrap {
    margin-left: 0;
  }
}
.tp-about-fact-item {
  margin-bottom: 25px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(34, 47, 48, 0.08);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-fact-item {
    margin-bottom: 10px;
    padding-bottom: 15px;
  }
}
.tp-about-fact-item-title {
  font-size: 46px;
  font-weight: 400;
  margin-bottom: 0;
  letter-spacing: -0.48px;
  color: var(--tp-finance-secondary);
}
.tp-about-fact-item p {
  margin-bottom: 0;
  color: var(--tp-finance-secondary);
}
@media (max-width: 767px) {
  .tp-about-vision-content {
    margin-bottom: 40px;
  }
}
.tp-about-vision-item {
  gap: 40px;
  padding: 40px;
  display: flex;
  flex-wrap: wrap;
  border-radius: 6px;
  background: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-vision-item {
    gap: 30px;
    padding: 30px;
  }
}
.tp-about-vision-item-title {
  font-size: 20px;
  letter-spacing: -0.2px;
  color: var(--tp-finance-secondary);
}
.tp-about-vision-item-content p {
  margin-bottom: 0;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-vision-item-content p br {
    display: none;
  }
}

/*----------------------------------------*/
/*  7.3 project css
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cc-project-heading {
    margin-bottom: 30px;
  }
}
.tp-cc-project-item:hover .tp-cc-project-item-thumb img {
  transform: scale(1.1);
}
.tp-cc-project-item:hover .tp-cc-project-item-content {
  transform: translateY(0);
  background: var(--tp-corporate-sulu);
}
.tp-cc-project-item:hover .tp-cc-project-item-title a {
  color: var(--tp-corporate-primary);
}
.tp-cc-project-item-thumb {
  overflow: hidden;
  border-radius: 6px;
}
.tp-cc-project-item-thumb img {
  width: 100%;
  transition: all 0.9s ease-in-out;
}
.tp-cc-project-item-box {
  left: 30px;
  right: 30px;
  bottom: 30px;
  overflow: hidden;
  position: absolute;
  border-radius: 6px;
}
.tp-cc-project-item-content {
  padding: 20px 30px;
  border-radius: 6px;
  margin-bottom: 0;
  transform: translateY(116px);
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  backdrop-filter: blur(20px);
  background: linear-gradient(252deg, rgba(255, 255, 255, 0.15) -14.19%, rgba(255, 255, 255, 0.06) 100%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-cc-project-item-content {
    transform: translateY(145px);
  }
}
@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-cc-project-item-content {
    padding: 20px 25px;
    transform: translateY(170px);
  }
}
@media (max-width: 767px) {
  .tp-cc-project-item-content {
    padding: 20px;
    transform: translateY(140px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-cc-project-item-content {
    transform: translateY(120px);
  }
}
.tp-cc-project-item-content p {
  margin-bottom: 25px;
  color: var(--tp-corporate-primary);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cc-project-item-content p br {
    display: none;
  }
}
.tp-cc-project-item-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 15px;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .tp-cc-project-item-title {
    font-size: 20px;
  }
}
.tp-cc-project-item-btn a {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-corporate-primary);
}
.tp-cc-project-item-btn a span {
  margin-left: 4px;
  display: inline-block;
}
.tp-cc-project-dot {
  right: 0;
  left: 0;
  margin: 0 auto;
  margin-top: 50px;
  text-align: center;
}
.tp-cc-project-dot .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 8px;
  position: relative;
  display: inline-block;
  -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: rgba(18, 53, 67, 0.8);
}
.tp-cc-project-dot .swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--tp-corporate-primary);
}
.tp-cc-project-bottom::before {
  position: absolute;
  content: "";
  top: 16px;
  left: 0;
  right: 0;
  height: 1px;
  width: 100%;
  background: rgba(18, 53, 67, 0.08);
}
.tp-cc-project-bottom span {
  position: relative;
  padding: 3px 10px;
  border-radius: 6px;
  display: inline-block;
  background: #F8F8F8;
}

.tp-error-title {
  font-size: 64px;
  font-weight: 500;
  margin-bottom: 50px;
  color: var(--tp-common-black);
}
.tp-error-title-sm {
  font-size: 26px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--tp-common-black);
}
.tp-error-content p {
  font-size: 18px;
  margin-bottom: 30px;
}

/*----------------------------------------*/
/*  7.4 service css
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-service-heading {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-service-right {
    margin-bottom: 30px;
  }
}
.tp-fi-service-item {
  width: 100%;
  border-radius: 6px;
  padding: 50px 30px 30px;
  -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;
  border: 1px solid rgba(34, 47, 48, 0.1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-fi-service-item {
    padding: 50px 20px 30px;
  }
}
.tp-fi-service-item:hover {
  border-color: transparent;
  background-color: var(--tp-finance-white);
}
.tp-fi-service-item:hover .tp-fi-service-item-icon span {
  background-color: var(--tp-finance-primary);
}
.tp-fi-service-item:hover .tp-fi-service-item-btn a {
  color: var(--tp-finance-white);
  background-color: var(--tp-finance-secondary);
}
.tp-fi-service-item-icon {
  margin-bottom: 30px;
}
.tp-fi-service-item-icon span {
  width: 100px;
  height: 100px;
  text-align: center;
  border-radius: 6px;
  display: inline-grid;
  place-content: center;
  -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-finance-white);
}
.tp-fi-service-item-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 15px;
  letter-spacing: -0.24px;
  color: var(--tp-finance-secondary);
}
.tp-fi-service-item-content p {
  margin-bottom: 45px;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-service-item-content p {
    margin-bottom: 30px;
  }
  .tp-fi-service-item-content p br {
    display: none;
  }
}
.tp-fi-service-item-btn a {
  font-size: 16px;
  font-weight: 500;
  display: flex;
  padding: 12px 25px;
  border-radius: 4px;
  justify-content: space-between;
  color: var(--tp-finance-secondary);
  border: 1px solid rgba(34, 47, 48, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-fi-service-item-btn a {
    padding: 10px 25px;
  }
}
.tp-fi-service-item-2 {
  padding: 40px;
  border-radius: 6px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.tp-fi-service-item-2-content {
  padding-top: 192px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-fi-service-item-2-content {
    padding-top: 172px;
  }
}
.tp-fi-service-item-2-icon {
  margin-bottom: 30px;
}
.tp-fi-service-item-2-title {
  margin: 0;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: -0.48px;
  color: var(--tp-common-white);
}

.tp-cn-service-heading {
  position: sticky;
  top: 120px;
}
.tp-cn-service-heading p {
  margin-bottom: 48px;
  color: var(--tp-consulting-gray);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-service-heading p {
    margin-bottom: 30px;
  }
  .tp-cn-service-heading p br {
    display: none;
  }
}
.tp-cn-service-item {
  top: 120px;
  position: sticky;
  overflow: hidden;
  border-radius: 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;
  background-color: #F6F5F2;
}
.tp-cn-service-item:hover {
  background-color: var(--tp-consulting-primary);
}
.tp-cn-service-item:hover .tp-btn-border {
  border-color: var(--tp-consulting-secondary);
}
.tp-cn-service-item-icon {
  margin-bottom: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-service-item-icon {
    margin-bottom: 20px;
  }
}
.tp-cn-service-item-title {
  font-weight: 500;
  margin-bottom: 15px;
  color: var(--tp-consulting-secondary);
}
@media (max-width: 767px) {
  .tp-cn-service-item-title {
    margin-bottom: 10px;
  }
}
.tp-cn-service-item-content {
  padding: 28px;
  padding-left: 40px;
}
@media (max-width: 767px) {
  .tp-cn-service-item-content {
    padding-left: 20px;
  }
}
.tp-cn-service-item-content p {
  margin-bottom: 30px;
  color: var(--tp-consulting-gray);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-service-item-content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-cn-service-item-content p {
    margin-bottom: 20px;
  }
}
.tp-cn-service-item-btn .tp-btn {
  padding: 14px 58px 14px 23px;
}
.tp-cn-service-item-thumb {
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-cn-service-item-thumb {
    margin-right: -60px;
  }
}
.tp-cn-service-item-thumb-1 {
  mask-image: url(../img/consulting/service/service-item-1-mask.svg);
  -webkit-mask-image: url(../img/consulting/service/service-item-1-mask.svg);
  height: 100%;
  width: 100%;
  mask-repeat: no-repeat;
  overflow: hidden;
  border-radius: 6px;
  background-position: center center;
}
@media (max-width: 767px) {
  .tp-cn-service-item-thumb-1 {
    display: none;
  }
}
.tp-cn-service-item-thumb-2 {
  mask-image: url(../img/consulting/service/service-item-2-mask.svg);
  -webkit-mask-image: url(../img/consulting/service/service-item-2-mask.svg);
  height: 100%;
  width: 100%;
  mask-repeat: no-repeat;
  overflow: hidden;
  border-radius: 6px;
  background-position: center center;
}
@media (max-width: 767px) {
  .tp-cn-service-item-thumb-2 {
    display: none;
  }
}
.tp-cn-service-item-thumb-3 {
  mask-image: url(../img/consulting/service/service-item-3-mask.svg);
  -webkit-mask-image: url(../img/consulting/service/service-item-3-mask.svg);
  height: 100%;
  width: 100%;
  mask-repeat: no-repeat;
  overflow: hidden;
  border-radius: 6px;
  background-position: center center;
}
@media (max-width: 767px) {
  .tp-cn-service-item-thumb-3 {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fa-service-heading, .tp-fa-service-btn {
    margin-bottom: 30px;
  }
}
.tp-fa-service-thumb {
  height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-fa-service-thumb img {
    height: 100%;
    object-fit: cover;
  }
}
.tp-fa-service-item {
  padding: 40px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.35);
  border: 1px solid rgba(27, 57, 66, 0.08);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fa-service-item {
    padding: 30px;
  }
}
.tp-fa-service-item:hover .tp-fa-service-item-icon span {
  background-color: var(--tp-advisory-orange);
}
.tp-fa-service-item-icon {
  gap: 10px;
  display: flex;
  align-items: start;
}
.tp-fa-service-item-icon span {
  width: 80px;
  height: 80px;
  text-align: center;
  border-radius: 50%;
  display: inline-grid;
  place-content: center;
  -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-white);
  background-color: var(--tp-advisory-primary);
}
.tp-fa-service-item-icon a {
  width: 80px;
  height: 80px;
  text-align: center;
  border-radius: 50%;
  display: inline-grid;
  place-content: center;
  color: var(--tp-advisory-primary);
  background-color: var(--tp-common-white);
}
.tp-fa-service-item-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 12px;
  color: var(--tp-advisory-primary);
}
.tp-fa-service-item-text {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(27, 57, 66, 0.08);
}
.tp-fa-service-item-text p {
  color: var(--tp-advisory-secondary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fa-service-item-text p br {
    display: none;
  }
}
.tp-fa-service-item-list ul {
  display: block;
}
.tp-fa-service-item-list ul li {
  gap: 15px;
  display: flex;
  letter-spacing: -0.16px;
}
.tp-fa-service-item-list ul li:not(:last-of-type) {
  margin-bottom: 6px;
}
.tp-fa-service-slider {
  margin-right: -190px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-fa-service-slider {
    margin-right: -215px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-fa-service-slider {
    margin-right: -390px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-fa-service-slider {
    margin-right: -455px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fa-service-slider {
    margin-right: 0;
  }
}

.tp-cc-service-text {
  display: inline-block;
}
.tp-cc-service-text-shape {
  position: absolute;
  top: 12px;
  left: 12px;
  animation: rotate_anim 10s linear infinite;
}
.tp-cc-service-item {
  padding: 44px 50px 48px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-cc-service-item {
    padding: 40px 35px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cc-service-item {
    padding: 30px 25px 40px;
  }
}
@media (max-width: 767px) {
  .tp-cc-service-item {
    padding: 30px;
  }
}
.tp-cc-service-item.large .tp-cc-service-item-content p {
  margin-bottom: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-cc-service-item.large .tp-cc-service-item-content p br {
    display: none;
  }
}
.tp-cc-service-item.large .tp-cc-service-item-content .tp-cc-service-item-title {
  margin-bottom: 95px;
  padding-bottom: 35px;
  border-bottom: 1px solid rgba(18, 53, 67, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-cc-service-item.large .tp-cc-service-item-content .tp-cc-service-item-title {
    margin-bottom: 65px;
  }
}
@media (max-width: 767px) {
  .tp-cc-service-item.large .tp-cc-service-item-content .tp-cc-service-item-title {
    margin-bottom: 70px;
    padding-bottom: 25px;
  }
}
.tp-cc-service-item-num {
  margin-bottom: 18px;
  display: inline-block;
  letter-spacing: -0.32px;
  color: var(--tp-advisory-secondary);
}
.tp-cc-service-item-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 40px;
  color: var(--tp-corporate-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cc-service-item-title {
    font-size: 20px;
  }
}
.tp-cc-service-item-content p {
  color: var(--tp-advisory-secondary);
}
.tp-cc-service-item-icon {
  margin-bottom: 122px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cc-service-item-icon {
    margin-bottom: 100px;
  }
}
.tp-cc-service-item-btn a {
  font-weight: 500;
  color: var(--tp-corporate-primary);
}
.tp-cc-service-item-btn a:hover span {
  color: var(--tp-common-white);
  background-color: var(--tp-corporate-primary);
}
.tp-cc-service-item-btn a span {
  width: 22px;
  height: 22px;
  margin-left: 6px;
  border-radius: 50%;
  display: inline-grid;
  place-content: center;
  -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-corporate-primary);
  background-color: var(--tp-corporate-sulu);
}
.tp-cc-service-item-btn a span svg {
  transform: translateY(0px);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-service-heading {
    margin-bottom: 50px;
  }
}
.tp-at-service-text p {
  color: var(--tp-accounting-wood);
}
@media (max-width: 767px) {
  .tp-at-service-thumb-wrap {
    flex-wrap: wrap;
  }
}
.tp-at-service-list ul li {
  list-style: none;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(58, 21, 16, 0.08);
}
.tp-at-service-list ul li a {
  display: flex;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 20px;
  justify-content: space-between;
  color: var(--tp-accounting-brown);
}
.tp-at-service-list ul li a:hover {
  color: var(--tp-accounting-3);
}

@media (max-width: 767px) {
  .tp-service-philosopy-ptb {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-philosopy-heading p {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .tp-service-philosopy-heading p br {
    display: none;
  }
}
.tp-service-philosopy-faq .tp-faq-wrap .accordion-items {
  margin-bottom: 0px;
}
.tp-service-philosopy-faq .tp-faq-wrap .accordion-buttons {
  font-size: 20px;
  padding: 22px 0px;
}

/*----------------------------------------*/
/*  7.5 text slider css
/*----------------------------------------*/
.tp-fi-text-slider-item p {
  margin: 0;
  font-size: 20px;
  letter-spacing: -0.4px;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-text-slider-item p {
    font-size: 18px;
  }
}

.tp-fa-text-style p {
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  7.6 video css
/*----------------------------------------*/
.tp-fa-process-item:hover .tp-fa-process-item-icon span {
  color: var(--tp-finance-secondary);
  background-color: var(--tp-common-white);
}
.tp-fa-process-item:hover .tp-fa-process-item-icon span::before {
  opacity: 1;
  visibility: visible;
}
.tp-fa-process-item-icon {
  display: inline-block;
}
.tp-fa-process-item-icon span {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: inline-grid;
  place-content: center;
  -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-advisory-orange);
  border: 2px solid rgba(255, 255, 255, 0.1);
}
.tp-fa-process-item-icon span::before {
  content: "";
  top: -10px;
  left: -10px;
  width: 120%;
  height: 120%;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  position: absolute;
  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;
  border: 1px dashed rgba(255, 255, 255, 0.5);
}
.tp-fa-process-item-icon i {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  border-radius: 50%;
  display: inline-grid;
  place-content: center;
  color: var(--tp-advisory-primary);
  background-color: var(--tp-common-white);
  border: 6px solid var(--tp-advisory-primary);
}
.tp-fa-process-item-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 15px;
  color: var(--tp-common-white);
}
.tp-fa-process-item-content p {
  color: #88A5AD;
  margin-bottom: 0;
}

/*----------------------------------------*/
/*  7.7 testimonial css
/*----------------------------------------*/
.tp-fi-testimonial-title {
  font-size: 32px;
  font-weight: 400;
  letter-spacing: -0.32px;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-testimonial-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-testimonial-title {
    font-size: 28px;
  }
}
.tp-fi-testimonial-quote {
  gap: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-testimonial-quote {
    gap: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-testimonial-quote {
    margin-bottom: 30px;
  }
}
.tp-fi-testimonial-quote-icon span {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: inline-grid;
  place-content: center;
  background-color: var(--tp-finance-primary);
}
.tp-fi-testimonial-quote-content span {
  font-size: 20px;
  font-weight: 500;
  display: inline-block;
  color: var(--tp-finance-secondary);
}
.tp-fi-testimonial-quote-content p {
  margin: 0;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-fi-testimonial-slider-text {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-fi-testimonial-slider-text {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-testimonial-slider-text {
    padding-bottom: 30px;
  }
}
.tp-fi-testimonial-slider-wrap {
  position: relative;
}
.tp-fi-testimonial-slider-wrap .tp-testimonial-bottom-thumb-active {
  margin-right: 125px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-fi-testimonial-slider-wrap .tp-testimonial-bottom-thumb-active {
    margin-right: 90px;
  }
}
@media only screen and (min-width: 992px) 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-fi-testimonial-slider-wrap .tp-testimonial-bottom-thumb-active {
    margin-right: 60px;
  }
}
@media (max-width: 767px) {
  .tp-fi-testimonial-slider-wrap .tp-testimonial-bottom-thumb-active {
    margin-right: 0;
  }
}
.tp-fi-testimonial-slider-wrap .tp-testimonial-bottom-thumb-active .swiper-slide.swiper-slide-active.swiper-slide-visible .tp-fi-testimonial-slider-thumb img {
  filter: grayscale(0);
}
.tp-fi-testimonial-slider-thumb img {
  width: 100%;
  border-radius: 6px;
  filter: grayscale(100%);
}
.tp-fi-testimonial-navigation {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .tp-fi-testimonial-navigation {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-fi-testimonial-navigation {
    display: block;
  }
}
.tp-fi-testimonial-navigation .tp-testimonial-next {
  width: 50px;
  height: 50px;
  cursor: pointer;
  text-align: center;
  border-radius: 50%;
  display: inline-grid;
  place-content: center;
  -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-white);
  background-color: var(--tp-finance-secondary);
}
.tp-fi-testimonial-navigation .tp-testimonial-next:hover {
  color: var(--tp-finance-secondary);
  background-color: var(--tp-finance-primary);
}

.tp-at-testimonial-item {
  position: relative;
  border-radius: 6px;
  padding: 40px 40px 30px;
  background: rgba(252, 246, 240, 0.2);
  border: 1px solid rgba(58, 21, 16, 0.08);
}
@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) {
  .tp-at-testimonial-item {
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-testimonial-item {
    padding: 20px;
  }
}
.tp-at-testimonial-content {
  margin-bottom: 25px;
  padding-bottom: 55px;
  border-bottom: 1px dashed rgba(58, 21, 16, 0.08);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-testimonial-content {
    padding-bottom: 30px;
  }
}
.tp-at-testimonial-content p {
  margin: 0;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.2px;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-at-testimonial-content p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-testimonial-content p br {
    display: none;
  }
}
.tp-at-testimonial-user-img img {
  border-radius: 50%;
}
.tp-at-testimonial-user-name {
  font-size: 16px;
  margin-bottom: 0;
  color: var(--tp-accounting-brown);
}
.tp-at-testimonial-user-info span {
  font-size: 14px;
  display: inline-block;
  color: var(--tp-accounting-brown);
}
.tp-at-testimonial-slider::after {
  position: absolute;
  width: 435px;
  height: 100%;
  top: 0;
  right: 0;
  content: "";
  z-index: 1;
  background: linear-gradient(-90deg, #FFF 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-testimonial-slider::after {
    content: none;
  }
}
.tp-at-testimonial-slider::before {
  position: absolute;
  width: 435px;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 2;
  background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-testimonial-slider::before {
    content: none;
  }
}
.tp-at-testimonial-btn-wrap {
  gap: 20px;
  display: flex;
}
@media (max-width: 767px) {
  .tp-at-testimonial-btn-wrap {
    flex-wrap: wrap;
  }
}
.tp-at-testimonial-btn-wrap .tp-btn-border {
  color: var(--tp-accounting-brown);
  border-color: var(--tp-accounting-brown);
}
.tp-at-testimonial-btn-wrap .tp-btn-border i::after {
  background-color: var(--tp-accounting-brown);
}

/*----------------------------------------*/
/*  7.8 price css
/*----------------------------------------*/
.tp-at-pricing-card {
  padding: 50px;
  display: flex;
  min-height: 665px;
  border-radius: 6px;
  flex-direction: column;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-at-pricing-card {
    padding: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-at-pricing-card {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .tp-at-pricing-card {
    min-height: 610px;
  }
}
.tp-at-pricing-divider {
  height: 1px;
  margin: 34px 0;
  position: relative;
  background: rgba(255, 255, 255, 0.2);
}
.tp-at-pricing-features li {
  display: flex;
  font-size: 16px;
  font-weight: 500;
  align-items: center;
  margin-bottom: 12px;
  color: var(--tp-common-white);
}
.tp-at-pricing-features li svg {
  width: 25px;
  margin-right: 15px;
}
.tp-at-pricing-sub-section {
  margin-top: 30px;
  margin-bottom: 50px;
}
.tp-at-pricing-header {
  margin-bottom: 30px;
}
.tp-at-pricing-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
  color: var(--tp-common-white);
}
.tp-at-pricing-sub-features li {
  display: flex;
  font-size: 16px;
  margin-bottom: 8px;
  align-items: center;
  letter-spacing: -0.16px;
  color: var(--tp-common-white);
}
.tp-at-pricing-sub-features li svg {
  color: var(--tp-common-white);
  font-size: 14px;
  margin-right: 12px;
}
.tp-at-pricing-sub-title {
  font-size: 16px;
  margin-bottom: 15px;
  color: rgba(255, 255, 255, 0.7);
}
.tp-at-pricing-desc {
  font-size: 16px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
}
.tp-at-pricing-value {
  display: flex;
  margin-bottom: 30px;
  align-items: baseline;
}
.tp-at-pricing-amount {
  font-size: 48px;
  font-weight: 500;
  margin: 0 4px;
  letter-spacing: -0.96px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-pricing-amount {
    font-size: 42px;
  }
}
.tp-at-pricing-interval {
  font-size: 24px;
  letter-spacing: -0.48px;
  color: var(--tp-common-white);
}
.tp-at-pricing-btn {
  padding: 16px 30px;
}
.tp-at-pricing-btn.price-color {
  color: var(--tp-accounting-brown);
  background-color: var(--tp-common-white);
}
.tp-at-pricing-btn:hover {
  transform: translateY(-2px);
}

.tp-pricing-style .tp-at-pricing-card {
  border-color: rgba(34, 47, 48, 0.1);
}
.tp-pricing-style .tp-at-pricing-title {
  color: var(--tp-finance-secondary);
}
.tp-pricing-style .tp-at-pricing-desc {
  color: rgba(34, 47, 48, 0.7);
}
.tp-pricing-style .tp-at-pricing-amount, .tp-pricing-style .tp-at-pricing-interval {
  color: var(--tp-finance-secondary);
}
.tp-pricing-style .tp-at-pricing-divider {
  background: rgba(34, 47, 48, 0.1);
}
.tp-pricing-style .tp-at-pricing-features li {
  color: var(--tp-finance-secondary);
}
.tp-pricing-style .tp-at-pricing-sub-title {
  color: rgba(34, 47, 48, 0.7);
}
.tp-pricing-style .tp-at-pricing-sub-features li {
  color: var(--tp-finance-secondary);
}
.tp-pricing-style .tp-at-pricing-btn.price-btn-inner {
  background: #E7E8E1;
  color: var(--tp-finance-secondary);
}

/*----------------------------------------*/
/*  7.9 brand css
/*----------------------------------------*/
.tp-fi-brand-top a {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-theme-secondary);
}
.tp-fi-brand-slider-item {
  opacity: 0.25;
  text-align: center;
  -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-fi-brand-wrapper .swiper-slide-active .tp-fi-brand-slider-item {
  opacity: 1;
}

.tp-at-download-item {
  padding: 40px;
  border-radius: 6px;
  border: 1px solid rgba(58, 21, 16, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-download-item {
    padding: 30px;
  }
}
.tp-at-download-item-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  color: var(--tp-accounting-brown);
}
.tp-at-download-item-content p {
  margin: 0;
  color: var(--tp-accounting-wood);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-download-item-content p br {
    display: none;
  }
}
.tp-at-download-btn {
  width: 100%;
  display: flex;
  font-weight: 500;
  border-radius: 6px;
  align-items: center;
  padding: 11px 40px 10px;
  justify-content: space-between;
  color: var(--tp-accounting-brown);
  background-color: var(--tp-accounting-gray);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-download-btn {
    padding: 11px 30px 10px;
  }
}
.tp-at-download-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-accounting-secondary);
}

.tp-worksheet-style .tp-at-download-item {
  border-color: rgba(34, 47, 48, 0.1);
}
.tp-worksheet-style .tp-at-download-item-title {
  color: var(--tp-finance-secondary);
}
.tp-worksheet-style .tp-at-download-item-content p {
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-worksheet-style .tp-at-download-item-btn {
    margin-bottom: 20px;
  }
}
.tp-worksheet-style .tp-at-download-btn {
  background-color: var(--tp-finance-white);
}
.tp-worksheet-style .tp-at-download-btn:hover {
  background-color: var(--tp-finance-secondary);
}

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

/*----------------------------------------*/
/*  8.0 team css
/*----------------------------------------*/
.tp-fi-team-item {
  z-index: 1;
  padding: 50px;
  overflow: hidden;
  border-radius: 6px;
  transition: all 0.4s ease-in-out;
  border: 1px dashed rgba(34, 47, 48, 0.13);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-team-item {
    padding: 35px;
  }
}
.tp-fi-team-item:hover {
  border-style: solid;
  border-color: transparent;
  background-color: var(--tp-finance-primary);
}
.tp-fi-team-item:hover .tp-fi-team-item-thumb {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.tp-fi-team-item:hover .tp-fi-team-item-content {
  transform: translateY(67%);
}
.tp-fi-team-item-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  transition: 0.3s;
  margin-bottom: 2px;
  letter-spacing: -0.24px;
  color: var(--tp-finance-secondary);
}
@media (max-width: 767px) {
  .tp-fi-team-item-title {
    font-size: 20px;
  }
}
.tp-fi-team-item-thumb {
  position: absolute;
  opacity: 0;
  left: 50px;
  top: 50px;
  border-radius: 50%;
  transition: all 0.5s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-team-item-thumb {
    left: 35px;
  }
}
.tp-fi-team-item-thumb img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
}
.tp-fi-team-item-content {
  transition: 0.4s;
}
.tp-fi-team-item-content span {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.16px;
  color: var(--tp-finance-secondary);
}
.tp-fi-team-item-social {
  gap: 15px;
  display: flex;
}
.tp-fi-team-item-social a:hover {
  transform: translateY(-3px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-team-heading {
    margin-bottom: 30px;
  }
}
.tp-fi-team-btn {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  color: var(--tp-finance-secondary);
}
.tp-fi-team-btn:hover span {
  color: var(--tp-common-white);
  background-color: var(--tp-finance-secondary);
}
.tp-fi-team-btn span {
  width: 22px;
  height: 22px;
  margin-left: 5px;
  border-radius: 50%;
  text-align: center;
  display: inline-grid;
  place-content: center;
  -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-color: var(--tp-finance-primary);
}
.tp-fi-team-btn-wrap {
  gap: 30px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-team-btn-wrap {
    margin-bottom: 30px;
  }
}

.tp-cc-team-top.tp-sec-line {
  border-color: rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cc-team-heading {
    margin-bottom: 30px;
  }
}
.tp-cc-team-heading .tp-section-title {
  color: var(--tp-common-white);
}
.tp-cc-team-heading .tp-cc-section-sub {
  font-weight: 500;
  margin-bottom: 10px;
  display: inline-block;
  color: var(--tp-corporate-sulu);
}
.tp-cc-team-right .tp-fa-hero-btn a {
  color: var(--tp-common-white);
}
.tp-cc-team-right .tp-fa-hero-btn a span {
  color: var(--tp-corporate-primary);
  background-color: var(--tp-corporate-sulu);
}
.tp-cc-team-right .tp-btn-border {
  background-color: var(--tp-common-white);
}
.tp-cc-team-item:hover .tp-cc-team-item-thumb img {
  transform: scale(1.1);
}
.tp-cc-team-item:hover .tp-cc-team-item-thumb::after {
  opacity: 1;
  height: 100%;
  visibility: visible;
}
.tp-cc-team-item-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 4px;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .tp-cc-team-item-title {
    font-size: 20px;
  }
}
.tp-cc-team-item-content {
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cc-team-item-content {
    margin-bottom: 25px;
  }
}
.tp-cc-team-item-content p {
  font-weight: 500;
  letter-spacing: -0.16px;
  color: rgba(255, 255, 255, 0.7);
}
.tp-cc-team-item-thumb {
  overflow: hidden;
  border-radius: 6px;
  position: relative;
}
.tp-cc-team-item-thumb img {
  width: 100%;
  transition: all 0.9s ease-in-out;
}
.tp-cc-team-item-thumb::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 0;
  opacity: 0;
  width: 100%;
  transition: 0.4s;
  visibility: hidden;
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(190, 255, 116, 0) 24%, #BEFF74 100%);
}
.tp-cc-team-social {
  left: 0;
  bottom: 0;
  z-index: 2;
  margin: 30px;
  position: absolute;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cc-team-social {
    margin: 20px;
  }
}
.tp-cc-team-social-link, .tp-cc-team-social-icon a {
  display: block;
  height: 36px;
  width: 36px;
  margin: 6px 0;
  line-height: 33px;
  text-align: center;
  border-radius: 50%;
  position: relative;
  color: var(--tp-common-black);
  backdrop-filter: blur(20px);
  background: linear-gradient(252deg, rgba(255, 255, 255, 0.15) -14.19%, rgba(255, 255, 255, 0.06) 100%);
}
.tp-cc-team-social-link {
  cursor: pointer;
  overflow: hidden;
  background-color: var(--tp-common-white);
}
.tp-cc-team-social-link svg {
  transition: 0.4s;
}
.tp-cc-team-social-icon {
  position: absolute;
  top: 0px;
  gap: 6px;
  left: 44px;
  display: flex;
}
.tp-cc-team-social-icon a {
  opacity: 0;
  visibility: hidden;
  line-height: 30px;
  transform: translateX(-20px);
  border: 1px solid rgba(18, 53, 67, 0.1);
}
.tp-cc-team-social-icon a:nth-child(1) {
  transition-delay: 0.1s;
}
.tp-cc-team-social-icon a:nth-child(2) {
  transition-delay: 0.2s;
}
.tp-cc-team-social-icon a:nth-child(3) {
  transition-delay: 0.3s;
}
.tp-cc-team-social-icon a:nth-child(4) {
  transition-delay: 0.4s;
}
.tp-cc-team-social:hover .tp-cc-team-social-icon a {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.tp-cc-team-social:hover .tp-cc-team-social-link svg {
  transform: rotate(180deg);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-at-team-heading {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-at-team-heading {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-team-heading {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-at-team-top {
    padding-bottom: 40px;
  }
}
.tp-at-team-item {
  overflow: hidden;
}
.tp-at-team-item:hover .tp-at-team-item-thumb::before {
  height: 100%;
  top: auto;
  bottom: 0;
}
.tp-at-team-item:hover .tp-at-team-item-content {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.tp-at-team-item-thumb {
  position: relative;
}
.tp-at-team-item-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  bottom: auto;
  left: 0;
  top: 0;
  border-radius: 6px;
  -webkit-transition: 0.4s 0.3s ease-out;
  -moz-transition: 0.4s 0.3s ease-out;
  -ms-transition: 0.4s 0.3s ease-out;
  -o-transition: 0.4s 0.3s ease-out;
  transition: 0.4s 0.3s ease-out;
  background: linear-gradient(239deg, rgba(58, 21, 16, 0.6) 17.93%, rgba(58, 21, 16, 0.06) 81.51%);
  backdrop-filter: blur(20px);
}
.tp-at-team-item .tp-cc-team-social {
  left: auto;
  right: 0px;
}
.tp-at-team-item .tp-cc-team-social-link svg {
  transform: translate(1px, 0px);
}
.tp-at-team-item-content {
  position: absolute;
  top: 40px;
  left: 40px;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  -webkit-transition: 0.6s 0.3s ease-out;
  -moz-transition: 0.6s 0.3s ease-out;
  -ms-transition: 0.6s 0.3s ease-out;
  -o-transition: 0.6s 0.3s ease-out;
  transition: 0.6s 0.3s ease-out;
  transform: translateX(-100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-at-team-item-content {
    left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-at-team-item-content {
    left: 20px;
  }
}
.tp-at-team-item-title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 4px;
  color: var(--tp-common-white);
}
.tp-at-team-item-subtitle {
  margin-bottom: 25px;
  display: inline-block;
  color: var(--tp-common-white);
}
.tp-at-team-item-social {
  gap: 15px;
  display: flex;
}
.tp-at-team-item-social a {
  color: var(--tp-common-white);
}
.tp-at-team-item-social a:hover {
  color: var(--tp-accounting-3);
}
.tp-at-team-btn-wrap .tp-fi-team-btn {
  color: var(--tp-accounting-brown);
}
.tp-at-team-btn-wrap .tp-fi-team-btn span {
  color: var(--tp-common-white);
  background-color: var(--tp-accounting-secondary);
}

.tp-team-style .tp-cc-team-item-content {
  margin-top: 20px;
  margin-bottom: 0;
}
.tp-team-style .tp-cc-team-item-content p {
  color: var(--tp-finance-secondary);
}
.tp-team-style .tp-cc-team-item-title {
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-team-style .tp-team-heading .tp-section-title br {
    display: block;
  }
}
.tp-team-details-wrapper {
  margin-top: -12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-details-wrapper {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.tp-team-details-heading {
  margin-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), (max-width: 767px) {
  .tp-team-details-heading {
    margin-bottom: 30px;
  }
}
.tp-team-details-heading p {
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-details-heading p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-details-thumb img {
    width: 100%;
  }
}
.tp-team-details-title {
  font-size: 50px;
  font-weight: 400;
  color: #1F3130;
  margin-bottom: 15px;
  letter-spacing: -1px;
}
@media (max-width: 767px) {
  .tp-team-details-title {
    font-size: 38px;
  }
}
.tp-team-details-content {
  margin-bottom: 30px;
}
.tp-team-details-content .tp-team-details-contact {
  border-top: 1px solid rgba(34, 47, 48, 0.08);
}
.tp-team-details-contact {
  padding: 15px 0;
  margin-top: -1px;
}
.tp-team-details-contact span {
  line-height: 1;
  font-weight: 500;
  display: inline-block;
  color: var(--tp-finance-secondary);
}
.tp-team-details-contact span a {
  font-weight: 400;
}
.tp-team-details-rating p {
  margin: 0;
  border-radius: 30px;
  display: inline-block;
  padding: 14px 100px 14px 15px;
  color: var(--tp-finance-secondary);
  background-color: var(--tp-finance-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-team-details-rating p {
    padding: 10px 55px 10px 15px;
  }
}
@media (max-width: 767px) {
  .tp-team-details-rating p {
    padding: 10px 10px 10px 10px;
  }
}
.tp-team-details-rating p span {
  font-weight: 500;
  padding: 2px 10px;
  border-radius: 15px;
  display: inline-block;
  margin-inline-end: 15px;
  color: var(--tp-common-white);
  background-color: var(--tp-finance-secondary);
}
@media (max-width: 767px) {
  .tp-team-details-rating p span {
    margin-inline-end: 5px;
  }
}
.tp-team-details-rating p span svg {
  margin-right: 2px;
  transform: translateY(-2px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-details-exp-ptb {
    padding-bottom: 80px;
  }
}
.tp-team-details-exp-info {
  padding-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-details-exp-info {
    padding-right: 0;
    margin-bottom: 15px;
    padding-left: 30px;
    text-align: left !important;
  }
}
@media (max-width: 767px) {
  .tp-team-details-exp-heading {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .tp-team-details-exp-heading p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-team-details-exp-heading .tp-section-title {
    font-size: 36px;
  }
}
.tp-team-details-exp-date {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  letter-spacing: -0.36px;
  color: var(--tp-finance-secondary);
}
.tp-team-details-exp-company {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  letter-spacing: -0.36px;
  color: var(--tp-finance-secondary);
}
.tp-team-details-exp-item {
  position: relative;
  margin-bottom: 40px;
}
.tp-team-details-exp-item:last-child {
  margin-bottom: 0;
}
.tp-team-details-exp-item:last-child .tp-team-details-exp-content::before {
  display: none;
}
.tp-team-details-exp-content {
  position: relative;
  padding-left: 45px;
}
@media (max-width: 767px) {
  .tp-team-details-exp-content {
    padding-left: 30px;
  }
}
.tp-team-details-exp-content::before {
  content: "";
  top: 10px;
  left: -1px;
  width: 1px;
  position: absolute;
  height: calc(100% + 55px);
  background-color: var(--tp-finance-secondary);
}
@media (max-width: 767px) {
  .tp-team-details-exp-content::before {
    height: calc(100% + 122px);
  }
}
.tp-team-details-exp-content::after {
  content: "";
  position: absolute;
  left: -6px;
  top: 8px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: var(--tp-finance-secondary);
}
.tp-team-details-exp-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 15px;
  color: var(--tp-finance-secondary);
}
.tp-team-details-exp-text {
  font-size: 16px;
  color: #4b5563;
  line-height: 1.7;
  max-width: 600px;
}

/*----------------------------------------*/
/*  8.1 stories css
/*----------------------------------------*/
.tp-fi-stories-content p {
  font-size: 20px;
  margin-bottom: 50px;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-stories-content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-fi-stories-content p {
    margin-bottom: 30px;
  }
}
.tp-fi-stories-btn a {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-finance-secondary);
}
.tp-fi-stories-item {
  padding: 40px;
  border-radius: 6px;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-fi-stories-item {
    padding: 35px;
  }
}
@media (max-width: 767px) {
  .tp-fi-stories-item {
    padding: 30px;
  }
}
.tp-fi-stories-item.style-3 {
  border: 1px solid rgba(34, 47, 48, 0.08);
}
.tp-fi-stories-item-content span {
  margin-bottom: 10px;
  display: inline-block;
  letter-spacing: -0.16px;
  color: var(--tp-common-white);
}
.tp-fi-stories-item-content.style-2 span, .tp-fi-stories-item-content.style-2 h4 {
  color: var(--tp-finance-secondary);
}
.tp-fi-stories-item-logo {
  padding-bottom: 196px;
}
.tp-fi-stories-item-title {
  margin: 0;
  line-height: 1;
  font-size: 48px;
  font-weight: 400;
  letter-spacing: -0.48px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-stories-item-title {
    font-size: 40px;
  }
}

.tp-cn-philoshopy-shape {
  position: absolute;
  top: 0;
  right: 0;
}
.tp-cn-philoshopy-shape path {
  stroke-dasharray: 3000;
  stroke-dashoffset: -3000;
  animation: drawPath 4s ease-in-out forwards;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-philoshopy-heading {
    margin-bottom: 40px;
  }
}
.tp-cn-philoshopy-heading .tp-section-cn-sub, .tp-cn-philoshopy-heading .tp-section-title {
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-cn-philoshopy-heading .tp-section-cn-sub br, .tp-cn-philoshopy-heading .tp-section-title br {
    display: block;
  }
}
.tp-cn-philoshopy-item:hover .tp-cn-philoshopy-item-content::before {
  top: 10px;
  height: calc(100% - 20px);
}
.tp-cn-philoshopy-item:hover .tp-cn-philoshopy-item-icon {
  animation: icon-bounce 0.8s 1;
}
.tp-cn-philoshopy-item:hover .tp-cn-philoshopy-item-btn {
  transform: translateY(25px);
}
.tp-cn-philoshopy-item:hover .tp-cn-philoshopy-item-btn a::before {
  transform: scale(1.3);
}
.tp-cn-philoshopy-item:hover .tp-cn-philoshopy-item-btn a svg {
  transform: scale(1.167);
}
.tp-cn-philoshopy-item-title {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  color: var(--tp-common-white);
}
.tp-cn-philoshopy-item-content {
  z-index: 1;
  position: relative;
  border-radius: 14px;
  margin-bottom: 38px;
  padding: 40px 30px 10px 30px;
}
@media (max-width: 767px) {
  .tp-cn-philoshopy-item-content {
    margin-bottom: 30px;
  }
}
.tp-cn-philoshopy-item-content::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  border-radius: 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;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(252deg, rgba(255, 255, 255, 0.09) -14.19%, rgba(255, 255, 255, 0.04) 100%);
}
.tp-cn-philoshopy-item-btn {
  -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: translateY(32px);
}
.tp-cn-philoshopy-item-btn a {
  display: inline-block;
  position: relative;
  z-index: 1;
  height: 46px;
  width: 46px;
  line-height: 44px;
  border-radius: 50%;
  text-align: center;
  color: var(--tp-consulting-secondary);
}
.tp-cn-philoshopy-item-btn a::before {
  position: absolute;
  content: "";
  border-radius: 50%;
  z-index: -1;
  height: 100%;
  width: 100%;
  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;
  border: 6px solid #01373D;
  background-color: var(--tp-common-white);
}
.tp-cn-philoshopy-item-btn a svg {
  transform: scale(1);
  -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-cn-philoshopy-item-text {
  padding: 5px 22px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-cn-philoshopy-item-text {
    padding: 5px 5px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-philoshopy-item-text {
    padding: 5px 0;
  }
}
.tp-cn-philoshopy-item-text p {
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-philoshopy-item-text p br {
    display: none;
  }
}

.tp-cn-industries-heading {
  margin-bottom: 65px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(26, 25, 25, 0.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), (max-width: 767px) {
  .tp-cn-industries-heading {
    margin-bottom: 40px;
  }
}
.tp-cn-industries-btn a {
  font-weight: 500;
  color: var(--tp-consulting-secondary);
}
.tp-cn-industries-btn a span {
  margin-left: 6px;
  display: inline-block;
}
.tp-cn-industries-btns {
  gap: 12px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-industries-btns {
    margin-bottom: 30px;
  }
}
.tp-cn-industries-btns a {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  padding: 10px 24px;
  border-radius: 100px;
  display: inline-block;
  color: var(--tp-consulting-gray);
  border: 1px solid rgba(1, 55, 61, 0.15);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-cn-industries-btns a {
    padding: 10px 16px;
  }
}
.tp-cn-industries-btns a:hover {
  border-color: transparent;
  color: var(--tp-consulting-secondary);
  background-color: var(--tp-consulting-primary);
}

.tp-cc-industries-style .tp-cn-industries-btns a, .tp-cc-industries-style .tp-cn-industries-btn a {
  color: var(--tp-corporate-primary);
}

.tp-success-item {
  border-radius: 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;
  background: var(--tp-finance-white);
}
.tp-success-item:hover {
  background-color: var(--tp-finance-primary);
}
.tp-success-item:hover .tp-success-item-icon span {
  background-color: var(--tp-finance-primary);
}
.tp-success-item:hover .tp-success-item-thumb img {
  transform: scale(1.1);
}
.tp-success-item-content {
  height: 100%;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-success-item-content {
    padding: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-success-item-content {
    padding: 25px;
  }
}
@media (max-width: 767px) {
  .tp-success-item-content {
    padding: 20px;
  }
}
.tp-success-item-icon {
  top: 50%;
  left: 50%;
  z-index: 1;
  position: absolute;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-success-item-icon {
    display: none;
  }
}
.tp-success-item-icon span {
  width: 50px;
  height: 100px;
  text-align: center;
  border-radius: 100px;
  display: inline-grid;
  place-content: center;
  -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-finance-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-success-item-top {
    margin-bottom: 30px;
  }
}
.tp-success-item-top span {
  font-weight: 500;
  padding: 2px 13px;
  border-radius: 100px;
  display: inline-block;
  color: var(--tp-finance-secondary);
  border: 1px solid rgba(34, 47, 48, 0.15);
}
.tp-success-item-title {
  margin: 0;
  font-size: 22px;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-success-item-title {
    font-size: 20px;
  }
}
.tp-success-item-thumb {
  overflow: hidden;
  border-radius: 6px;
}
.tp-success-item-thumb img {
  width: 100%;
  transition: all 0.9s ease-in-out;
}

@media (max-width: 767px) {
  .tp-press-heading {
    margin-bottom: 30px;
  }
}
.tp-press-item {
  gap: 22px;
  padding: 30px;
  display: flex;
  border-radius: 6px;
  align-items: center;
  -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;
  border: 1px solid rgba(34, 47, 48, 0.1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-press-item {
    gap: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-press-item {
    flex-wrap: wrap;
  }
}
.tp-press-item:hover {
  background-color: var(--tp-finance-secondary);
}
.tp-press-item:hover .tp-press-item-icon span {
  background-color: var(--tp-finance-primary);
}
.tp-press-item:hover .tp-press-item-title {
  color: var(--tp-common-white);
}
.tp-press-item:hover .tp-press-item-content p {
  color: var(--tp-common-white);
}
.tp-press-item-icon span {
  width: 70px;
  height: 70px;
  text-align: center;
  border-radius: 70px;
  display: inline-grid;
  place-content: center;
  -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-finance-white);
}
.tp-press-item-title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 5px;
  letter-spacing: -0.24px;
  -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-finance-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-press-item-title {
    font-size: 20px;
  }
}
.tp-press-item-content p {
  margin: 0;
  line-height: 1;
  -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-finance-secondary);
}
.tp-press-release-item {
  padding-top: 45px;
  padding-bottom: 10px;
  border-top: 1px solid rgba(34, 47, 48, 0.1);
}
.tp-press-release-item:last-of-type {
  border-bottom: 1px solid rgba(34, 47, 48, 0.1);
}
.tp-press-release-item:hover .tp-press-release-img img {
  transform: scale(1.1);
}
.tp-press-release-content {
  padding-left: 36px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-press-release-content {
    padding-left: 0;
  }
}
.tp-press-release-img {
  overflow: hidden;
  border-radius: 6px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-press-release-img {
    height: 150px;
  }
}
.tp-press-release-img img {
  width: 100%;
  object-fit: cover;
  transition: all 0.9s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-press-release-img img {
    height: 100%;
  }
}
.tp-press-release-title {
  font-size: 24px;
  margin-bottom: 15px;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-press-release-title br {
    display: none;
  }
}
.tp-press-release-meta {
  gap: 20px;
  display: flex;
  margin-bottom: 14px;
  align-items: center;
}
.tp-press-release-meta span {
  font-size: 14px;
  padding: 0 15px;
  font-weight: 500;
  border-radius: 20px;
  display: inline-block;
  color: var(--tp-finance-secondary);
  border: 1px solid rgba(34, 47, 48, 0.1);
}
.tp-press-release-meta p {
  margin: 0;
  line-height: 1;
  color: var(--tp-finance-secondary);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-industries-heading p {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-industries-heading 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) {
  .tp-industries-service-text {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-industries-service-text {
    margin-bottom: 30px;
  }
}

/*----------------------------------------*/
/*  8.2 contact css
/*----------------------------------------*/
.tp-cn-contact-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/consulting/contact/bg-img.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.tp-cn-contact-text p {
  color: var(--tp-common-white);
}
.tp-cn-contact-text p svg {
  margin-right: 70px;
  transform: translateY(-2px);
}
@media (max-width: 767px) {
  .tp-cn-contact-text p svg {
    margin-right: 20px;
  }
}
.tp-cn-contact-video {
  padding-left: 240px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-cn-contact-video {
    padding-left: 160px;
  }
}
@media (max-width: 767px) {
  .tp-cn-contact-video {
    padding-left: 0;
  }
}
.tp-cn-contact-video video {
  width: 290px;
  height: 250px;
}
.tp-cn-contact-user span {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 5px;
  display: inline-block;
  color: var(--tp-common-white);
}
.tp-cn-contact-user p {
  color: rgba(255, 255, 255, 0.7);
}
.tp-cn-contact-title {
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 40px;
  letter-spacing: -0.4px;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .tp-cn-contact-title {
    line-height: 1;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-cn-contact-title br {
    display: none;
  }
}
.tp-cn-contact-form-input input, .tp-cn-contact-form-input textarea {
  border-radius: 6px;
  border-color: transparent;
  color: var(--tp-common-white);
  background: rgba(255, 255, 255, 0.06);
}
.tp-cn-contact-form-input input::placeholder, .tp-cn-contact-form-input textarea::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.tp-cn-contact-form-input input:focus, .tp-cn-contact-form-input textarea:focus {
  border-color: var(--tp-common-white);
}
.tp-cn-contact-form-input textarea {
  resize: none;
  height: 80px;
}
.tp-cn-contact-form-text p {
  gap: 10px;
  display: flex;
  font-size: 14px;
  align-items: start;
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 767px) {
  .tp-cn-contact-form-text p br {
    display: none;
  }
}
.tp-cn-contact-form-text p svg {
  transform: translateY(5px);
}

.tp-fa-contact-box {
  padding: 80px;
  border-radius: 6px;
  padding-bottom: 70px;
  background: linear-gradient(239deg, rgba(255, 255, 255, 0.64) 17.93%, rgba(255, 255, 255, 0.32) 81.51%);
  backdrop-filter: blur(50px);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-fa-contact-box {
    padding: 60px;
  }
}
@media (max-width: 767px) {
  .tp-fa-contact-box {
    padding: 35px;
  }
}
.tp-fa-contact-box.style-2 {
  backdrop-filter: blur(30px);
  background: linear-gradient(239deg, rgba(255, 255, 255, 0.09) 17.93%, rgba(255, 255, 255, 0.06) 81.51%);
}
.tp-fa-contact-box.style-2 .tp-fa-contact-heading p {
  color: rgba(255, 255, 255, 0.7);
}
.tp-fa-contact-box.style-2 .tp-fa-contact-title {
  color: var(--tp-common-white);
}
.tp-fa-contact-box.style-2 .tp-fa-contact-form-input input, .tp-fa-contact-box.style-2 .tp-fa-contact-form-input textarea {
  color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.2);
}
.tp-fa-contact-box.style-2 .tp-fa-contact-form-input input:focus, .tp-fa-contact-box.style-2 .tp-fa-contact-form-input textarea:focus {
  border-color: var(--tp-common-white);
}
.tp-fa-contact-box.style-2 .tp-fa-contact-form-input input::placeholder, .tp-fa-contact-box.style-2 .tp-fa-contact-form-input textarea::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.tp-fa-contact-heading p {
  color: var(--tp-advisory-secondary);
}
@media (max-width: 767px) {
  .tp-fa-contact-heading p br {
    display: none;
  }
}
.tp-fa-contact-title {
  font-size: 36px;
  font-weight: 500;
  letter-spacing: -0.36px;
  color: var(--tp-advisory-primary);
}
.tp-fa-contact-form-input {
  margin-bottom: 15px;
}
.tp-fa-contact-form-input input, .tp-fa-contact-form-input textarea {
  border: none;
  padding-left: 0;
  background-color: transparent;
  color: var(--tp-advisory-primary);
  border-bottom: 1px solid #67797E;
}
.tp-fa-contact-form-input input::placeholder, .tp-fa-contact-form-input textarea::placeholder {
  font-size: 16px;
  color: #67797E;
}
.tp-fa-contact-form-input input:focus, .tp-fa-contact-form-input textarea:focus {
  border-color: var(--tp-advisory-orange);
}
.tp-fa-contact-form-input textarea {
  resize: none;
  height: 80px;
  margin-bottom: 5px;
}
.tp-fa-contact-form-btn .tp-btn {
  background-color: var(--tp-advisory-primary);
}

.tp-contact-input input, .tp-contact-input textarea {
  border-radius: 6px;
  background-color: transparent;
  color: var(--tp-finance-secondary);
  border: 1px solid rgba(34, 47, 48, 0.1);
}
.tp-contact-input input::placeholder, .tp-contact-input textarea::placeholder {
  color: var(--tp-finance-secondary);
}
.tp-contact-input textarea {
  resize: none;
  height: 164px;
}
.tp-contact-input textarea:focus {
  border-color: var(--tp-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-contact-heading {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-contact-banner-ptb {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-contact-banner-ptb {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .tp-contact-banner-thumb {
    height: 300px;
  }
}
@media (max-width: 767px) {
  .tp-contact-banner-thumb img {
    height: 100%;
    object-fit: cover;
  }
}
.tp-contact-info-item {
  gap: 22px;
  display: flex;
  align-items: 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), (max-width: 767px) {
  .tp-contact-info-item {
    gap: 15px;
  }
}
.tp-contact-info-icon span {
  width: 50px;
  height: 50px;
  border-radius: 6px;
  border-radius: 50px;
  display: inline-grid;
  place-content: center;
  border: 1px solid rgba(34, 47, 48, 0.1);
}
.tp-contact-info-content p {
  margin: 0;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.32px;
  color: var(--tp-finance-secondary);
}
.tp-contact-info-title {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-contact-city-heading {
    margin-bottom: 50px;
  }
}
.tp-contact-city-item:hover .tp-contact-city-item-thumb img {
  transform: scale(1.3);
}
.tp-contact-city-item-thumb {
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 18px;
  display: inline-block;
}
.tp-contact-city-item-thumb img {
  overflow: hidden;
  border-radius: 50%;
  display: inline-block;
  transition: all 0.9s ease-in-out;
}
.tp-contact-city-item-title {
  font-size: 20px;
  color: var(--tp-finance-secondary);
}
.tp-contact-city-item-content p {
  color: var(--tp-finance-secondary);
}
.tp-contact-city-item-content a {
  font-weight: 500;
  color: var(--tp-finance-secondary);
}
.tp-contact-city-item-dvdr {
  margin: 30px auto;
  width: calc(100% - 300px);
  border-bottom: 1px solid var(--tp-finance-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-contact-city-item-dvdr {
    width: calc(100% - 200px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-contact-city-item-dvdr {
    width: calc(100% - 130px);
  }
}
@media (max-width: 767px) {
  .tp-contact-city-item-dvdr {
    margin: 20px auto;
  }
}
.tp-contact-map-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tp-contact-map-icon span {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: inline-grid;
  place-content: center;
  border: 1px solid rgba(34, 47, 48, 0.1);
  background-color: var(--tp-finance-primary);
  animation: animate-pulse 3s linear infinite;
}
.tp-contact-map-content {
  height: 640px;
}
.tp-contact-map-content iframe {
  width: 100%;
  height: 100%;
  filter: saturate(0);
}

/*----------------------------------------*/
/*  8.2 value css
/*----------------------------------------*/
.tp-fi-value-thumb-main {
  padding-left: 30px;
  position: relative;
  display: inline-block;
}
.tp-fi-value-thumb-main img {
  border-radius: 6px 0 6px 0;
}
.tp-fi-value-thumb-main::before {
  position: absolute;
  content: "";
  width: 100%;
  top: -30px;
  left: 0;
  z-index: -1;
  border-radius: 6px;
  height: calc(100% + 30px);
  background-color: var(--tp-finance-white);
}
.tp-fi-value-graph {
  position: absolute;
  bottom: 30px;
  right: 18%;
  width: 240px;
  padding: 20px;
  height: 160px;
  border-radius: 6px;
  background-color: var(--tp-finance-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .tp-fi-value-graph {
    right: 6%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-fi-value-graph {
    right: 10%;
  }
}
.tp-fi-value-graph-title {
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 2px;
  color: var(--tp-finance-secondary);
}
.tp-fi-value-graph-date {
  font-size: 14px;
  margin-bottom: 15px;
  display: inline-block;
  color: var(--tp-finance-secondary);
}
.tp-fi-value-graph-count {
  margin-bottom: 15px;
}
.tp-fi-value-graph-count span {
  font-size: 24px;
  font-weight: 500;
  display: inline-block;
  color: var(--tp-finance-secondary);
}
.tp-fi-value-graph-count p {
  margin: 0;
  font-size: 12px;
  line-height: 1.3;
}
.tp-fi-value-graph-icon {
  position: absolute;
  top: 20px;
  right: 20px;
}
.tp-fi-value-graph-icon span {
  display: inline-grid;
  place-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #B7EF75;
}
.tp-fi-value-graph-range {
  position: relative;
  width: 100%;
  height: 20px;
  border-radius: 6px;
  background: #99D84F;
}
.tp-fi-value-graph-range::after {
  position: absolute;
  content: "";
  height: 16px;
  width: 87px;
  top: 2px;
  left: 2px;
  border-radius: 4px;
  background: var(--tp-common-white);
}
.tp-fi-value-heading {
  margin-bottom: 42px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(34, 47, 48, 0.08);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-value-heading {
    margin-bottom: 25px;
    padding-bottom: 10px;
  }
}
.tp-fi-value-heading p {
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-fi-value-heading p br {
    display: none;
  }
}
.tp-fi-value-list ul li {
  gap: 15px;
  display: flex;
  font-size: 20px;
  font-weight: 400;
  align-items: center;
  margin-bottom: 18px;
  letter-spacing: -0.2px;
  color: var(--tp-finance-secondary);
}
.tp-fi-value-list ul li span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-grid;
  place-content: center;
  color: var(--tp-finance-secondary);
  background-color: var(--tp-finance-primary);
}

.tp-fa-value-content {
  margin-bottom: 30px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(27, 57, 66, 0.08);
}
.tp-fa-value-content p {
  color: var(--tp-advisory-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fa-value-content p br {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-fa-value-content .tp-section-title br {
    display: none;
  }
}
.tp-fa-value-bottom {
  gap: 120px;
  display: flex;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-fa-value-bottom {
    gap: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-fa-value-bottom {
    gap: 20px;
    flex-wrap: wrap;
  }
}
.tp-fa-value-list span {
  font-size: 18px;
  font-weight: 500;
  color: #67797E;
  margin-bottom: 30px;
  display: inline-block;
}
.tp-fa-value-list-title {
  font-size: 50px;
  font-weight: 500;
  color: var(--tp-advisory-primary);
}
.tp-fa-value-list ul li {
  gap: 15px;
  display: flex;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 10px;
  align-items: center;
  color: var(--tp-advisory-primary);
}
.tp-fa-value-list-progress {
  height: 8px;
  width: 100%;
  border-radius: 4px;
  background-color: var(--tp-advisory-white);
}
.tp-fa-value-list-progress::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  content: "";
  border-radius: 4px;
  background-color: var(--tp-advisory-orange);
}

/*----------------------------------------*/
/*  8.3 partner css
/*----------------------------------------*/
.tp-fi-partner-heading {
  margin-bottom: 40px;
  padding-bottom: 180px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-fi-partner-heading {
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-fi-partner-heading {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-fi-partner-heading {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .tp-fi-partner-heading {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-fi-partner-heading .tp-section-title br {
    display: none;
  }
}
.tp-fi-partner-wrap p {
  margin-bottom: 45px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-partner-wrap p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-partner-wrap p {
    margin-bottom: 30px;
  }
}
.tp-fi-partner-btn-wrap {
  gap: 25px;
  display: flex;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-partner-btn-wrap {
    gap: 20px;
    flex-wrap: wrap;
  }
}
.tp-fi-partner-btn-wrap .tp-fi-hero-contact a {
  color: var(--tp-common-white);
}
.tp-fi-partner-btn-wrap .tp-fi-hero-contact a span {
  color: var(--tp-finance-primary);
  background: rgba(255, 255, 255, 0.2);
}
.tp-fi-partner-thumb-wrap .main-thumb img {
  filter: grayscale(100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-partner-thumb-wrap .main-thumb img {
    width: 100%;
  }
}
.tp-fi-partner-thumb-wrap .shape-1 {
  position: absolute;
  bottom: 30px;
  left: 22%;
  z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-fi-partner-thumb-wrap .shape-1 {
    left: 14%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-fi-partner-thumb-wrap .shape-1 {
    left: 5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-partner-thumb-wrap .shape-1 {
    display: none;
  }
}
.tp-fi-partner-thumb-wrap .tp-fi-hero-shape {
  bottom: 0;
  right: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-fi-partner-thumb-wrap .tp-fi-hero-shape {
    right: -16%;
    bottom: -9%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-fi-partner-thumb-wrap .tp-fi-hero-shape {
    right: -24%;
    bottom: -15%;
  }
}
@media (max-width: 767px) {
  .tp-fi-partner-thumb-wrap .tp-fi-hero-shape {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fa-control-heading, .tp-fa-control-right {
    margin-bottom: 30px;
  }
}
.tp-fa-control-item {
  gap: 30px;
  display: flex;
  padding: 40px;
  align-items: start;
  border-radius: 6px;
  background: 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) {
  .tp-fa-control-item {
    gap: 20px;
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .tp-fa-control-item {
    gap: 15px;
    padding: 25px;
  }
}
.tp-fa-control-item:hover .tp-fa-control-item-icon span svg {
  animation: icon-bounce 0.8s 1;
}
.tp-fa-control-item-icon span {
  width: 60px;
  height: 60px;
  text-align: center;
  border-radius: 6px;
  display: inline-grid;
  place-content: center;
  background-color: var(--tp-theme-primary);
}
.tp-fa-control-item-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
  color: var(--tp-advisory-primary);
}
.tp-fa-control-item-content p {
  color: var(--tp-advisory-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fa-control-item-content p br {
    display: none;
  }
}

.tp-cc-control-style .tp-fi-hero-contact a:hover span {
  background-color: var(--tp-corporate-primary);
}
.tp-cc-control-style .tp-fi-hero-contact a span {
  background-color: var(--tp-corporate-sulu);
}
.tp-cc-control-style .tp-fa-control-item-title {
  color: var(--tp-corporate-primary);
}

.tp-at-control-bottom .tp-fa-control-item-title {
  color: var(--tp-accounting-brown);
}
.tp-at-control-bottom .tp-fa-control-item-content p {
  color: var(--tp-accounting-wood);
}

/*----------------------------------------*/
/*  8.4 banner css
/*----------------------------------------*/
.tp-fi-banner-title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 12px;
  color: var(--tp-finance-secondary);
}
/* The raw <img> here has no intrinsic responsive sizing, so on any
   viewport wider than the source photo's native 1920px it stopped
   stretching to fill the section, leaving a gap on the right. */
.tp-fi-banner-wrapper {
  height: 500px;
}
.tp-fi-banner-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .tp-fi-banner-wrapper {
    height: 300px;
  }
}
.tp-fi-banner-wrapper .tp-cn-success-item-2-shape {
  top: auto;
  left: 13%;
  right: auto;
  bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-fi-banner-wrapper .tp-cn-success-item-2-shape {
    bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-banner-wrapper .tp-cn-success-item-2-shape {
    display: none;
  }
}
.tp-fi-banner-content {
  position: absolute;
  bottom: 120px;
  right: 200px;
  width: 400px;
  padding: 50px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.95);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-fi-banner-content {
    right: 100px;
    bottom: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-fi-banner-content {
    right: 50px;
    bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-banner-content {
    right: 30px;
    bottom: 30px;
  }
}
@media (max-width: 767px) {
  .tp-fi-banner-content {
    width: 340px;
    padding: 30px;
  }
}
.tp-fi-banner-content p {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  color: var(--tp-finance-secondary);
}
@media (max-width: 767px) {
  .tp-fi-banner-content p br {
    display: none;
  }
}
.tp-fi-banner-wrap {
  padding: 20px 0;
}
.tp-fi-banner-text {
  text-align: center;
  color: var(--tp-common-white);
  margin: 0;
}
.tp-fi-banner-text .video {
  margin-inline-end: 20px;
}
.tp-fi-banner-text .video a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  place-content: center;
  display: inline-grid;
  background-color: var(--tp-finance-primary);
}
.tp-fi-banner-text .video a svg {
  display: inline-block;
  transform: translateY(0px);
}
.tp-fi-banner-text .link {
  font-weight: 500;
}
.tp-fi-banner-text .link:hover {
  color: var(--tp-common-white);
}

.tp-cn-success-item {
  padding: 70px;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-cn-success-item {
    padding: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-success-item {
    padding: 30px;
  }
}
.tp-cn-success-item-shape {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 767px) {
  .tp-cn-success-item-shape {
    display: none;
  }
}
.tp-cn-success-item-sub {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  display: inline-block;
  letter-spacing: -0.08px;
  color: var(--tp-consulting-secondary);
}
@media (max-width: 767px) {
  .tp-cn-success-item-content {
    padding-bottom: 120px;
  }
}
.tp-cn-success-item-title {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 40px;
  color: var(--tp-consulting-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-success-item-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-cn-success-item-title {
    font-size: 27px;
    margin-bottom: 30px;
  }
}
.tp-cn-success-item-bottom {
  gap: 30px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cn-success-item-bottom {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .tp-cn-success-item-bottom {
    gap: 15px;
  }
}
.tp-cn-success-item-icon span {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: inline-grid;
  place-content: center;
  border: 1px solid rgba(1, 55, 61, 0.1);
}
.tp-cn-success-item-wrap span {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 4px;
  display: inline-block;
  letter-spacing: 0.2px;
  color: var(--tp-consulting-secondary);
}
.tp-cn-success-item-wrap p {
  margin: 0;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 400;
  color: var(--tp-consulting-secondary);
}
.tp-cn-success-item-2 {
  padding: 50px;
  height: 670px;
  border-radius: 6px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-cn-success-item-2 {
    height: 596px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-cn-success-item-2 {
    height: 625px;
  }
}
@media (max-width: 767px) {
  .tp-cn-success-item-2 {
    height: 525px;
  }
}
.tp-cn-success-item-2-shape {
  position: absolute;
  top: 50px;
  right: 50px;
  mix-blend-mode: screen;
  animation: animation-popup 2.5s linear 0s infinite alternate;
}
.tp-cn-success-item-2-title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 15px;
  display: inline-block;
  color: var(--tp-consulting-secondary);
}
.tp-cn-success-item-2-content {
  position: absolute;
  bottom: 50px;
  left: 50px;
  width: 400px;
  padding: 45px;
  border-radius: 6px;
  background-color: var(--tp-consulting-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cn-success-item-2-content {
    bottom: 30px;
    left: 30px;
    width: 380px;
    padding: 35px;
  }
}
@media (max-width: 767px) {
  .tp-cn-success-item-2-content {
    bottom: 30px;
    left: 0px;
    right: 0px;
    padding: 25px;
    margin: 0 20px;
    width: calc(100% - 40px);
  }
}
.tp-cn-success-item-2-content p {
  margin: 0;
  color: var(--tp-consulting-secondary);
}
@media (max-width: 767px) {
  .tp-cn-success-item-2-content p br {
    display: none;
  }
}

/*----------------------------------------*/
/*  8.5 cta css
/*----------------------------------------*/
.tp-fi-cta-bg {
  padding: 50px 50px 50px 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-fi-cta-bg {
    padding: 50px 50px 50px 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-fi-cta-bg {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .tp-fi-cta-bg {
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fi-cta-wrapper {
    margin-bottom: 30px;
  }
}
.tp-fi-cta-wrapper p {
  color: var(--tp-finance-secondary);
}
.tp-fi-cta-title {
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 30px;
  letter-spacing: -0.48px;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-fi-cta-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-fi-cta-title {
    font-size: 36px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tp-fi-cta-title {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
.tp-fi-cta-input {
  gap: 10px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-fi-cta-input {
    flex-wrap: wrap;
  }
}
.tp-fi-cta-input input {
  width: 310px;
  font-size: 16px;
  border-radius: 6px;
  border-color: transparent;
  background: var(--tp-common-white);
}
@media (max-width: 767px) {
  .tp-fi-cta-input input {
    width: 100%;
  }
}
.tp-fi-cta-input input::placeholder {
  font-size: 16px;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-fi-cta-thumb img {
    width: 100%;
  }
}
.tp-fi-cta-thumb-shape {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-cn-cta-content .tp-section-title br {
    display: block;
  }
}
.tp-cn-cta-content p {
  margin-bottom: 40px;
  color: var(--tp-consulting-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-cta-content p {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .tp-cn-cta-content p br {
    display: none;
  }
}
.tp-cn-cta-content .tp-fi-hero-contact a {
  color: var(--tp-consulting-secondary);
}
.tp-cn-cta-content .tp-fi-hero-contact a:hover span {
  color: var(--tp-common-white);
  background-color: var(--tp-finance-secondary);
}
.tp-cn-cta-content .tp-fi-hero-contact a span {
  border: 1px solid rgba(1, 55, 61, 0.15);
  color: var(--tp-consulting-secondary);
}

@media (max-width: 767px) {
  .tp-fa-cta-content {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fa-cta-thumb {
    height: 300px;
  }
}
.tp-fa-cta-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*----------------------------------------*/
/*  8.6 feature css
/*----------------------------------------*/
.tp-cn-feature-item {
  padding: 50px;
  border-radius: 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;
  border: 1px solid rgba(1, 55, 61, 0.08);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-feature-item {
    padding: 30px;
  }
}
.tp-cn-feature-item:hover {
  border-color: var(--tp-common-white);
  background-color: var(--tp-consulting-primary);
}
.tp-cn-feature-item-shape {
  position: absolute;
  top: 0;
  right: 0;
}
.tp-cn-feature-item-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 16px;
  color: var(--tp-consulting-secondary);
}
.tp-cn-feature-item-content p {
  margin: 0;
  line-height: 1.3;
  color: var(--tp-consulting-gray);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-feature-item-content p br {
    display: none;
  }
}

.tp-fa-feature-style {
  border-top: 1px solid rgba(27, 57, 66, 0.08);
  border-bottom: 1px solid rgba(27, 57, 66, 0.08);
}
.tp-fa-feature-style .tp-fa-control-item-icon span {
  border-radius: 50%;
  color: var(--tp-common-white);
  background-color: var(--tp-advisory-primary);
}
.tp-fa-feature-style .tp-fa-control-item-title {
  font-size: 24px;
}
.tp-fa-feature-style .tp-fa-control-item-content p {
  color: var(--tp-finance-secondary);
}

@media (max-width: 767px) {
  .tp-cn-business-heading {
    margin-bottom: 0;
  }
}
.tp-cn-business-heading p {
  margin-bottom: 50px;
  color: var(--tp-consulting-gray);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-business-heading p {
    margin-bottom: 30px;
  }
  .tp-cn-business-heading p br {
    display: none;
  }
}
.tp-cn-business-heading .tp-cn-business-btn {
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-business-thumb {
    margin-bottom: 50px;
  }
}
.tp-cn-business-thumb-shape {
  position: absolute;
  top: 24%;
  right: 34%;
  animation: dot-2 4s linear 0s infinite alternate;
}
.tp-cn-business-item {
  border-radius: 6px;
}
.tp-cn-business-item::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(1, 55, 61, 0.1) 43.67%, #01373D 100%);
}
.tp-cn-business-item-shape {
  position: absolute;
  top: 60px;
  right: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-business-item-shape {
    top: 30px;
    right: 30px;
  }
}
.tp-cn-business-item-content {
  padding-top: 390px;
  padding-left: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-business-item-content {
    padding-left: 30px;
  }
}
.tp-cn-business-item-content .tp-section-title {
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-cn-business-item-content .tp-section-title br {
    display: block;
  }
}
@media (max-width: 767px) {
  .tp-cn-business-item-content .tp-section-title {
    font-size: 36px;
    margin-bottom: 20px;
  }
}

.tp-cc-feature-style.tp-fa-feature-style {
  border: none;
}

/*----------------------------------------*/
/*  8.7 counter css
/*----------------------------------------*/
.tp-cn-counter-heading .tp-section-title {
  margin-bottom: 260px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cn-counter-heading .tp-section-title {
    margin-bottom: 30px;
  }
}
.tp-cn-counter-heading p {
  color: var(--tp-consulting-secondary);
}
.tp-cn-counter-wrapper {
  display: grid;
  overflow: hidden;
  border-radius: 8px;
  background: var(--tp-common-white);
  grid-template-columns: repeat(2, 1fr);
  border: 1px solid rgba(1, 55, 61, 0.1);
}
.tp-cn-counter-item {
  gap: 60px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid rgba(1, 55, 61, 0.1);
  border-bottom: 1px solid rgba(1, 55, 61, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-cn-counter-item {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .tp-cn-counter-item {
    gap: 30px;
  }
}
.tp-cn-counter-item:nth-child(2n) {
  border-right: none;
}
.tp-cn-counter-item:nth-last-child(-n+2) {
  border-bottom: none;
}
.tp-cn-counter-title {
  display: block;
  color: var(--tp-consulting-secondary);
}
.tp-cn-counter-number {
  margin: 0;
  font-size: 48px;
  font-weight: 400;
  line-height: 1;
  display: flex;
  align-items: center;
  letter-spacing: -0.48px;
  color: var(--tp-consulting-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-cn-counter-number {
    font-size: 40px;
  }
}
.tp-cn-counter-number .tp-cn-counter-suffix,
.tp-cn-counter-number .tp-cn-counter-prefix {
  color: rgba(1, 55, 61, 0.4);
}

@media (max-width: 576px) {
  .tp-cn-counter-wrapper {
    grid-template-columns: 1fr;
  }
  .tp-cn-counter-item {
    border-right: none !important;
  }
  .tp-cn-counter-item:not(:last-child) {
    border-bottom: 1px solid rgba(1, 55, 61, 0.1);
  }
  .tp-cn-counter-item:nth-last-child(-n+2) {
    border-bottom: 1px solid rgba(1, 55, 61, 0.1);
  }
  .tp-cn-counter-item:last-child {
    border-bottom: none;
  }
}
.tp-cc-chose-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tp-cc-chose-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Dark overlay so the full-color photo still gives white page text
   enough contrast (this replaces the old mix-blend-mode: luminosity
   treatment, which desaturated the photo to near black-and-white). */
.tp-cc-chose-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(34, 47, 48, 0.82), rgba(34, 47, 48, 0.6));
}
.tp-breadcrumb-content {
  position: relative;
  z-index: 1;
}
.tp-breadcrumb-title,
.tp-breadcrumb-content p {
  color: var(--tp-common-white);
}
.tp-breadcrumb-list {
  border-bottom-color: rgba(255, 255, 255, 0.25);
}
.tp-breadcrumb-list li,
.tp-breadcrumb-list li a {
  color: var(--tp-common-white);
}
.tp-cc-chose-heading p {
  margin-bottom: 35px;
  color: var(--tp-advisory-secondary);
}
@media (max-width: 767px) {
  .tp-cc-chose-heading 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) {
  .tp-cc-chose-heading .tp-section-title br {
    display: block;
  }
}
.tp-cc-chose-wrapper .tp-fi-about-list-item p {
  background-color: transparent;
  border-color: rgba(18, 53, 67, 0.1);
}
.tp-cc-chose-wrapper .tp-fi-about-list-item p i {
  background-color: var(--tp-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-career-ptb {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-career-top-wrap {
    padding-bottom: 30px;
  }
}
.tp-career-item {
  padding: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-career-item {
    padding: 30px;
  }
}
.tp-career-item .tp-cn-success-item-icon span {
  background: #F6FAF3;
  border: 1px solid rgba(34, 47, 48, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-career-item .tp-cn-success-item-wrap p br {
    display: none;
  }
}
.tp-career-item-content {
  padding-bottom: 92px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-career-item-content {
    padding-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), (max-width: 767px) {
  .tp-career-item-content {
    padding-bottom: 30px;
  }
}
.tp-career-item-sub {
  display: inline-block;
  margin-bottom: 5px;
  color: var(--tp-finance-secondary);
}
.tp-career-item-title {
  font-size: 32px;
  margin-bottom: 35px;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-career-item-title {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-career-item-title {
    font-size: 25px;
  }
}
.tp-career-text p {
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-career-join-ptb {
    padding-top: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-career-join-ptb {
    padding-top: 80px;
  }
}
.tp-career-join-heading {
  border-bottom: 1px solid rgba(34, 47, 48, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-career-join-heading {
    margin-bottom: 50px;
  }
}
.tp-career-join-rating p {
  color: var(--tp-finance-secondary);
}
.tp-career-join-rating p span {
  font-weight: 500;
  margin-right: 15px;
  display: inline-block;
}
.tp-career-join-rating p span svg {
  display: inline-block;
  transform: translateY(-2px);
}
.tp-career-join-gallery-wrapper {
  padding-bottom: 380px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-career-join-gallery-wrapper {
    padding-bottom: 80px;
  }
}
.tp-career-join-gallery-wrapper p {
  font-size: 24px;
}
.tp-career-join-gallery-thumb-1 {
  position: absolute;
  top: 0;
  left: 0;
  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), (max-width: 767px) {
  .tp-career-join-gallery-thumb-1 {
    display: none;
  }
}
.tp-career-join-gallery-thumb-2 {
  position: absolute;
  top: 44%;
  left: 8%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-career-join-gallery-thumb-2 {
    display: none;
  }
}
.tp-career-join-gallery-thumb-3 {
  position: absolute;
  right: 30%;
  bottom: 22%;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-career-join-gallery-thumb-3 {
    bottom: 12%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-career-join-gallery-thumb-3 {
    right: 12%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-career-join-gallery-thumb-3 {
    display: none;
  }
}
.tp-career-join-gallery-thumb-3::before {
  position: absolute;
  content: "";
  left: -25px;
  top: 13%;
  z-index: -1;
  width: 142px;
  height: 120px;
  border-radius: 6px;
  background-color: var(--tp-finance-primary);
}
.tp-career-join-gallery-thumb-4 {
  position: absolute;
  top: 10%;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-career-join-gallery-thumb-4 {
    display: none;
  }
}
.tp-career-role-item {
  padding: 35px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.tp-career-role-item:last-of-type {
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.tp-career-role-item:hover .tp-career-role-item-btn a {
  color: var(--tp-finance-secondary);
  background-color: var(--tp-finance-primary);
}
.tp-career-role-item-title {
  font-size: 24px;
  color: var(--tp-common-white);
}
.tp-career-role-item-content span {
  display: inline-block;
  color: rgba(255, 255, 255, 0.7);
}
.tp-career-role-item-btn a {
  display: grid;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  place-content: center;
  color: var(--tp-finance-primary);
  background: rgba(255, 255, 255, 0.06);
}
.tp-career-role-item-btn a span {
  line-height: 1;
  display: inline-block;
}
.tp-career-details-line {
  border-bottom: 1px solid rgba(34, 47, 48, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-career-details-heading {
    margin-bottom: 40px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-career-details-heading {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .tp-career-details-heading {
    margin-bottom: 25px;
    padding-bottom: 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-career-details-heading p br {
    display: none;
  }
}
.tp-career-details-title {
  font-size: 24px;
  margin-bottom: 30px;
  color: var(--tp-finance-secondary);
}
@media (max-width: 767px) {
  .tp-career-details-title {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-career-details-item {
    margin-bottom: 40px;
    padding-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-career-details-item {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .tp-career-details-item {
    margin-bottom: 25px;
    padding-bottom: 25px;
  }
}
.tp-career-details-item p {
  color: var(--tp-finance-secondary);
}
.tp-career-details-item-list ul li {
  margin-left: 15px;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-career-details-item-wrapper {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .tp-career-details-input {
    margin-bottom: 20px;
  }
}
.tp-career-details-input input, .tp-career-details-input textarea {
  border-radius: 6px;
  background-color: transparent;
  color: var(--tp-finance-secondary);
  border: 1px solid rgba(34, 47, 48, 0.1);
}
.tp-career-details-input input::placeholder, .tp-career-details-input textarea::placeholder {
  color: var(--tp-finance-secondary);
}
.tp-career-details-input textarea {
  height: 152px;
  resize: none;
}
.tp-career-details-input textarea:focus {
  border-color: var(--tp-common-black);
}
.tp-career-details-input .tp-file-upload-content {
  width: 100%;
  height: 152px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
  border: 1px dashed #222F30;
  background: rgba(255, 255, 255, 0.55);
}
.tp-career-details-input .tp-file-upload-content input {
  width: 100%;
  height: 100%;
  display: none;
}
.tp-career-details-input .tp-file-upload-content-pos {
  position: absolute;
  top: 50%;
  left: 50%;
  gap: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
}
.tp-career-details-input .tp-file-upload-content .preview-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.tp-career-details-input-top {
  padding: 70px;
  padding-bottom: 35px;
  border-bottom: 1px dashed rgba(34, 47, 48, 0.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) {
  .tp-career-details-input-top {
    padding: 45px;
  }
}
@media (max-width: 767px) {
  .tp-career-details-input-top {
    padding: 30px;
  }
}
.tp-career-details-input-top p {
  margin: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-career-details-input-top .tp-section-title {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .tp-career-details-input-top .tp-section-title {
    font-size: 30px;
  }
}
.tp-career-details-input-content {
  padding: 70px;
  padding-top: 32px;
}
@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-career-details-input-content {
    padding: 45px;
  }
}
@media (max-width: 767px) {
  .tp-career-details-input-content {
    padding: 30px;
  }
}
.tp-career-details-input-label {
  font-size: 20px;
  margin-bottom: 22px;
  color: var(--tp-finance-secondary);
}
@media (max-width: 767px) {
  .tp-career-details-input-label {
    font-size: 16px;
    margin-bottom: 15px;
  }
}

.tp-case-studies-item {
  border-radius: 6px;
  padding: 30px 30px 35px;
  border: 1px solid rgba(34, 47, 48, 0.08);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-case-studies-item {
    padding: 25px 25px 30px;
  }
}
.tp-case-studies-item:hover .tp-case-studies-item-thumb img {
  transform: scale(1.1);
}
.tp-case-studies-item-title {
  font-size: 24px;
  padding: 0 30px;
  margin-bottom: 20px;
  padding-bottom: 22px;
  color: var(--tp-finance-secondary);
  border-bottom: 1px solid rgba(34, 47, 48, 0.08);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-case-studies-item-title {
    padding: 0 15px 20px;
  }
}
@media (max-width: 767px) {
  .tp-case-studies-item-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-case-studies-item-thumb {
    margin-bottom: 20px;
  }
}
.tp-case-studies-item-thumb img {
  width: 100%;
  transition: all 0.9s ease-in-out;
}
.tp-case-studies-item-content p {
  margin: 0;
  padding: 0 30px;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-case-studies-item-content p {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-case-studies-item-content p br {
    display: none;
  }
}
.tp-case-studies-btn .tp-btn {
  padding-right: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-case-studies-details-ii-wrap {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-case-studies-details-ii-text {
    padding-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), (max-width: 767px) {
  .tp-case-studies-details-ii-text p br {
    display: none;
  }
}
.tp-case-studies-details-ii-item {
  padding: 40px 30px;
  border-radius: 6px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-case-studies-details-ii-item {
    padding: 40px 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), (max-width: 767px) {
  .tp-case-studies-details-ii-item {
    padding: 20px;
  }
}
.tp-case-studies-details-ii-item h3 {
  font-size: 64px;
  font-weight: 400;
  letter-spacing: -0.64px;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-case-studies-details-ii-item h3 {
    font-size: 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), (max-width: 767px) {
  .tp-case-studies-details-ii-item p br {
    display: none;
  }
}
.tp-case-studies-details-ii-dvdr {
  margin: 20px 0;
  border-bottom: 1px solid var(--tp-finance-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-case-studies-details-value-item {
    margin-bottom: 40px;
  }
}
.tp-case-studies-details-value-title {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 20px;
  letter-spacing: -0.72px;
  color: var(--tp-finance-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-case-studies-details-value-review {
    margin-bottom: 40px;
  }
}

/*----------------------------------------*/
/*  8.8 fact css
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fact-ptb {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
.tp-fact-big-img {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(50% - 12px);
  height: calc(100% - 24px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-fact-big-img {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fact-big-img {
    position: static;
    height: 400px;
    width: 100%;
    margin-bottom: 10px;
  }
}
.tp-fact-big-img img {
  height: 100%;
  object-fit: cover;
}
.tp-fact-item {
  height: 100%;
  overflow: hidden;
}
.tp-fact-content {
  height: 100%;
}
@media (max-width: 767px) {
  .tp-fact-content {
    gap: 60px;
  }
}
.tp-fact-content-wrap {
  height: 100%;
  padding: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fact-content-wrap {
    padding: 40px;
  }
}
.tp-fact-content p {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.32px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-fact-content p {
    font-size: 28px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fact-content p {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fact-content p br {
    display: none;
  }
}
.tp-fact-content span {
  font-size: 96px;
  font-weight: 400;
  line-height: 0.7;
  display: inline-block;
  letter-spacing: -0.96px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-fact-content span {
    font-size: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fact-content span {
    font-size: 60px;
  }
}
.tp-fact-content span i {
  font-style: normal;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fa-strategy-ptb {
    padding-bottom: 80px;
  }
}
.tp-fa-strategy-content p {
  margin-bottom: 40px;
  color: var(--tp-advisory-secondary);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-fa-strategy-content p {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .tp-fa-strategy-content p {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-fa-strategy-content p br {
    display: none;
  }
}
.tp-fa-gallery-active {
  margin: 0 -150px;
}
@media (max-width: 767px) {
  .tp-fa-gallery-active {
    margin: 0;
  }
}
.tp-fa-gallery-item h3 {
  margin: 0;
  font-size: 60px;
  font-weight: 400;
  line-height: 1.1;
  padding-left: 30px;
  letter-spacing: -0.64px;
  color: var(--tp-advisory-primary);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-fa-gallery-item h3 {
    font-size: 52px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-fa-gallery-item h3 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-fa-gallery-item h3 {
    font-size: 40px;
  }
}

.tp-cc-fact-bottom .tp-fi-stories-item-logo {
  padding-bottom: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cc-fact-bottom .tp-fi-stories-item-logo {
    padding-bottom: 40px;
  }
}
.tp-cc-fact-bottom .tp-fi-stories-item-title {
  margin-bottom: 10px;
}
.tp-cc-fact-bottom .tp-fi-stories-item {
  padding: 30px 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cc-fact-heading {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-cc-fact-item {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cc-fact-item {
    padding-bottom: 20px;
  }
}
.tp-cc-fact-item span {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
  display: inline-block;
  letter-spacing: -0.48px;
  color: var(--tp-corporate-primary);
}
.tp-cc-fact-item p {
  color: var(--tp-corporate-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cc-fact-item p br {
    display: none;
  }
}
.tp-cc-fact-item-text {
  font-size: 70px;
  font-weight: 400;
  letter-spacing: -0.7px;
  color: var(--tp-corporate-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cc-fact-item-text {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .tp-cc-fact-item-text {
    font-size: 40px;
  }
}
.tp-cc-fact-thumb {
  height: 300px;
  overflow: hidden;
}
.tp-cc-fact-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-cc-fact-wrapper {
    padding-left: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-cc-fact-wrapper {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cc-fact-wrapper {
    padding-left: 0;
  }
}

.tp-at-fact-style .tp-cc-fact-item span {
  color: var(--tp-accounting-brown);
}
.tp-at-fact-style .tp-cc-fact-item-text {
  color: var(--tp-accounting-3);
}
.tp-at-fact-style .tp-cc-fact-item p {
  color: var(--tp-accounting-wood);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-fact-wrapper {
    padding-bottom: 50px;
  }
}
.tp-at-fact-heading {
  padding-bottom: 150px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-at-fact-heading {
    padding-bottom: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-fact-heading {
    padding-bottom: 30px;
  }
}

/*----------------------------------------*/
/*  8.9 award css
/*----------------------------------------*/
.tp-at-award-wrapper {
  height: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-award-wrapper {
    height: 450px;
  }
}
.tp-at-award-wrapper img {
  height: 100%;
  object-fit: cover;
}
.tp-at-award-shape {
  position: absolute;
  top: 0;
  right: 0;
}
.tp-at-award-item {
  position: absolute;
  left: 200px;
  top: 50%;
  width: 300px;
  height: 300px;
  display: grid;
  place-content: center;
  border-radius: 300px;
  transform: translateY(-50%);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-at-award-item {
    left: 130px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-at-award-item {
    left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-at-award-item {
    width: 250px;
    height: 250px;
  }
}
@media (max-width: 767px) {
  .tp-at-award-item {
    display: none;
  }
}
.tp-at-award-item span {
  font-size: 48px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.96px;
  color: var(--tp-accounting-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-at-award-item span {
    font-size: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-at-award-item span {
    font-size: 40px;
  }
}
.tp-at-award-item span i {
  font-size: 64px;
  font-style: normal;
  letter-spacing: -1.28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-at-award-item span i {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-at-award-item span i {
    font-size: 50px;
  }
}

.tp-at-step-line {
  padding-top: 45px;
  margin: 0 auto -45px;
  width: calc(100% - 500px);
  border-bottom: 1px solid rgba(58, 21, 16, 0.1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-at-step-line {
    width: calc(100% - 445px);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-at-step-line {
    width: calc(100% - 360px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-at-step-line {
    width: calc(100% - 290px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-step-line {
    display: none;
  }
}
.tp-at-step-line-item {
  position: relative;
  padding-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-step-line-item {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .tp-at-step-line-item {
    margin-bottom: 20px;
  }
}
.tp-at-step-line-item span {
  padding: 1px 15px;
  font-weight: 500;
  border-radius: 6px;
  display: inline-block;
  color: var(--tp-common-white);
  background-color: var(--tp-accounting-3);
}
.tp-at-step-item {
  padding: 50px;
  border-radius: 6px;
  border: 1px solid rgba(58, 21, 16, 0.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), (max-width: 767px) {
  .tp-at-step-item {
    padding: 35px;
  }
}
.tp-at-step-item::before {
  position: absolute;
  content: "";
  top: -40px;
  left: 50%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transform: translateX(-50%);
  border: 3px solid rgb(235, 231, 231);
  background-color: var(--tp-accounting-3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-at-step-item::before {
    content: none;
  }
}
.tp-at-step-item-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 25px;
  color: var(--tp-accounting-brown);
}
.tp-at-step-item-list ul li {
  display: flex;
  line-height: 1;
  list-style: none;
  align-items: center;
  color: var(--tp-accounting-wood);
}
.tp-at-step-item-list ul li:not(:last-of-type) {
  margin-bottom: 15px;
}
.tp-at-step-item-list ul li svg {
  margin-inline-end: 10px;
}

/* nice-select.css sets text-transform: capitalize by default, which
   capitalizes every word — wrong for Swedish where only the first word
   of a label/sentence should be capitalized. */
.nice-select .current,
.nice-select .list .option {
  text-transform: none;
}

/* The success/CTA banner (.tp-cn-success-item) uses a very pale
   background photo by default, which leaves it looking empty. Add a
   dark overlay so the same component reads as a proper photo CTA. */
.tp-cn-success-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(34, 47, 48, 0.82), rgba(34, 47, 48, 0.55));
  border-radius: inherit;
  z-index: 0;
}
.tp-cn-success-item-content {
  position: relative;
  z-index: 1;
}
.tp-cn-success-item-title,
.tp-cn-success-item-content p {
  color: var(--tp-common-white);
}
/* The confetti-square shape image was designed for the old pale
   background and looks like stray clutter on the new photo overlay. */
.tp-cn-success-item-shape {
  display: none;
}

/* The service-item-2 highlight card sits on a dark photo but its body
   paragraph inherits the default dark text color, making it unreadable. */
.tp-fi-service-item-2-content p {
  color: rgba(255, 255, 255, 0.85);
}
/* The highlight card's photo is a bright, full-color office shot (not the
   old dark demo photo), so add a dark overlay to keep the white title and
   icon readable, same technique as .tp-cc-chose-bg::after above. */
.tp-fi-service-item-2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(34, 47, 48, 0.82), rgba(34, 47, 48, 0.55));
  z-index: 0;
}

/* These components are reused from the Consulting/Advisory demo
   variants (tp-cn-*, tp-fa-*), which pull their own theme's colors by
   default. Reset them to our theme-finances palette (#CEF79E/#222F30)
   so nothing leaks in from the other demos we're not using. */
.tp-cn-philoshopy-item-btn a {
  color: var(--tp-theme-secondary);
}
.tp-fa-control-item-title {
  color: var(--tp-theme-secondary);
}
.tp-fa-control-item-content p {
  color: rgba(34, 47, 48, 0.7);
}
.tp-cn-success-item-2-title {
  color: var(--tp-theme-secondary);
}
.tp-cn-success-item-2-content {
  background-color: var(--tp-theme-primary);
}
.tp-cn-success-item-2-content p {
  color: rgba(34, 47, 48, 0.75);
}
.tp-cn-counter-heading p,
.tp-cn-counter-title,
.tp-cn-counter-number {
  color: var(--tp-theme-secondary);
}

/* Homepage hero: darkened the background overlay above (was a pale
   wash meant for dark text) so text needed to switch to white to stay
   readable against the photo, matching the dark-overlay/white-text
   treatment already used on subpage heroes and CTA banners. Scoped to
   .tp-fi-hero-ptb specifically — the same .tp-fi-hero-contact
   phone-link component is reused elsewhere (e.g. the "Så går det
   till" control-area sections) on a light background, where it must
   stay dark, not white. */
.tp-fi-hero-ptb .tp-fi-hero-title,
.tp-fi-hero-ptb .tp-fi-hero-sub p,
.tp-fi-hero-ptb .tp-fi-hero-contact a {
  color: var(--tp-common-white);
}
.tp-fi-hero-ptb .tp-fi-hero-sub span svg path {
  stroke: var(--tp-common-white);
}
/* ...but the phone icon sits inside its own lime circle badge, not
   directly on the photo — keep that icon dark so it stays visible
   against the light background instead of inheriting the white text
   color above. */
.tp-fi-hero-ptb .tp-fi-hero-contact a span {
  color: var(--tp-theme-secondary);
}

/* Exit-intent popup: reuses the existing tp-fi-cta-bg CTA-band styling
   (see the homepage/CTA bands), just narrowed for a modal and with a
   close button borrowed from the offcanvas menu's own close icon. */
.tp-exit-intent-popup {
  max-width: 560px;
  margin: 40px auto;
  position: relative;
}
.tp-exit-intent-popup .tp-fi-cta-bg {
  padding: 55px 45px 45px;
}
.tp-exit-intent-popup .tp-offcanvas-close-btn {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 1;
}

/* USP checklist over the "Lär känna oss" photo: anchor firmly to the
   bottom-right corner (instead of a left-percentage, which drifted
   onto busy parts of some photos at narrower viewports) and give it
   its own backing panel so it reads clearly regardless of what's
   underneath in the photo. */
.tp-fi-about-list {
  left: auto;
  right: 24px;
  bottom: 24px;
  padding: 14px;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(34, 47, 48, 0.45), rgba(34, 47, 48, 0.25));
  backdrop-filter: blur(3px);
}

/* Industry hub grid (/branscher/): cards in later rows had less body
   copy than earlier rows, so Bootstrap's per-row auto-stretch left
   each row a different height and the grid looked uneven when
   scanning top to bottom. Force one consistent height across all
   rows, not just within a row. */
#tp-branscher-grid .tp-fi-service-item {
  min-height: 300px;
}

/* Contact form: field labels + a subtle panel behind the form so it
   lifts off the page background a bit. */
.tp-contact-from {
  background-color: var(--tp-theme-bg, #F7F7F5);
  border-radius: 10px;
  padding: 40px;
}
.tp-contact-input-label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-theme-secondary);
}
.nice-select.tp-select .current {
  font-size: 14px;
}

/* Exit-intent popup close button: Magnific Popup checks the exact
   click target against the .mfp-close class, so a click landing on
   the inner svg/path (not the button itself) was silently ignored. */
#tp-exit-intent-popup .tp-offcanvas-close-btn svg {
  pointer-events: none;
}

/* Header phone link reuses .tp-fi-hero-contact (designed for open hero
   space); in the tighter header row it needs a smaller icon and no
   text wrap to sit cleanly beside the CTA button. */
.tp-header-phone a {
  white-space: nowrap;
}
.tp-header-phone a span {
  width: 38px;
  height: 38px;
  margin-right: 8px;
}
.tp-header-phone a span svg {
  width: 14px;
  height: 14px;
}

/* Footer contact reuses .tp-fi-hero-contact (icon circle already lime
   by default); its text color needs to switch to white against the
   footer's dark background instead of the default dark navy. */
.tp-footer-contact-wrap.tp-fi-hero-contact a {
  color: var(--tp-common-white);
}
.tp-footer-contact-wrap.tp-fi-hero-contact a span {
  width: 40px;
  height: 40px;
  color: var(--tp-finance-secondary);
}
.tp-footer-contact-wrap.tp-fi-hero-contact a:hover span {
  color: var(--tp-common-white);
}

/* Desktop offcanvas sidebar: real photos (was generic template
   placeholders) need an explicit crop height, and the contact list
   gets the same accent-color icon-circle treatment as the footer. */
.tp-offcanvas-gallery-img {
  height: 110px;
}
.tp-offcanvas-gallery-img img {
  height: 100%;
  object-fit: cover;
}
.tp-offcanvas-contact-list li {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tp-offcanvas-contact .tp-offcanvas-contact-list li:not(:last-child) {
  margin-bottom: 20px;
}
.tp-offcanvas-contact-icon {
  width: 30px;
  height: 30px;
  flex: none;
  display: inline-grid;
  place-content: center;
  border-radius: 50%;
  color: var(--tp-finance-secondary);
  background-color: var(--tp-theme-primary);
}

/* "Våra tjänster" mega-menu: widened variant of the template's
   .tp-submenu dropdown, with a per-service icon chip and a CTA row. */
.tp-header-dropdown nav ul li .tp-submenu.tp-mega-menu {
  width: 380px;
  padding: 16px;
}
.tp-header-dropdown nav ul li .tp-submenu.tp-mega-menu li {
  width: 100%;
  padding: 0;
  margin-bottom: 2px;
}
.tp-header-dropdown nav ul li .tp-submenu.tp-mega-menu li:not(:last-child) {
  margin-bottom: 2px;
}
.tp-mega-menu-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 10px;
  border-radius: 6px;
  transition: background-color 0.2s ease;
}
.tp-header-dropdown nav ul li .tp-submenu.tp-mega-menu li a.tp-mega-menu-item {
  width: 100%;
  display: flex;
  font-size: 15px;
}
/* The offcanvas clone (mobile menu) reuses the same markup under a
   different ancestor, so the generic .tp-offcanvas-menu ul li > a
   { display: block } rule (higher specificity than the bare
   .tp-mega-menu-item class) was winning and stacking icon over text
   instead of beside it. */
.tp-offcanvas-menu ul li > a.tp-mega-menu-item {
  display: flex;
  padding: 10px;
}
.tp-offcanvas-menu .tp-submenu > li > a.tp-mega-menu-item {
  padding: 10px;
}
.tp-mega-menu-item:hover {
  padding-left: 10px;
  background-color: rgba(206, 247, 158, 0.35);
}
.tp-mega-menu-icon {
  width: 42px;
  height: 42px;
  flex: none;
  display: inline-grid;
  place-content: center;
  border-radius: 6px;
  background-color: var(--tp-theme-primary);
}
.tp-mega-menu-icon svg {
  width: 22px;
  height: 22px;
}
.tp-mega-menu-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.tp-mega-menu-text strong {
  font-size: 15px;
  font-weight: 500;
  color: var(--tp-finance-secondary);
}
.tp-mega-menu-text span {
  font-size: 12.5px;
  line-height: 1.4;
  color: rgba(34, 47, 48, 0.65);
}
.tp-mega-menu-all {
  display: block;
  padding: 8px 10px 4px;
  font-size: 13px;
  font-weight: 500;
  color: var(--tp-finance-secondary);
}
.tp-mega-menu-cta {
  margin-top: 6px;
  padding-top: 14px;
  border-top: 1px solid rgba(34, 47, 48, 0.1);
}
.tp-header-dropdown nav ul li .tp-submenu li a.tp-mega-menu-cta-btn {
  width: 100%;
  color: var(--tp-common-white);
}
.tp-mega-menu-cta-btn .d-flex {
  width: 100%;
}

/* Small "om oss" strip under the service-page intro: short text plus
   a 3-photo row, filling out the previously sparse left column. */
.tp-service-philosopy-mini-about p {
  color: rgba(34, 47, 48, 0.7);
}
.tp-service-philosopy-mini-about-imgs {
  height: 90px;
}
.tp-service-philosopy-mini-about-imgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Portal login link: lives in the green info bar (>=768px, plenty of
   room there) plus a bordered button in the offcanvas menu so it's
   reachable below that breakpoint too. */
.tp-offcanvas-login {
  margin-top: 30px;
}
.tp-offcanvas-login .tp-btn {
  padding: 14px 30px;
}

/* Floating login button: the info-bar login link scrolls away with
   the hero (it isn't part of the sticky header), so this fixed
   button appears once the user scrolls past it — same show/hide
   mechanism and scroll threshold as .back-to-top-wrapper. */
.tp-floating-login-wrapper {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
}
.tp-floating-login-wrapper.tp-floating-login-show {
  opacity: 1;
  visibility: visible;
}
.tp-floating-login-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 22px;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 500;
  color: var(--tp-finance-secondary);
  background-color: var(--tp-theme-primary);
  box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.15);
  transition: all 0.3s ease-out;
}
.tp-floating-login-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-finance-secondary);
}

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