.mean-container .mean-nav ul li > a.mean-expand i, .back-to-top-wrapper, a,
button,
p,
input,
select,
textarea,
li,
.transition-3 {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

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

:root {
  /**
  @font family declaration
  */
  --tp-ff-body: 'DM Sans', sans-serif;
  --tp-ff-heading: 'Fredoka One', cursive;
  --tp-ff-p: 'DM Sans', sans-serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --tp-common-white: #fff;
  --tp-common-black: #000;
  --tp-heading-primary: #283734;
  --tp-grey-1: #fcfaf7;
  --tp-grey-2: #283734;
  --tp-grey-3: #f4f9f8;
  --tp-text-body: #6f7775;
  --tp-theme-1: #00715d;
  --tp-theme-2: #fbd45a;
  --tp-theme-3: #283734;
  --tp-border-primary: #00715d;
}

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

    Template Name: Insurez Company HTML Template Documentation
    Author: Theme_Pure
    Support: basictheme400@gmail.com
    Description: Insurez - Insurez Company HTML Template Documentation
    Version: 1.0

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

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

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

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

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

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

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

	---------------------------------
	07. PAGES CSS
	---------------------------------
		7.1 About css
		7.2 Blog css
		7.3 brand css
		7.4 choose css
		7.5 contact css
		7.5 contact css
		7.7 cta css
		7.8 error css
		7.9 feature css
		8.0 getquote css
		8.1 insurance css
		8.2 portfolio css
		8.3 prizing css
		8.4 project css
		8.5 search css
		8.6 service css
		8.7 slider css
		8.8 team css
		8.9 testimonial css
		9.0 work css

**********************************************/
/*----------------------------------------*/
/*  1.1 Theme Default
/*----------------------------------------*/
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1200px;
    padding-right: var(--bs-gutter-x, 15px);
    padding-left: var(--bs-gutter-x, 15px);
  }
}
.row {
  --bs-gutter-x: 30px;
}

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

/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-family: var(--tp-ff-body);
  font-size: 16px;
  line-height: 30px;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

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

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

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

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

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

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

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

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

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
textarea {
  outline: none;
  background-color: rgba(239, 240, 242, 0);
  height: 33px;
  width: 100%;
  line-height: 54px;
  font-size: 16px;
  color: white;
  padding-right: 29px;
  border: none;
  border-bottom: 1px solid #fff;
}
[dir=rtl] input[type=text],
[dir=rtl] input[type=email],
[dir=rtl] input[type=tel],
[dir=rtl] input[type=number],
[dir=rtl] input[type=password],
[dir=rtl] input[type=url],
[dir=rtl] textarea {
  text-align: right;
}
input[type=text]::-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: #6f7775;
}
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: #6f7775;
}
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: #6f7775;
}
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: #6f7775;
}
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: #6f7775;
}

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: var(--tp-fz-body);
  opacity: 1;
}

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

.test-class {
  padding: 5px 20px;
  background-color: green;
  color: #000;
  position: relative;
  overflow: hidden;
}
.test-class::after, .test-class::before {
  position: absolute;
  content: "";
  left: -23px;
  bottom: -7px;
  width: 79%;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
}
.test-class::before {
  left: auto;
  right: -23px;
  top: -7px;
  bottom: auto;
}
.test-class span {
  position: relative;
}
.test-class span::after, .test-class span::before {
  position: absolute;
  content: "";
  left: -23px;
  bottom: -7px;
  width: 79%;
  height: 10px;
  background-color: red;
  border-radius: 50%;
}

.footer__subscribe-input input::placeholder {
  color: #98a8a5;
  opacity: 1;
}

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

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

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

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

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

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

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

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

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

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

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

/* dropcap */
.tp-dropcap::first-letter {
  font-size: 50px;
  font-weight: 700;
  float: left;
  text-align: center;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  margin-right: 5px;
  line-height: inherit;
}

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

/*---------------------------------
    1.3 Default Spacing
---------------------------------*/ /*----------------------------------------*/
/*  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;
  text-align: center;
  background: #283734;
  box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);
  color: var(--tp-common-white);
  border-radius: 50%;
}
.back-to-top-btn svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.back-to-top-btn:hover {
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  transform: translateY(-4px);
}

/*----------------------------------------*/
/*  2.2 Theme Settings
/*----------------------------------------*/
.tp-theme-settings-area {
  position: fixed;
  top: 50%;
  left: 0;
  width: 240px;
  background-color: #fff;
  border: 1px solid #EAEAEF;
  -webkit-transform: translateY(-50%) translateX(-100%);
  -moz-transform: translateY(-50%) translateX(-100%);
  -ms-transform: translateY(-50%) translateX(-100%);
  -o-transform: translateY(-50%) translateX(-100%);
  transform: translateY(-50%) translateX(-100%);
  z-index: 991;
  direction: ltr;
  border-bottom-right-radius: 4px;
}
.tp-theme-settings-area.settings-opened {
  -webkit-transform: translateY(-50%) translateX(0%);
  -moz-transform: translateY(-50%) translateX(0%);
  -ms-transform: translateY(-50%) translateX(0%);
  -o-transform: translateY(-50%) translateX(0%);
  transform: translateY(-50%) translateX(0%);
}
.tp-theme-settings-area.settings-opened .tp-theme-settings-gear {
  opacity: 0;
}
.tp-theme-settings-area.settings-opened .tp-theme-settings-close {
  opacity: 1;
}
.tp-theme-settings-open {
  position: absolute;
  top: -1px;
  left: 100%;
}
.tp-theme-settings-open button {
  background-color: var(--tp-common-white);
  border: 1px solid #EAEAEF;
  border-left: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 24px;
  color: var(--tp-common-black);
  position: relative;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tp-theme-settings-gear {
  display: inline-block;
  -webkit-animation: tp-theme-setting-spin 4s linear infinite;
  -moz-animation: tp-theme-setting-spin 4s linear infinite;
  -ms-animation: tp-theme-setting-spin 4s linear infinite;
  -o-animation: tp-theme-setting-spin 4s linear infinite;
  animation: tp-theme-setting-spin 4s linear infinite;
}
@-webkit-keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.tp-theme-settings-close {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
.tp-theme-header-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}
.tp-theme-wrapper {
  padding: 20px 30px 30px;
}
.tp-theme-toggle {
  text-align: center;
}
.tp-theme-toggle-main {
  display: inline-block;
  width: 160px;
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: #f0f0f5;
  padding: 4px;
  border-radius: 20px;
}
.tp-theme-toggle-light, .tp-theme-toggle-dark {
  display: inline-block;
  width: 48%;
  height: 26px;
  line-height: 26px;
}
.tp-theme-toggle input {
  display: none;
}
.tp-theme-toggle:hover {
  cursor: pointer;
}
.tp-theme-toggle label {
  color: var(--tp-common-black);
  font-size: 14px;
  font-weight: 500;
}
.tp-theme-toggle label:hover {
  cursor: pointer;
}
.tp-theme-toggle #tp-theme-toggler {
  display: none;
}
.tp-theme-toggle #tp-theme-toggler:checked + i {
  right: calc(50% - 4px);
}
.tp-theme-toggle-slide {
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  height: 26px;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  border-radius: 30px;
  -webkit-transform: translate3d(0, 0);
  transform: translate3d(0, 0);
  -webkit-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -moz-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -ms-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -o-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  z-index: -1;
}
.tp-theme-dir {
  text-align: center;
}
.tp-theme-dir-main {
  display: inline-block;
  width: 160px;
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: #f0f0f5;
  padding: 4px;
  border-radius: 20px;
}
.tp-theme-dir-ltr, .tp-theme-dir-rtl {
  display: inline-block;
  width: 48%;
  height: 26px;
  line-height: 26px;
}
.tp-theme-dir input {
  display: none;
}
.tp-theme-dir:hover {
  cursor: pointer;
}
.tp-theme-dir label {
  color: var(--tp-common-black);
  font-size: 14px;
  font-weight: 500;
}
.tp-theme-dir label:hover {
  cursor: pointer;
}
.tp-theme-dir #tp-dir-toggler {
  display: none;
}
.tp-theme-dir #tp-dir-toggler:checked + i {
  right: calc(50% - 4px);
}
.tp-theme-dir-slide {
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  height: 26px;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  border-radius: 30px;
  -webkit-transform: translate3d(0, 0);
  transform: translate3d(0, 0);
  -webkit-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -moz-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -ms-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -o-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  z-index: -1;
}
.tp-theme-color-item.active button::before {
  opacity: 1;
  visibility: visible;
}
.tp-theme-color-btn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
}
.tp-theme-color-btn::before {
  position: absolute;
  content: "\f00c";
  font-weight: 600;
  font-family: var(--tp-ff-fontawesome);
  color: var(--tp-common-white);
  font-size: 16px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  opacity: 0;
  visibility: hidden;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#F50963"] {
  background-color: #F50963;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#008080"] {
  background-color: #008080;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#F31E5E"] {
  background-color: #F31E5E;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#AB6C56"] {
  background-color: #AB6C56;
  color: black;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#4353FF"] {
  background-color: #4353FF;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#3661FC"] {
  background-color: #3661FC;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#2CAE76"] {
  background-color: #2CAE76;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#FF5A1B"] {
  background-color: #FF5A1B;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#03041C"] {
  background-color: #03041C;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#ED212C"] {
  background-color: #ED212C;
}
.tp-theme-color-input {
  margin-top: 15px;
}
.tp-theme-color-input h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}
.tp-theme-color-input label {
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: var(--tp-theme-1);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-theme-color-input label:hover {
  cursor: pointer;
}
.tp-theme-color-input input {
  display: none;
}

/*----------------------------------------*/
/*  2.3 Buttons
/*----------------------------------------*/
/* theme btn */
.tp-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: var(--tp-theme-3);
  background: var(--tp-theme-2);
  text-align: center;
  padding: 15px 49px;
  position: relative;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  transition: all 0.5s linear;
  overflow: hidden;
  z-index: 1;
}
.tp-btn:hover {
  color: var(--tp-common-white);
}
.tp-btn:hover::before {
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.tp-btn:hover::after {
  transform: translate3d(0, 0, 0);
  transition-duration: 0.05s;
  transition-delay: 0.4s;
  transition-timing-function: linear;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-btn {
    padding: 15px 45px;
  }
}
@media (max-width: 767px) {
  .tp-btn {
    padding: 15px 37px;
  }
}
.tp-btn::before {
  position: absolute;
  content: "";
  background-color: #283734;
  width: 120%;
  height: 0;
  padding-bottom: 120%;
  top: -110%;
  border-radius: 50%;
  left: -10%;
  transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
  z-index: -1;
}
.tp-btn::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #283734;
  transform: translate3d(0, -100%, 0);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  z-index: -1;
}

.tp-btn-3 {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: var(--tp-theme-3);
  background: var(--tp-theme-2);
  text-align: center;
  font-family: var(--tp-ff-space);
  padding: 15px 45px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  transition: all 0.5s linear;
  overflow: hidden;
  z-index: 1;
}
.tp-btn-3:hover {
  color: #283734;
  background-color: var(--tp-common-white);
}
.tp-btn-3:hover::before {
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.tp-btn-3:hover::after {
  transform: translate3d(0, 0, 0);
  transition-duration: 0.05s;
  transition-delay: 0.4s;
  transition-timing-function: linear;
}
.tp-btn-3::before {
  position: absolute;
  content: "";
  background-color: #fff;
  width: 120%;
  height: 0;
  padding-bottom: 120%;
  top: -110%;
  border-radius: 50%;
  left: -10%;
  transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
  z-index: -1;
}
.tp-btn-3::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transform: translate3d(0, -100%, 0);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  z-index: -1;
}

.tp-btn-5 {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: var(--tp-common-white);
  background: var(--tp-theme-1);
  text-align: center;
  padding: 15px 43px;
  position: relative;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  transition: all 0.5s linear;
  overflow: hidden;
  z-index: 1;
}
.tp-btn-5:hover {
  color: var(--tp-common-white);
}
.tp-btn-5:hover::before {
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.tp-btn-5:hover::after {
  transform: translate3d(0, 0, 0);
  transition-duration: 0.05s;
  transition-delay: 0.4s;
  transition-timing-function: linear;
}
.tp-btn-5:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-grey-2);
}
.tp-btn-5::before {
  position: absolute;
  content: "";
  background-color: #283734;
  width: 120%;
  height: 0;
  padding-bottom: 120%;
  top: -110%;
  border-radius: 50%;
  left: -10%;
  transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
  z-index: -1;
}
.tp-btn-5::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #283734;
  transform: translate3d(0, -100%, 0);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  z-index: -1;
}

.tp-btn-black {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: var(--tp-common-white);
  background-color: var(--tp-grey-2);
  text-align: center;
  font-family: var(--tp-ff-space);
  padding: 15px 49px;
  position: relative;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  transition: all 0.5s linear;
  overflow: hidden;
  z-index: 1;
}
.tp-btn-black:hover {
  color: #283734;
}
.tp-btn-black:hover::before {
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.tp-btn-black:hover::after {
  transform: translate3d(0, 0, 0);
  transition-duration: 0.05s;
  transition-delay: 0.4s;
  transition-timing-function: linear;
}
@media (max-width: 767px) {
  .tp-btn-black {
    padding: 8px 36px;
  }
}
.tp-btn-black::before {
  position: absolute;
  content: "";
  background-color: var(--tp-common-white);
  width: 120%;
  height: 0;
  padding-bottom: 120%;
  top: -110%;
  border-radius: 50%;
  left: -10%;
  transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
  z-index: -1;
}
.tp-btn-black::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 110%;
  height: 100%;
  background-color: var(--tp-common-white);
  transform: translate3d(0, -100%, 0);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  z-index: -1;
}

.tp-btn-text {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: var(--tp-common-white);
  text-align: center;
  font-family: var(--tp-ff-space);
  position: relative;
  z-index: 1;
  overflow: hidden;
  letter-spacing: -0.02em;
  transition: 0.3s;
  text-transform: uppercase;
}
.tp-btn-text::before {
  position: absolute;
  content: "";
  background-color: #283734;
  width: 120%;
  height: 0;
  padding-bottom: 120%;
  top: -110%;
  border-radius: 50%;
  left: -10%;
  transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
  z-index: -1;
}
.tp-btn-text::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #283734;
  transform: translate3d(0, -100%, 0);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  z-index: -1;
}
.tp-btn-text:hover {
  color: #fbd45b;
}

.btn-link-sm {
  font-size: 14px;
  color: var(--tp-heading-primary);
  background: #f6eddf;
  padding: 5px 30px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  transition: all 0.5s linear;
  overflow: hidden;
  z-index: 1;
  position: relative;
  font-weight: 700;
}
.btn-link-sm:hover {
  color: var(--tp-common-white);
}
.btn-link-sm:hover::before {
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.btn-link-sm:hover::after {
  transform: translate3d(0, 0, 0);
  transition-duration: 0.05s;
  transition-delay: 0.4s;
  transition-timing-function: linear;
}
.btn-link-sm::before {
  position: absolute;
  content: "";
  background-color: #283734;
  width: 120%;
  height: 0;
  padding-bottom: 120%;
  top: -110%;
  border-radius: 50%;
  left: -10%;
  transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
  z-index: -1;
}
.btn-link-sm::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #283734;
  transform: translate3d(0, -100%, 0);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  z-index: -1;
}

.tp-btn-4 {
  color: #6f7775;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.tp-btn-4:hover {
  color: #283734;
}

/*----------------------------------------*/
/*  2.4 Animations
/*----------------------------------------*/
/* pulse effect animation */
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@-webkit-keyframes lineDash {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 1000;
  }
}
@keyframes lineDash {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 1000;
  }
}
@keyframes moving {
  0% {
    transform: translatey(0px);
  }
  25% {
    transform: translatex(20px);
  }
  50% {
    transform: translatey(-20px);
  }
  75% {
    transform: translatex(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}
@-webkit-keyframes animate_right {
  50% {
    -ms-transform: translate(200px, -200px) rotate(180deg);
    -webkit-transform: translate(200px, -200px) rotate(180deg);
    transform: translate(200px, -200px) rotate(180deg);
  }
}
@keyframes animate_right {
  50% {
    -ms-transform: translate(200px, -200px) rotate(180deg);
    -webkit-transform: translate(200px, -200px) rotate(180deg);
    transform: translate(200px, -200px) rotate(180deg);
  }
}
@keyframes animationglob {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes tp-ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0.356), 0 0 0 40px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0 rgba(248, 248, 248, 0.2), 0 0 0 30px rgba(252, 252, 252, 0.2), 0 0 0 40px rgba(247, 246, 245, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px rgba(252, 252, 252, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2), 0 0 0 50px rgba(243, 243, 243, 0);
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(250, 250, 250, 0.2), 0 0 0 60px rgba(255, 255, 255, 0);
  }
}
@keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes float-bob-y {
  0% {
    transform: translateY(-20px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(-20px);
  }
}
@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes lineDash {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 1000;
  }
}
@keyframes lineDash {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 1000;
  }
}
@-webkit-keyframes lineDash-2 {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -1000;
  }
}
@keyframes lineDash-2 {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -1000;
  }
}
@-moz-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-ms-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-webkit-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-moz-keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
@-ms-keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
@-webkit-keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
@keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
/*----------------------------------------*/
/*  2.5 Preloader
/*----------------------------------------*/
#loading {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999;
  margin-top: 0px;
  top: 0px;
}

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

#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 60px;
  width: 60px;
  margin-top: -30px;
  margin-left: -30px;
  -webkit-animation: loading-center-absolute 1s infinite;
  animation: loading-center-absolute 1s infinite;
}

.object {
  width: 20px;
  height: 20px;
  background-color: var(--tp-theme-1);
  float: left;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  margin-right: 20px;
  margin-bottom: 20px;
}

.object:nth-child(2n+0) {
  margin-right: 0px;
}

#object_one {
  -webkit-animation: object_one 1s infinite;
  animation: object_one 1s infinite;
}

#object_two {
  -webkit-animation: object_two 1s infinite;
  animation: object_two 1s infinite;
}

#object_three {
  -webkit-animation: object_three 1s infinite;
  animation: object_three 1s infinite;
}

#object_four {
  -webkit-animation: object_four 1s infinite;
  animation: object_four 1s infinite;
}

@-webkit-keyframes loading-center-absolute {
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading-center-absolute {
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes object_one {
  50% {
    -ms-transform: translate(20px, 20px);
    -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px);
  }
}
@keyframes object_one {
  50% {
    -ms-transform: translate(20px, 20px);
    -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px);
  }
}
@-webkit-keyframes object_two {
  50% {
    -ms-transform: translate(-20px, 20px);
    -webkit-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px);
  }
}
@keyframes object_two {
  50% {
    -ms-transform: translate(-20px, 20px);
    -webkit-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px);
  }
}
@-webkit-keyframes object_three {
  50% {
    -ms-transform: translate(20px, -20px);
    -webkit-transform: translate(20px, -20px);
    transform: translate(20px, -20px);
  }
}
@keyframes object_three {
  50% {
    -ms-transform: translate(20px, -20px);
    -webkit-transform: translate(20px, -20px);
    transform: translate(20px, -20px);
  }
}
@-webkit-keyframes object_four {
  50% {
    -ms-transform: translate(-20px, -20px);
    -webkit-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px);
  }
}
@keyframes object_four {
  50% {
    -ms-transform: translate(-20px, -20px);
    -webkit-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px);
  }
}
/*----------------------------------------*/
/*  2.6 Background
/*----------------------------------------*/
.grey-bg-1 {
  background: var(--tp-grey-1);
}

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

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

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

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

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

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

.black-color {
  color: #283734 !important;
}

/*----------------------------------------*/
/*  2.7 Carousel
/*----------------------------------------*/
/* tp range slider css */
.tp-range-slider .inside-slider {
  padding-left: 7px;
  padding-right: 17px;
}
.tp-range-slider .noUi-target {
  background-color: #191C3C;
  border-radius: 12px;
  border: 0;
  box-shadow: none;
}
.tp-range-slider .noUi-connect {
  background-color: var(--tp-theme-primary);
}
.tp-range-slider .noUi-horizontal {
  height: 6px;
}
.tp-range-slider .noUi-handle {
  height: 24px;
  width: 24px;
  background-color: var(--tp-theme-primary);
  border-radius: 50%;
  border: 4px solid var(--tp-common-white);
  box-shadow: 0px 4px 10px rgba(5, 9, 43, 0.3);
  top: -9px;
}
.tp-range-slider .noUi-handle:hover {
  cursor: pointer;
}
.tp-range-slider .noUi-handle::before, .tp-range-slider .noUi-handle::after {
  display: none;
}
.tp-range-slider-dark .noUi-handle {
  border: 4px solid #2D314B;
}

/* tp swiper slider dot */
.tp-swiper-dot .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: var(--tp-grey-1);
  opacity: 1;
  margin: 0 9px;
  position: relative;
}
.tp-swiper-dot .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
}
.tp-swiper-dot .swiper-pagination-bullet button {
  font-size: 0;
}
.tp-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-theme-primary);
}
.tp-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  border-color: var(--tp-theme-primary);
  transform: translate(-50%, -50%) scale(1);
}

.tp-swiper-arrow {
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 20px;
  text-align: center;
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
}
.tp-swiper-arrow:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}

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

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

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

/*----------------------------------------*/
/*  2.9 Pagination
/*----------------------------------------*/
.tp-pagination ul li {
  display: inline-block;
}
.tp-pagination ul li:not(:last-child) {
  margin-right: 10px;
}
.tp-pagination ul li a, .tp-pagination ul li span {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 46px;
  text-align: center;
  border-radius: 7px;
  border: 2px solid #f1f1f1;
  font-size: 18px;
  font-weight: 600;
}
.tp-pagination ul li a:hover, .tp-pagination ul li a.current, .tp-pagination ul li span:hover, .tp-pagination ul li span.current {
  background: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  2.10 Offcanvas
/*----------------------------------------*/
.tpoffcanvas {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  right: -100%;
  width: 400px;
  bottom: 0;
  box-shadow: 0 16px -32px 0 rgba(0, 0, 0, 0.8);
  background: var(--tp-common-white);
  z-index: 9999;
  padding: 50px;
  scrollbar-width: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.45s ease-in-out;
  overflow-y: scroll;
}
.tpoffcanvas.opened {
  opacity: 1;
  visibility: visible;
}
.tpoffcanvas__title {
  font-size: 24px;
  color: var(--tp-heading-primary);
  margin-bottom: 10px;
  font-weight: 400;
}
.tpoffcanvas__contact-content {
  margin-bottom: 10px;
}
.tpoffcanvas__contact-content-icon i {
  color: var(--tp-theme-1);
  width: 30px;
}
.tpoffcanvas__contact-content-content a {
  font-size: 16px;
  color: var(--tp-text-body);
}
.tpoffcanvas__contact {
  margin-bottom: 30px;
}
.tpoffcanvas__social {
  margin-bottom: 22px;
  padding-bottom: 40px;
}
.tpoffcanvas__social .icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: transparent;
  color: var(--tp-common-white);
  margin-right: 5px;
  transition: all 0.3s ease-in-out;
}
.tpoffcanvas__social .icon.facebook {
  background-color: #4661C5;
}
.tpoffcanvas__social .icon.twitter {
  background-color: #4CCEF9;
}
.tpoffcanvas__social .icon.youtube {
  background-color: #FF0000;
}
.tpoffcanvas__social .icon.linkedin {
  background-color: #0072b1;
}
.tpoffcanvas__social .icon:hover {
  transform: translateY(-8px);
}
@media (max-width: 767px) {
  .tpoffcanvas {
    width: 300px;
    padding: 40px 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpoffcanvas {
    width: 400px;
    padding: 40px;
  }
}
.tpoffcanvas.opened {
  right: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.6s;
  z-index: 99999999;
}
.tpoffcanvas__logo {
  margin-bottom: 40px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tpoffcanvas__logo {
    padding-top: 0;
  }
}
.tpoffcanvas__logo img {
  width: 157px;
  height: 100%;
}
.tpoffcanvas__instagram {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .tpoffcanvas__instagram {
    text-align: left;
  }
}
.tpoffcanvas__instagram img {
  width: 80px;
  margin: 0px 5px;
  margin-bottom: 15px;
}
.tpoffcanvas__instagram-title h4 {
  color: var(--tp-common-white);
  text-transform: capitalize;
  margin-bottom: 30px;
}
.tpoffcanvas__close-btn button {
  position: absolute;
  right: 50px;
  top: 50px;
  transition: 1s;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.3s;
  height: 50px;
  width: 50px;
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
}
.tpoffcanvas__close-btn button i {
  font-weight: 300;
  font-size: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpoffcanvas__close-btn button {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpoffcanvas__close-btn button {
    right: 23px;
    top: 34px;
  }
}
@media (max-width: 767px) {
  .tpoffcanvas__close-btn button {
    font-size: 28px;
    right: 23px;
    top: 36px;
  }
}
.tpoffcanvas__content {
  margin-bottom: 30px;
}
.tpoffcanvas__content p {
  font-size: 16px;
  color: var(--tp-common-white);
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 25px;
}
.tpoffcanvas__content span {
  color: var(--tp-common-white);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  display: inline-block;
}
.tpoffcanvas__content a {
  font-size: 30px;
  line-height: 51px;
  font-weight: 700;
  color: var(--tp-common-white);
  display: inline-block;
}
@media (max-width: 767px) {
  .tpoffcanvas__content a {
    font-size: 27px;
  }
}
.tpoffcanvas__social .social-icon a {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  background-color: var(--tp-common-white);
  color: var(--tp-theme-1);
  margin-right: 15px;
  transition: 0.3s;
  display: inline-block;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .tpoffcanvas__social .social-icon a {
    margin-right: 3px;
  }
}
.tpoffcanvas__social .social-icon a:hover {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tpoffcanvas__info {
  margin-bottom: 40px;
}
.tpoffcanvas__info .offcanva-title {
  color: var(--tp-common-white);
  padding-bottom: 5px;
}
.tpoffcanvas__info a {
  color: var(--tp-common-white) 9;
  line-height: 1.2;
}

/*----------------------------------------*/
/*  2.11 Breadcrumb
/*----------------------------------------*/
.breadcrumb__title {
  font-size: 46px;
  color: var(--tp-common-white);
}
.breadcrumb__list span {
  font-weight: 500;
  color: var(--tp-common-white);
  padding-right: 3px;
  margin-right: 3px;
  text-transform: uppercase;
}
.breadcrumb__list span i {
  font-size: 13px;
}
.breadcrumb__list span a {
  color: #fbd663;
  font-size: 14px;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}
.breadcrumb__list span a:hover {
  color: var(--tp-theme-primary);
}
.breadcrumb__bg {
  background-size: cover;
  background-repeat: no-repeat;
}
.breadcrumb__bg__overlay {
  position: relative;
  background-color: #13302b;
  background-blend-mode: luminosity;
}
.breadcrumb__bg__overlay::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #091e1a;
  z-index: 3;
  mix-blend-mode: luminosity;
  opacity: 0.75;
}
.breadcrumb__content {
  z-index: 4;
}

/*----------------------------------------*/
/*  2.12 Accordion
/*----------------------------------------*/
.accordion-style .card {
  box-shadow: none;
  margin-top: 0 !important;
  border: none;
  box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
  border: 2px solid #f4f4f4;
}

.accordion-style .card-header {
  border: 0px;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  background: none;
}

.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.accordion-right-img .video-icon {
  position: absolute;
  bottom: 0;
  text-align: center;
  left: 0;
  height: 60px;
  width: 60px;
  background: #fbd663;
  line-height: 60px;
  cursor: pointer;
  -webkit-animation: tp-ripple 1.2s linear infinite;
  animation: tp-ripple 1.2s linear infinite;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}

.accordion-style .btn-link {
  color: var(--tp-heading-primary);
  line-height: 20px;
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  border-radius: 4px;
  padding: 20px 35px 20px 20px;
  font-weight: 700;
  text-decoration: none;
}

.accordion-style .btn-link.collapsed:after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
}

.accordion-style .btn-link:after {
  content: "";
  right: 17px;
  font-size: 18px;
  height: 30px;
  transform: none;
  width: 30px;
  top: 16px;
  position: absolute;
  color: var(--tp-heading-primary);
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  transition: 0.4s;
  background: #fbd45b;
  line-height: 30px;
  text-align: center;
  border-radius: 30px;
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .accordion-style .btn-link:after {
    top: 26px;
  }
}

.accordion-style .card {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.04);
}

.accordion-right-img .video-icon a {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fbd663;
  color: var(--tp-heading-primary);
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  transition: 0.3s;
  font-size: 20px;
}
.accordion-right-img .video-icon a.popup-video {
  border-radius: 0 !important;
}
.accordion-right-img .video-icon a i {
  transition: 0.4s;
}
.accordion-right-img .video-icon a:hover {
  background: #00715d;
}
.accordion-right-img .video-icon a:hover i {
  color: #fff;
}

button:focus:not(:focus-visible) {
  box-shadow: none;
}

.accordion-style .show {
  border-top: 1px solid #f1f2f2;
}

.card-body {
  color: var(--tp-text-body);
  padding: 30px 30px;
  padding-top: 26px;
}

.tp-accordion-2__icon_s {
  font-size: 60px;
  color: var(--tp-theme-1);
  margin-right: 13px;
  margin-top: -30px;
}
.tp-accordion-2__content .tite {
  font-size: 22px;
  color: var(--tp-heading-primary);
}
.tp-accordion-2__content .title_20 {
  font-size: 16px;
  color: var(--tp-text-body);
  padding-right: 29px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-accordion-2__content .title_20 {
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  .tp-accordion-2__content .title_20 {
    padding-right: 0px;
  }
}

.help-list ul {
  display: inline-block;
}
.help-list ul li {
  width: 50%;
  float: left;
  list-style: none;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .help-list ul li {
    width: 100%;
    display: flex;
  }
}
.help-list ul li i {
  color: var(--tp-theme-1);
  margin-right: 15px;
  margin-top: 8px;
}
.help-list ul li span {
  font-size: 18px;
  color: var(--tp-heading-primary);
  font-weight: 400;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .pe-xl-6 {
    margin-left: 0;
  }
}

.tp-faq-inner-bg {
  background-color: #fcfaf7;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  width: 53%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .accordion-padding {
    padding-bottom: 70px;
    padding-top: 70px;
  }
}

.tp-accordion-bg-shap {
  position: absolute;
  right: -603px;
  top: -283px;
  animation: animationglob 30s cubic-bezier(1, 0.99, 0.03, 0.01) infinite;
}
@media (max-width: 767px) {
  .tp-accordion-bg-shap {
    right: 0;
    top: 0;
  }
}

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

/* 14. ========= search-modal ========== */
/* search css start */
.search__popup {
  padding-top: 70px;
  padding-bottom: 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 380px;
  background: rgba(0, 0, 0, 0.1803921569);
  backdrop-filter: blur(10px);
  z-index: 99;
  -webkit-transform: translateY(calc(-100% - 80px));
  -moz-transform: translateY(calc(-100% - 80px));
  -ms-transform: translateY(calc(-100% - 80px));
  -o-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition-delay: 0.5s;
}
.search__popup.search-opened {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  transition-delay: 0s;
}
.search__popup.search-opened .search__input {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.3s;
}
.search__popup.search-opened .search__input::after {
  width: 100%;
  transition-delay: 0.5s;
}
.search__popup-2 {
  background-color: var(--tp-common-black-13);
}
.search__popup-2 .search__input .search-input-field ~ .search-focus-border {
  background-color: var(--tp-theme-8);
}
.search__popup-3 .search__input .search-input-field ~ .search-focus-border {
  background-color: var(--tp-theme-10);
}
.search__top {
  margin-bottom: 80px;
}
.search__top .search__logo img {
  max-width: 160px;
}
.search__input {
  position: relative;
  height: 80px;
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  transition: all 0.3s ease-in-out;
  transition-delay: 0.5s;
  opacity: 0;
}
.search__input::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  transition-delay: 0.3s;
  transition: all 0.3s ease-in-out;
}
.search__input input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  font-size: 24px;
  color: var(--tp-common-white);
  border-bottom: 1px solid transparent;
  padding: 0;
  padding-right: 30px;
}
.search__input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input:-moz-placeholder { /* Firefox 4-18 */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input::placeholder { /* MODERN BROWSER */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--tp-common-white);
}
.search__input .search-input-field ~ .search-focus-border {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  width: 0;
  height: 1px;
  background-color: var(--tp-common-white);
  transition: all 0.5s;
}
.search__input .search-input-field:focus ~ .search-focus-border {
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.5s;
}

.search__close-btn {
  font-size: 25px;
  color: rgba(255, 255, 255, 0.3);
}
.search__close-btn:hover {
  color: var(--tp-common-white);
}
.search__result-title {
  font-size: 50px;
  letter-spacing: -0.04em;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .search__result-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .search__result-title {
    font-size: 35px;
  }
}
.search__result-title span {
  color: var(--tp-theme-primary);
  display: inline-block;
}
.search__result-content p {
  font-size: 16px;
  line-height: 1.62;
  color: var(--tp-text-1);
}
.search__result-input {
  position: relative;
}
.search__result-input-box {
  position: relative;
  margin-bottom: 20px;
}
.search__result-input-box button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 22px 43px;
}
@media (max-width: 767px) {
  .search__result-input-box button {
    position: relative;
    margin-top: 15px;
  }
}
.search__result-input-box button:hover {
  background-color: var(--tp-common-black);
}
.search__result-input input {
  width: 100%;
  height: 70px;
  padding-left: 60px;
  padding-right: 177px;
  background-color: var(--tp-common-white);
  border: 1px solid var(--tp-common-white);
  box-shadow: -3px 0px 0px var(--tp-theme-1), 0px 1px 2px rgba(3, 4, 28, 0.14);
}
@media (max-width: 767px) {
  .search__result-input input {
    padding-right: 25px;
  }
}
.search__result-input span {
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: #A0A0B5;
}
.search__result-input span svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.search__result-tags a {
  display: inline-block;
  font-family: var(--tp-ff-space);
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #D5D5DD;
  padding: 5px 18px;
  line-height: 1;
  margin-right: 2px;
  margin-bottom: 7px;
}
.search__result-tags a:hover {
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.search__blog-item {
  padding: 50px 50px;
  border: 1px solid #EAEAEF;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search__blog-item {
    padding: 30px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search__blog-item {
    padding: 25px;
  }
}
@media (max-width: 767px) {
  .search__blog-item {
    padding: 20px;
  }
}
.search__blog-title {
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  margin-bottom: 13px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search__blog-title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search__blog-title {
    font-size: 21px;
  }
  .search__blog-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .search__blog-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .search__blog-title {
    font-size: 25px;
  }
}
.search__blog-title a:hover {
  color: var(--tp-theme-primary);
}
.search__blog-tag {
  margin-bottom: 10px;
}
[dir=rtl] .search__blog-tag {
  margin-right: 0;
  margin-left: 15px;
}
.search__blog-tag a {
  display: inline-block;
  background-color: rgba(99, 100, 219, 0.06);
  font-family: var(--tp-ff-space);
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  color: var(--tp-common-purple);
  padding: 4px 12px;
}
.search__blog-tag a:hover {
  background-color: var(--tp-common-purple);
  color: var(--tp-common-white);
}
.search__blog-meta span {
  color: var(--tp-text-1);
  margin-right: 15px;
  margin-bottom: 10px;
  display: inline-block;
}
.search__blog-meta span i, .search__blog-meta span svg {
  margin-right: 2px;
}
[dir=rtl] .search__blog-meta span i, [dir=rtl] .search__blog-meta span svg {
  margin-right: 2px;
  margin-left: 2px;
}
.search__blog-meta span svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.search__blog-meta span svg path {
  stroke: #7A7E83;
}
.search__blog-meta-author {
  margin-bottom: 10px;
}
[dir=rtl] .search__blog-meta-author {
  margin-right: 0;
  margin-left: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search__blog-meta-author {
    margin-right: 20px;
  }
}
.search__blog-meta-author-thumb img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 10px;
}
[dir=rtl] .search__blog-meta-author-thumb img {
  margin-right: 0;
  margin-left: 10px;
}
.search__blog-meta-author-content span {
  display: inline-block;
  font-family: var(--tp-ff-inter);
  font-size: 14px;
  color: #7A7E83;
}
.search__blog-meta-author-content span a {
  color: var(--tp-common-black-11);
  font-weight: 500;
}
.search__blog-meta-author-content span a:hover {
  color: var(--tp-theme-primary);
}
.search__blog-content p {
  font-size: 15px;
  line-height: 1.47;
  color: var(--tp-text-1);
  margin-bottom: 20px;
}
.search__blog-btn .tp-btn-border {
  padding: 8px 29px;
}
.search__blog-btn .tp-btn-border svg, .search__blog-btn .tp-btn-border i {
  margin-left: 5px;
}
[dir=rtl] .search__blog-btn .tp-btn-border svg, [dir=rtl] .search__blog-btn .tp-btn-border i {
  margin-left: 5px;
  margin-right: 5px;
}
.search__blog-btn .tp-btn-border svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.search__blog-btn .tp-btn-border:hover {
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  2.15 Section Title
/*----------------------------------------*/
.section__title {
  font-size: 60px;
  color: var(--tp-common-black);
  font-weight: var(--tp-fw-bold);
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .section__title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section__title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section__title {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .section__title {
    font-size: 30px;
  }
}
.section__title-pre {
  font-size: 14px;
  font-weight: var(--tp-fw-bold);
  color: var(--tp-theme-primary);
  display: inline-block;
  text-transform: uppercase;
}

.tp-section-subtitle {
  color: #00715d;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-title br {
    font-size: 34px;
    line-height: 30px;
  }
}

.tp-section-title {
  font-size: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-title {
    font-size: 34px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-section-title {
    font-size: 39px;
  }
}
@media (max-width: 767px) {
  .tp-section-title {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .tp-section-title br {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-pre {
    margin-top: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-section-pre {
    margin-top: 0;
    margin-bottom: 30px;
  }
}

.subtitle-before {
  position: relative;
}
.subtitle-before::after {
  top: -5px;
  width: 30px;
  height: 2px;
  content: "";
  background: #fbd45a;
  display: inline-block;
  right: -11px;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-box {
    margin-bottom: 0;
  }
}

/*----------------------------------------*/
/*  3.1 Header Style 1
/*----------------------------------------*/
.tp-header {
  position: relative;
  z-index: 50;
}
.tp-header__menu ul li:hover a {
  color: #fbd45b;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header-btn a {
    display: none !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-header__top-left {
    display: none;
  }
}
.tp-header__logo {
  position: absolute;
  padding: 15px 90px;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__logo {
    padding: 15px 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__logo {
    padding: 15px 40px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-header__contact-number {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__contact-number {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header__contact-number {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-header__contact-number {
    display: none;
  }
}
.tp-header__wrapper-inner {
  position: relative;
  display: block;
  z-index: 1;
}
.tp-header__main-header {
  margin-left: 375px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__main-header {
    margin-left: 295px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__main-header {
    margin-left: 216px;
  }
}
.tp-header__menu ul li {
  display: inline-block;
  position: relative;
  margin-right: 60px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-header__menu ul li {
    margin-right: 27px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__menu ul li {
    margin-right: 32px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__menu ul li {
    margin-right: 24px;
  }
}
.tp-header__menu ul li:last-child {
  margin-right: 0;
}
.tp-header__menu ul li a {
  color: var(--tp-text-body);
  display: block;
  font-weight: 700;
  padding: 43px 0px;
  line-height: 1.4;
  text-transform: uppercase;
}
.tp-header__menu ul li .sub-menu {
  position: absolute;
  width: 230px;
  background: var(--tp-heading-primary);
  padding: 20px 0;
  top: 110%;
  left: 0;
  text-align: left;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
  transition: 0.3s;
  z-index: 999999;
}
.tp-header__menu ul li .sub-menu li {
  display: block;
  margin: 0;
  padding: 0 30px;
}
.tp-header__menu ul li .sub-menu li a {
  color: var(--tp-common-white);
  padding: 0;
}
.tp-header__menu ul li .sub-menu li:hover > a {
  color: #fbd45b;
}
.tp-header__menu ul li .sub-menu li:not(:last-child) {
  margin-bottom: 10px;
}
.tp-header__menu ul li .sub-menu li .sub-menu {
  left: 100%;
  top: 0;
}
.tp-header__menu ul li:hover > .sub-menu {
  visibility: visible;
  opacity: 1;
  top: 100%;
}
.tp-header__menu ul li.menu-last .sub-menu {
  right: 0;
  left: auto;
}
.tp-header__menu ul li.menu-last .sub-menu li .sub-menu {
  left: auto;
  right: 100%;
}
.tp-header__top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 6px 75px 6px 60px;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__top {
    padding: 6px 30px 6px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-header__top {
    display: none;
  }
}
.tp-header__bottom {
  padding: 0 75px 0 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__bottom {
    padding: 0 30px 0 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__bottom {
    padding: 20px 49px 20px 57px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header__bottom {
    padding: 35px;
  }
}
.tp-header__top-right {
  display: flex;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__top-right .tp-location {
    margin-right: 10px;
  }
}
.tp-header__top-right .tp-location a {
  color: #7b8280;
  transition: 0.4s;
  text-transform: capitalize;
}
.tp-header__top-right .tp-location a i {
  color: var(--tp-theme-1);
  font-size: 13px;
  padding: 0 10px 0px 0px;
}
.tp-header__top-right .envelope a {
  color: #7b8280;
  transition: 0.4s;
  text-transform: capitalize;
}
.tp-header__top-right .envelope a i {
  color: var(--tp-theme-1);
  font-size: 13px;
  padding: 0 10px 0px 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-header__top-right .search-icon {
    display: none;
  }
}
.tp-header__right {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-header__right {
    display: none;
  }
}
.tp-header__right .tp-header-search a {
  padding-right: 30px;
  margin-right: 30px;
}
.tp-header__right .tp-header-search a:after {
  content: "";
  background: #e9ebea;
  width: 1px;
  height: 40px;
  position: absolute;
  top: 10px;
  left: 47px;
}
.tp-header__right .sm-clist__icon {
  float: left;
}
.tp-header__right .sm-clist__text {
  float: right;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__right .sm-clist__text {
    margin-right: 15px;
  }
}
.tp-header__right .sm-clist__text span {
  font-size: 12px;
  color: var(--tp-text-body);
  font-weight: 400;
  display: block;
  line-height: 1;
  padding-bottom: 5px;
  padding-top: 8px;
}
.tp-header__right .sm-clist__text a {
  font-size: 16px;
  color: var(--tp-heading-primary);
  font-weight: 700;
}
.tp-header__right .tp-header-space {
  padding-left: 40px;
  padding-right: 45px;
}
.tp-header__right .sm-clist__icon {
  height: 50px;
  width: 50px;
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  line-height: 54px;
  text-align: center;
  border-radius: 30px;
}
.tp-header__right .sm-clist__icon i {
  font-size: 18px;
}
.tp-header__right .sm-clist__text span {
  font-size: 12px;
  color: var(--tp-text-body);
}
.tp-header-btn {
  display: flex;
}
@media only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-header-btn {
    display: none;
  }
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  box-shadow: 0px 4px 10px rgba(3, 4, 28, 0.1);
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  transition: 0.3s ease;
  z-index: 9999999;
}
.header-sticky .tp-header__top {
  display: none;
}

.tp-main-menu {
  background: #fff;
}

.white-text {
  color: #fff;
}
.white-text a {
  color: #98a8a5;
}
.white-text a i {
  color: #fbd45b !important;
}

/*----------------------------------------*/
/*  3.2 Header Style 2
/*----------------------------------------*/
.tp-header-two {
  position: relative;
  z-index: 999999;
}
.tp-header-two__menu ul li:hover a {
  color: #fbd45b;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header-two-btn a {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header-two-btn {
    display: flex;
    margin-left: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-header-two__top-left {
    display: none;
  }
}
.tp-header-two__logo {
  position: absolute;
  padding: 15px 90px;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-two__logo {
    padding: 15px 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header-two__logo {
    padding: 15px 40px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-header-two__contact-number {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header-two__contact-number {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header-two__contact-number {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-header-two__contact-number {
    display: none;
  }
}
.tp-header-two__wrapper-inner {
  position: relative;
  display: block;
  z-index: 1;
}
.tp-header-two__main-header {
  margin-left: 375px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-two__main-header {
    margin-left: 295px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header-two__main-header {
    margin-left: 216px;
  }
}
.tp-header-two__menu ul li {
  display: inline-block;
  position: relative;
  margin-right: 60px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-header-two__menu ul li {
    margin-right: 27px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header-two__menu ul li {
    margin-right: 32px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-two__menu ul li {
    margin-right: 24px;
  }
}
.tp-header-two__menu ul li:last-child {
  margin-right: 0;
}
.tp-header-two__menu ul li a {
  color: #90c8be;
  display: inline-block;
  font-weight: 700;
  padding: 43px 0px;
  line-height: 10px;
  text-transform: uppercase;
}
.tp-header-two__menu ul li .sub-menu {
  position: absolute;
  width: 230px;
  background: var(--tp-heading-primary);
  padding: 28px;
  top: 110%;
  left: 0;
  text-align: left;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
  transition: 0.3s;
  z-index: 999999;
}
.tp-header-two__menu ul li .sub-menu li {
  display: block;
  margin: 0;
}
.tp-header-two__menu ul li .sub-menu li a {
  color: var(--tp-common-white);
  padding: 0;
}
.tp-header-two__menu ul li .sub-menu li a:hover {
  color: #fbd45b;
}
.tp-header-two__menu ul li .sub-menu li:not(:last-child) {
  margin-bottom: 10px;
}
.tp-header-two__menu ul li:hover .sub-menu {
  visibility: visible;
  opacity: 1;
  top: 100%;
}
.tp-header-two__top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 6px 75px 6px 60px;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-two__top {
    padding: 6px 30px 6px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-header-two__top {
    display: none;
  }
}
.tp-header-two__bottom {
  padding: 0 75px 0 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-two__bottom {
    padding: 0 30px 0 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header-two__bottom {
    padding: 20px 49px 20px 57px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header-two__bottom {
    padding: 35px;
  }
}
.tp-header-two__top-right {
  display: flex;
}
.tp-header-two__top-right .tp-location a {
  color: #7b8280;
  transition: 0.4s;
  text-transform: capitalize;
}
.tp-header-two__top-right .tp-location a i {
  color: var(--tp-theme-1);
  font-size: 13px;
  padding: 0 10px 0px 0px;
}
.tp-header-two__top-right .envelope a {
  color: #7b8280;
  transition: 0.4s;
  text-transform: capitalize;
}
.tp-header-two__top-right .envelope a i {
  color: var(--tp-theme-1);
  font-size: 13px;
  padding: 0 10px 0px 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-header-two__top-right .search-icon {
    display: none;
  }
}
.tp-header-two__right {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-header-two__right {
    display: none;
  }
}
.tp-header-two__right .tp-header-search a {
  padding-right: 30px;
  margin-right: 30px;
  color: #fff;
}
.tp-header-two__right .tp-header-search a:after {
  content: "";
  background: #2b8b7a;
  width: 1px;
  height: 40px;
  position: absolute;
  top: 10px;
  left: 47px;
}
.tp-header-two__right .sm-clist__icon {
  float: left;
}
.tp-header-two__right .sm-clist__text {
  float: right;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header-two__right .sm-clist__text {
    margin-right: 15px;
  }
}
.tp-header-two__right .sm-clist__text span {
  font-size: 12px;
  color: var(--tp-text-body);
  font-weight: 400;
  display: block;
  line-height: 1;
  padding-bottom: 5px;
  padding-top: 8px;
}
.tp-header-two__right .sm-clist__text a {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}
.tp-header-two__right .tp-header-space {
  padding-left: 40px;
  padding-right: 45px;
}
.tp-header-two__right .sm-clist__icon {
  height: 50px;
  width: 50px;
  background: var(--tp-common-white);
  color: #3e4c49;
  line-height: 54px;
  text-align: center;
  border-radius: 30px;
}
.tp-header-two__right .sm-clist__icon i {
  font-size: 18px;
}
.tp-header-two__right .sm-clist__text span {
  font-size: 12px;
  color: #90c8be;
}
.tp-header-two-btn {
  display: flex;
}
@media only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-header-two-btn {
    display: none;
  }
}
.tp-header-two__top-left p {
  color: #283734;
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  box-shadow: 0px 4px 10px rgba(3, 4, 28, 0.1);
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  transition: 0.3s ease;
  z-index: 9999999;
}
.header-sticky .tp-header-two__top {
  display: none;
}

.tp-main-menu {
  background: #fff;
}

.white-text {
  color: #fff;
}
.white-text a {
  color: #98a8a5;
}
.white-text a i {
  color: #fbd45b !important;
}

/*----------------------------------------*/
/*  3.3 Header Style 3
/*----------------------------------------*/
@media (max-width: 767px) {
  .tpheader-3-btn {
    display: none;
  }
}

.tpheader-3__menu ul li:hover a {
  color: var(--tp-heading-primary);
}
.tpheader-3__smcontact-list {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpheader-3__smcontact-list {
    margin-left: 0;
  }
}
.tpheader-3__contact-number {
  display: flex;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tpheader-3__contact-number {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpheader-3__smcontact-list .sm-clist__text {
    margin-right: 11px;
  }
}
.tpheader-3__smcontact-list .sm-clist__text a {
  font-size: 16px;
  color: var(--tp-theme-1);
  font-weight: bold;
  display: block;
}
.tpheader-3__smcontact-list .sm-clist__text span {
  font-size: 14px;
  color: var(--tp-text-body);
  display: block;
  line-height: 1;
  padding-bottom: 5px;
  padding-top: 8px;
}
.tpheader-3__smcontact-list .sm-clist__icon i {
  height: 50px;
  width: 50px;
  background: #fbd45b;
  color: var(--tp-heading-primary);
  line-height: 50px;
  text-align: center;
  border-radius: 30px;
  font-size: 20px;
}
.tpheader-3__top-right {
  display: flex;
  align-items: center;
  justify-content: end;
  position: relative;
}
.tpheader-3__top-right .tp-header-search a {
  padding-right: 30px;
  margin-right: 30px;
}
.tpheader-3__top-right .tp-header-search a:after {
  content: "";
  background: #e9ebea;
  width: 1px;
  height: 40px;
  position: absolute;
  top: 21px;
  left: 47px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tpheader-3__top-right .tp-header-search a:after {
    top: 19px;
  }
}
.tpheader-3__top-right .tp-menu-bar {
  margin-left: -10px;
  font-size: 20px;
  color: #000;
  font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpheader-3__top-right .tp-menu-bar {
    margin-left: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpheader-3__top-right .tp-menu-bar {
    margin-left: 11px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpheader-3__top-right .tp-menu-bar {
    margin-left: -50px;
  }
}
.tpheader-3__menu ul {
  text-align: left;
}
.tpheader-3__menu ul li {
  display: inline-block;
  position: relative;
  margin-right: 60px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tpheader-3__menu ul li {
    margin-right: 60px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tpheader-3__menu ul li {
    margin-right: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpheader-3__menu ul li {
    margin-right: 39px;
  }
}
.tpheader-3__menu ul li:last-child {
  margin-right: 0;
}
.tpheader-3__menu ul li a {
  color: var(--tp-text-body);
  display: inline-block;
  font-weight: 700;
  padding: 25px 0px;
  line-height: 10px;
  text-transform: uppercase;
  transition: 0.3s;
}
.tpheader-3__menu ul li .sub-menu {
  position: absolute;
  width: 230px;
  background: var(--tp-heading-primary);
  padding: 28px;
  top: 110%;
  left: 0;
  text-align: left;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
  transition: 0.3s;
  z-index: 999999;
}
.tpheader-3__menu ul li .sub-menu li {
  display: block;
  margin: 0;
}
.tpheader-3__menu ul li .sub-menu li a {
  color: var(--tp-common-white);
  padding: 0;
}
.tpheader-3__menu ul li .sub-menu li a:hover {
  color: #fbd45a;
}
.tpheader-3__menu ul li .sub-menu li:not(:last-child) {
  margin-bottom: 10px;
}
.tpheader-3__menu ul li:hover a {
  color: #fbd45a;
}
.tpheader-3__menu ul li:hover .sub-menu {
  visibility: visible;
  opacity: 1;
  top: 100%;
}
.tpheader-3__header-social {
  text-align: right;
}
.tpheader-3__header-social ul li {
  display: inline-block;
}
.tpheader-3__header-social ul li a {
  color: var(--tp-heading-primary);
  margin-left: 25px;
  font-size: 19px;
  transition: 0.4s;
}
.tpheader-3__header-social ul li a:hover {
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tpheader-3__bottom {
    display: none;
  }
}

.tpheader-3__bottom.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  box-shadow: 0px 4px 10px rgba(3, 4, 28, 0.1);
  background: var(--tp-common-white);
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  transition: 0.3s ease;
  z-index: 9999999;
}

/*----------------------------------------*/
/*  3.1 Header Style 1
/*----------------------------------------*/
.mobile-header {
  padding: 20px;
}

.mobile__menu a {
  margin-right: 0;
  display: inline-block;
  background: #fbd45a;
  padding: 10px 20px;
  transition: 0.3s;
}
.mobile__menu a:hover {
  color: #fff;
  background-color: #00715d;
}

/* HEADER CSS */
@media (max-width: 767px) {
  .mobile-header {
    padding: 20px 0px;
  }
}

/*----------------------------------------*/
/*  4.2 Meanmenu css
/*----------------------------------------*/
.mean-remove {
  display: none !important;
}

.mean-container {
  margin-bottom: 40px;
}
.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px 13px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: var(--tp-common-white);
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  font-size: 1px;
  font-weight: 700;
  display: none !important;
}
.mean-container a.meanmenu-reveal span {
  display: block;
  background: var(--tp-common-white);
  height: 3px;
  margin-top: 3px;
}
.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}
.mean-container .mean-nav {
  background: none;
  margin-top: 0;
  float: left;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 50px;
}
.mean-container .mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}
.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}
.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}
.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  overflow: hidden;
}
.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}
.mean-container .mean-nav ul li.dropdown-opened > a, .mean-container .mean-nav ul li.dropdown-opened > span {
  color: var(--tp-theme-1);
}
.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked, .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}
.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked i, .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked i {
  color: var(--tp-common-white);
}
.mean-container .mean-nav ul li.mean-last {
  border-bottom: none;
  margin-bottom: 0;
}
.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
}
.mean-container .mean-nav ul li > a > i {
  display: none;
}
.mean-container .mean-nav ul li a, .mean-container .mean-nav ul li span {
  display: block;
  float: left;
  width: 90%;
  padding: 10px 5%;
  margin: 0;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  padding: 10px 0;
  border-top: 1px solid #ebebeb;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
  color: var(--tp-text-body);
}
[dir=rtl] .mean-container .mean-nav ul li a, [dir=rtl] .mean-container .mean-nav ul li span {
  float: right;
  text-align: right;
}
.mean-container .mean-nav ul li a:hover, .mean-container .mean-nav ul li span:hover {
  color: var(--tp-theme-1);
}
.mean-container .mean-nav ul li a:hover i, .mean-container .mean-nav ul li span:hover i {
  color: var(--tp-common-white);
}
.mean-container .mean-nav ul li a.mean-expand, .mean-container .mean-nav ul li span.mean-expand {
  margin-top: 1px;
  width: 26px;
  height: 32px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: transparent;
  border: none !important;
  font-size: 14px;
  margin-top: 6px;
  padding: 0 !important;
  border: 1px solid #ebebeb;
  height: 30px;
  width: 30px;
  color: var(--tp-heading-primary);
  top: 0;
  font-weight: 400;
  line-height: 30px;
}
[dir=rtl] .mean-container .mean-nav ul li a.mean-expand, [dir=rtl] .mean-container .mean-nav ul li span.mean-expand {
  right: auto;
  left: 0;
  text-align: center;
}
.mean-container .mean-nav ul li a.mean-expand:hover, .mean-container .mean-nav ul li span.mean-expand:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}
.mean-container .mean-nav ul li a.mean-expand:hover i, .mean-container .mean-nav ul li span.mean-expand:hover i {
  color: var(--tp-common-white);
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked, .mean-container .mean-nav ul li span.mean-expand.mean-clicked {
  color: var(--tp-common-white);
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked:hover, .mean-container .mean-nav ul li span.mean-expand.mean-clicked:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked:hover i, .mean-container .mean-nav ul li span.mean-expand.mean-clicked:hover i {
  color: var(--tp-common-white);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 10px 10%;
  text-shadow: none !important;
  visibility: visible;
}
.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 10px 15%;
}
.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 10px 20%;
}
.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 10px 25%;
}
.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
  float: left;
  width: 100%;
  position: relative;
  padding: 4px 0;
  min-height: 42px;
  z-index: 999999;
}
.mean-container .mean-bar, .mean-container .mean-bar * {
  /* Fix for box sizing on Foundation Framework etc. */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*----------------------------------------*/
/*  5.1 Postbox css
/*----------------------------------------*/
.blog-banner-title {
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  padding: 60px 50px;
  color: #fff;
  font-size: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-banner-title {
    padding: 43px 34px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-banner-title {
    padding: 79px 76px;
  }
}
@media (max-width: 767px) {
  .blog-banner-title {
    padding: 40px 26px;
  }
}

.postbox__meta span a {
  font-size: 14px;
  color: var(--tp-text-body);
  text-transform: capitalize;
  font-weight: 500;
}
.postbox__meta span a i {
  font-size: 14px;
  color: var(--tp-theme-1);
  margin-right: 5px;
}
.postbox__thumb {
  margin-bottom: 20px;
}
.postbox__comment-text {
  padding-bottom: 70px;
}
.postbox__comment-box {
  padding-bottom: 14px;
}
.postbox-nav button {
  height: 50px;
  width: 50px;
  line-height: 50px;
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
  text-align: center;
  font-size: 18px;
}
.postbox-slider-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 9;
}
.postbox-slider-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 9;
}
.postbox__comment-avater img {
  width: 100px;
  display: inline-block;
  border-radius: 50%;
}
.postbox__thumb iframe {
  width: 100%;
}
.postbox__play-btn a {
  height: 85px;
  width: 85px;
  line-height: 85px;
  background-color: var(--tp-common-white);
  color: var(--tp-theme-1);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  border-radius: 50%;
  animation: pulse 2s infinite;
}
.postbox__area {
  padding-top: 57px;
}
.postbox__thumb img {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .postbox__wrapper {
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  .postbox__comment-avater {
    height: 50px;
    width: 54px;
    margin-right: 15px;
  }
}
.postbox__comment-text p {
  font-size: 16px;
  margin-top: 11px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .postbox__banner-img {
    margin-bottom: 30px;
  }
}

.blog-banner-title-black {
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  padding: 60px 50px;
  color: var(--tp-heading-primary);
  font-size: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-banner-title-black {
    padding: 43px 34px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-banner-title-black {
    padding: 75px 68px;
  }
}
@media (max-width: 767px) {
  .blog-banner-title-black {
    padding: 40px 26px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-sidebar__wrapper {
    padding-left: 0px;
  }
}

/*----------------------------------------*/
/*  5.2 Recent Post css
/*----------------------------------------*/
.sidebar__post:last-child {
  margin-bottom: 0;
}

.rc__post-thumb {
  display: inline-block;
  height: 100%;
}
.rc__post {
  margin-bottom: 20px;
}
.rc__post {
  background-color: var(--tp-grey-1);
}
.rc__post:last-child {
  margin-bottom: 0;
}
.rc__post-thumb img {
  width: 70px;
  height: 70px;
}
.rc__post-title {
  font-size: 16px;
  color: var(--tp-heading-primary);
  font-weight: 400;
  margin-top: 2px;
  transition: 0.3s;
}
.rc__post-title a:hover {
  color: var(--tp-theme-primary);
}
.rc__post-title:hover {
  color: var(--tp-theme-1);
}
.rc__meta span {
  font-size: 14px;
  font-weight: 400;
  color: var(--tp-text-body);
}
.rc__meta span a i {
  color: var(--tp-theme-1);
}
.rc__post-thumb {
  flex: 0 0 auto;
  position: relative;
}
.rc__post-thumb a::before {
  background: rgba(0, 113, 93, 0.9);
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.rc__post:hover .rc__post-thumb a::before {
  opacity: 1;
  visibility: visible;
  z-index: 99;
}
.rc__post:hover span {
  opacity: 1;
  visibility: visible;
}

.rc__post-thumb a span {
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--tp-common-white);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  opacity: 0;
  visibility: visible;
  z-index: 999;
}

.rc:hover .rc__post a span {
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------*/
/*  5.3 Sidebar css
/*----------------------------------------*/
.search-px input {
  width: 100%;
  height: 60px;
  background: var(--tp-common-white);
  padding: 0 25px;
  padding-top: 0px;
  padding-right: 25px;
  text-transform: capitalize;
  outline: none;
  padding-top: 3px;
  padding-right: 80px;
  color: var(--tp-theme-3);
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.06);
}
.search-px button {
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  padding: 0 24px;
  color: var(--tp-common-white);
  background: var(--tp-heading-primary);
}

.footer__widget ul li {
  list-style: none;
}
.footer__widget ul li a {
  color: #a2abaa;
  font-weight: 500;
}
.footer__widget ul li a:hover {
  color: var(--tp-theme-2);
}
.footer__widget ul li cite {
  color: var(--tp-common-white);
}
.footer__widget ul li .rss-date {
  color: var(--tp-common-white);
}
.footer__widget ul li .rssSummary {
  color: var(--tp-common-white);
}
.footer__widget .tagcloud {
  color: var(--tp-common-white);
}
.footer__widget .tagcloud a {
  background: var(--tp-common-white);
  color: var(--tp-text-body);
  display: inline-block;
  font-size: 13px !important;
  font-weight: 600;
  line-height: 1;
  padding: 13px 14px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
  border: 1px solid #eaebeb;
}
.footer__widget .tagcloud a:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border: 1px solid #00715d;
}
.footer__widget table thead tr th {
  color: #353333;
}
.footer__widget .calendar_wrap nav span a {
  color: var(--tp-common-white);
}
.footer__widget form select {
  padding: 10px;
}

.sidebar__widget {
  background: var(--tp-grey-1);
  padding: 47px 50px;
}
.sidebar__widget .wp-block-heading {
  font-size: 22px;
  color: var(--tp-heading-primary);
  margin-bottom: 35px;
}
.sidebar__widget ol {
  padding-left: 0px;
}
.sidebar__widget ul li {
  list-style: none;
  margin-bottom: 5px;
  transition: 0.3s;
}
.sidebar__widget-title {
  position: relative;
  display: inline-block;
  font-size: 22px;
}

.tp-sidebar-menu {
  position: fixed;
  right: 100%;
  top: 0;
  width: 320px;
  height: 100%;
  background: var(--tp-common-white) none repeat scroll 0 0;
  overflow-y: scroll;
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 9999;
  padding: 30px;
}

.tp-menu {
  display: flex;
  align-items: center;
}

.tp-sidebar-menu.sidebar-opened {
  right: 0;
}

.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.6);
  visibility: hidden;
  opacity: 0;
  transition: 0.45s ease-in-out;
}
.body-overlay.apply {
  opacity: 1;
  visibility: visible;
}

.tp-instagram img {
  width: 100%;
}

.mobile-menu.mean-container {
  margin-bottom: 50px;
}

.offcan-social-title {
  color: var(--tp-common-white);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
  display: inline-block;
}

.tpoffcanvas-social {
  height: 100%;
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-header__bottom {
    padding: 35px 50px;
  }
}
@media (max-width: 767px) {
  .tp-header__bottom {
    padding: 25px 30px;
  }
}

.tp-menu-bar {
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-menu-bar {
    display: block;
  }
}

.text-black a {
  color: var(--tp-heading-primary) !important;
  font-size: 27px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .text-black a {
    color: #fff !important;
  }
}

.tp-menu-bar {
  font-size: 20px;
  color: #283734;
  font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-menu-bar {
    margin-left: 15px;
  }
}

.sidebar-widget__link ul {
  list-style: none;
  background: var(--tp-grey-1);
  padding: 50px;
}
@media (max-width: 767px) {
  .sidebar-widget__link ul {
    padding: 20px;
  }
}
.sidebar-widget__link ul li {
  padding-bottom: 20px;
  color: var(--tp-heading-primary);
  font-size: 18px;
  font-weight: 700;
}
.sidebar-widget__link ul li span {
  color: var(--tp-text-body);
  font-size: 18px;
  width: 138px;
  display: inline-block;
}
@media (max-width: 767px) {
  .sidebar-widget__link ul li span {
    width: 118px;
  }
}
.sidebar-widget__social h4 {
  font-size: 24px;
  color: var(--tp-heading-primary);
  font-weight: 400;
}
.sidebar-widget__social .icon ul li {
  list-style: none;
  display: inline-block;
}
.sidebar-widget__social .icon ul li a {
  height: 40px;
  width: 40px;
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  transition: 0.4s;
  text-align: center;
  display: inline-block;
  border-radius: 30px;
  margin-right: 15px;
  line-height: 43px;
}
.sidebar-widget__social .icon ul li a:hover {
  background: var(--tp-theme-2);
  color: var(--tp-heading-primary);
}

.sidebar__search {
  background: var(--tp-grey-1);
}
.sidebar__search button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0 24px;
  color: var(--tp-common-white);
  background: var(--tp-heading-primary);
}
.sidebar__search input {
  width: 100%;
  height: 60px;
  background: var(--tp-common-white);
  padding: 0 25px;
  text-transform: capitalize;
  border: 2px solid var(--tp-grey-1);
  outline: none;
  padding-top: 3px;
  padding-right: 80px;
  color: var(--tp-theme-3);
}
.sidebar__menu a {
  background: #fbd45b;
  padding: 0px 20px;
  height: 60px;
  line-height: 60px;
  color: var(--tp-theme-3);
}
.sidebar__menu a:hover {
  color: #fff;
  background: var(--tp-theme-3);
}
.sidebar__search-input-2 {
  position: relative;
  border: 1px solid #eaebeb;
}
.sidebar__post-list li:hover {
  background-color: var(--tp-common-white);
}
.sidebar__widget-1 {
  background: var(--tp-grey-1);
  padding: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar__widget-1 {
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .sidebar__widget-1 {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .sidebar__widget-1 {
    padding: 50px 12px;
  }
}
.sidebar__widget-2 {
  background: var(--tp-grey-1);
  padding: 45px 30px 20px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar__widget-2 {
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .sidebar__widget-2 {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .sidebar__widget-2 {
    padding: 50px 12px;
  }
}
.sidebar__widget-2 .sidebar__widget-title {
  margin-left: 22px;
  padding-bottom: 0px;
}
.sidebar__widget-3 {
  background: var(--tp-grey-1);
  padding: 45px 50px 31px 50px;
}
.sidebar__widget-4 {
  background: var(--tp-grey-1);
  padding: 45px 50px 35px 50px;
}
.sidebar__widget-title {
  font-size: 22px;
  color: var(--tp-heading-primary);
}
.sidebar__widget-content .tagcloud a {
  background: var(--tp-common-white);
  color: var(--tp-text-body);
  display: inline-block;
  font-size: 13px !important;
  font-weight: 600;
  line-height: 1;
  padding: 13px 14px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
  border: 1px solid #eaebeb;
}
.sidebar__widget-content .tagcloud a:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border: 1px solid #00715d;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar__widget-content .tagcloud a {
    padding: 11px 11px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sidebar__widget-content .tagcloud a {
    margin-bottom: 13px;
  }
}
@media (max-width: 767px) {
  .sidebar__widget-content .tagcloud a {
    padding: 10px 8px;
  }
}
.sidebar__widget-content ul {
  list-style: none;
}
.sidebar__widget-content ul li {
  margin-bottom: 9px;
}
.sidebar__widget-content ul li:last-child {
  margin-bottom: 0;
}
.sidebar__widget-content ul li a {
  color: var(--tp-text-body);
  font-size: 16px;
}
.sidebar__widget-content ul li a i {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  float: right;
}
.sidebar__widget-content ul li a:hover {
  color: var(--tp-theme-1);
  transition: 0.3s;
}
.sidebar__widget-content ul li a:hover i {
  opacity: 1;
  visibility: visible;
  float: right;
}

.services__widget ul {
  list-style: none;
}
.services__widget ul li {
  margin-bottom: 9px;
}
.services__widget ul li:last-child {
  margin-bottom: 0;
}
.services__widget ul li a {
  color: var(--tp-text-body);
  font-size: 16px;
}
.services__widget ul li a i {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  float: right;
}
.services__widget ul li a:hover {
  color: var(--tp-theme-1);
  transition: 0.3s;
}
.services__widget ul li a:hover i {
  opacity: 1;
  visibility: visible;
  float: right;
}

.basic-pagination ul li:not(:last-child) {
  margin-right: 10px;
}

.basic-pagination ul li {
  display: inline-block;
}

.basic-pagination ul li a,
.basic-pagination ul li span {
  display: inline-block;
  width: 38px;
  height: 38px;
  font-weight: 600;
  background: var(--tp-grey-1);
  border-radius: 30px;
  color: var(--tp-heading-primary);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  transition: all 0.3s ease-out 0s;
  line-height: 38px;
}

.basic-pagination ul li a:hover,
.basic-pagination ul li a.current,
.basic-pagination ul li span:hover,
.basic-pagination ul li span.current {
  background: var(--tp-heading-primary);
  border-color: var(--tp-heading-primary);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  6.1 Footer Style 1
/*----------------------------------------*/
/* footer col design for home 1 */
.footer-col-1 {
  padding-right: 35px;
}
.footer-col-2 {
  margin-left: -30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .footer-col-2 {
    margin-left: 0;
  }
}
.footer-col-3 {
  padding-right: 10px;
}
.footer-col-4 {
  padding-left: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .footer-col-4 {
    padding-left: 0;
  }
}

.footer__widget-title {
  font-size: 20px;
  color: var(--tp-common-white);
  font-weight: 400;
  margin-bottom: 25px;
  position: relative;
}
.footer__widget-title::after {
  top: -5px;
  width: 32px;
  height: 2px;
  content: "";
  background: var(--tp-theme-2);
  display: inline-block;
  right: -11px;
  position: relative;
}
.footer__copyright p {
  color: #98a8a5;
  font-size: 16px;
  margin-bottom: 0;
}
.footer__subscribe-input i {
  position: absolute;
  bottom: 98px;
  right: 0;
  color: var(--tp-theme-2);
}
.footer__area {
  background-repeat: no-repeat;
  background-size: cover;
}
.footer__widget {
  z-index: 9;
  position: relative;
}
.footer__widget-info p {
  color: #98a8a5;
  margin-bottom: 25px;
}
.footer-overlay {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: #0c2621;
  width: 100%;
  height: 100%;
  opacity: 0.965;
  z-index: 1;
}
.footer__top {
  position: relative;
}
@media (max-width: 767px) {
  .footer__top {
    padding-bottom: 48px;
    padding-top: 80px;
  }
}
.footer__logo {
  margin-bottom: 17px;
  margin-top: -15px;
}
.footer__social ul li {
  display: inline-block;
  margin-right: 10px;
}
.footer__social ul li a {
  width: 40px;
  height: 40px;
  background: var(--tp-heading-primary);
  display: inline-block;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  color: var(--tp-common-white);
  transition: 0.3s;
  font-size: 18px;
}
.footer__social ul li a i {
  font-size: 14px;
}
.footer__social ul li a:hover {
  background: var(--tp-theme-2);
  color: var(--tp-heading-primary);
}
.footer__contact-info ul li {
  position: relative;
  list-style-type: none;
  padding-left: 25px;
  margin-bottom: 18px;
  font-size: 16px;
  color: #98a8a5;
  list-style: none;
  margin-bottom: 14px;
}
.footer__contact-info ul li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.footer__contact-info ul li span {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--tp-theme-2);
}
.footer__contact-info ul li:hover a {
  color: var(--tp-common-white);
}
.footer__subscribe p {
  font-size: 16px;
  color: #98a8a5;
  margin-bottom: 20px;
  line-height: 1;
}

.form-check-input {
  background-color: rgba(55, 50, 50, 0);
  border: 1px solid rgb(255, 255, 255);
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
  margin-top: 20px;
}

.tp-footer-widget__check-box .form-check-input {
  margin-top: 6px;
}

.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
  margin-top: 8px;
}

.form-check-input:checked {
  background-color: rgba(152, 168, 165, 0);
  border-color: #98a8a5;
}

.form-check-label {
  font-size: 14px;
  color: #98a8a5;
}

.fw-insta ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -7.5px -15px -7.5px;
}
.fw-insta ul li {
  padding: 0 7.5px 15px 7.5px;
  width: 33.333%;
  flex: 0 0 33.333%;
  list-style: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .fw-insta ul li {
    padding: 0 7.5px 22px 7.5px;
    flex: 0 0 17.333%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fw-insta ul li {
    flex: 0 0 17.333%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .fw-insta ul li {
    flex: 0 0 25.333%;
  }
}
@media (max-width: 767px) {
  .fw-insta ul li {
    flex: 0 0 20%;
  }
}
.fw-insta ul li a {
  position: relative;
  display: inline-block;
}
.fw-insta ul li a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(247, 207, 90, 0.9);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.fw-insta ul li a i {
  position: absolute;
  top: 45%;
  left: 38%;
  transform: translate(-50%, -50%);
  transform: rotate(-30deg);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  line-height: 45%;
}
.fw-insta ul li:hover a::before {
  opacity: 1;
  visibility: visible;
}
.fw-insta ul li:hover a i {
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------*/
/*  8.7 slider css
/*----------------------------------------*/
.tp-slider__area {
  overflow: hidden;
}
.tp-slider__bg {
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-slider__shap {
    display: none;
  }
}
.tp-slider__shap-right {
  position: absolute;
  top: -103px;
  right: -37px;
}
.tp-slider__height {
  height: 820px;
}
@media (max-width: 767px) {
  .tp-slider__height {
    height: 582px;
  }
}
.tp-slider__bg {
  background-repeat: no-repeat;
  background-size: cover;
}
.tp-slider__bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #091e1a;
  background-blend-mode: luminosity;
  z-index: -1;
  transform: scale(1);
  -webkit-transition: all 10s linear 0s;
  -moz-transition: all 10s linear 0s;
  -o-transition: all 10s linear 0s;
  transition: all 10s linear 0s;
}
.tp-slider__bg::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(9, 30, 26, 0.5);
  z-index: 99;
  mix-blend-mode: luminosity;
}
.tp-slider__shap img {
  position: absolute;
  top: -110px;
}
.tp-slider__angle-shape {
  height: 391px;
  width: 280px;
  background: linear-gradient(to bottom, var(--tp-theme-1), #fbd403);
  opacity: 0.7;
  position: absolute;
  bottom: 0;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  left: -100%;
  transition: all 0.6s ease-in-out;
}
.tp-slider__content {
  position: relative;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider__content {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider__content {
    margin-left: 122px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider__content {
    margin-left: 122px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider__content {
    margin-left: 122px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider__content {
    margin-left: 60px;
  }
}
@media (max-width: 767px) {
  .tp-slider__content {
    margin-left: 0px;
  }
}
.tp-slider__content span {
  font-size: 20px;
  color: var(--tp-theme-2);
  padding-left: 26px;
  display: inline-block;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .tp-slider__content span {
    font-size: 17px;
  }
}
.tp-slider__content span::after {
  position: absolute;
  width: 2px;
  height: 24px;
  content: "";
  background: var(--tp-common-white);
  left: 0px;
  top: 3px;
}
.tp-slider__social-horizonter {
  position: absolute;
  top: 45%;
  left: -79px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider__social-horizonter {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-slider__social-horizonter {
    display: none;
  }
}
.tp-slider__social-horizonter ul {
  display: inline-block;
  transform: rotate(270deg);
  position: relative;
  z-index: 9;
}
.tp-slider__social-horizonter ul li {
  display: inline-block;
  display: inline-block;
  z-index: 999999;
  position: relative;
  margin-right: 30px;
}
.tp-slider__social-horizonter ul li a {
  color: var(--tp-common-white);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tp-slider__social-horizonter ul li a:hover {
  color: #fbd663;
}
.tp-slider__nav button {
  position: absolute;
  top: 40%;
  right: 13%;
  height: 66px;
  width: 66px;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 500;
  background: #f9f4e8;
  z-index: 1;
  line-height: 66px;
}
.tp-slider__nav button i {
  font-size: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider__nav button {
    top: 86%;
  }
}
@media (max-width: 767px) {
  .tp-slider__nav button {
    display: none;
  }
}
.tp-slider__nav button.hero-button-prev {
  top: 50%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider__nav button.hero-button-prev {
    top: 86%;
    right: 24%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider__nav button.hero-button-prev {
    top: 86%;
    right: 27%;
  }
}
@media (max-width: 767px) {
  .tp-slider__nav button.hero-button-prev {
    display: none;
  }
}
.tp-slider__nav button:hover {
  background: #fbd45b;
}

.swiper-slide-active .tp-slider__angle-shape {
  left: 0;
}

.swiper-slide.swiper-slide-active .tp-slider__bg {
  visibility: visible;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.tp-slider-2__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(1);
  -webkit-transition: all 10s linear 0s;
  -moz-transition: all 10s linear 0s;
  -o-transition: all 10s linear 0s;
  transition: all 10s linear 0s;
}
.tp-slider-2__shap {
  z-index: 1;
  bottom: -301px;
  position: absolute;
  left: 0px;
}
.tp-slider-2__bg {
  background-repeat: no-repeat;
  background-size: cover;
}
.tp-slider-2__shap-2 {
  position: absolute;
  right: 0;
  bottom: -157px;
}
.tp-slider-2__shap-top::before {
  content: "";
  border-radius: 0 0 130px 130px;
  transform: rotate(-30deg);
  background-color: rgb(251, 212, 91);
  position: absolute;
  left: 181px;
  top: -169px;
  width: 279px;
  height: 514px;
  z-index: 1;
}
.tp-slider-2__height {
  height: 820px;
}
@media (max-width: 767px) {
  .tp-slider-2__height {
    height: 524px;
  }
}
.tp-slider-2__content {
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-2__content {
    margin-left: 122px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-2__content {
    margin-left: 122px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-2__content {
    margin-left: 122px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-2__content {
    margin-left: 60px;
  }
}
@media (max-width: 767px) {
  .tp-slider-2__content {
    margin-left: 0px;
  }
}
.tp-slider-2__content.tp-slider-title-2 {
  line-height: 1;
}
.tp-slider-2__content span {
  font-size: 20px;
  color: var(--tp-theme-2);
  margin-left: 15px;
}
@media (max-width: 767px) {
  .tp-slider-2__content span {
    font-size: 17px;
  }
}
.tp-slider-2__content span::after {
  position: absolute;
  width: 2px;
  height: 24px;
  content: "";
  background: var(--tp-common-white);
  left: 0;
}
.tp-slider-2__nav {
  position: absolute;
  top: 45%;
  left: 105px;
  z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-slider-2__nav {
    bottom: 12px;
    top: auto;
    right: 158px;
    left: auto;
  }
}
@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: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-slider-2__nav {
    bottom: -10px;
    top: auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-2__nav {
    bottom: 50px;
    top: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-2__nav {
    bottom: -20px;
    top: auto;
  }
}
@media (max-width: 767px) {
  .tp-slider-2__nav {
    display: none;
  }
}
.tp-slider-2__nav .hero-button-next-2 {
  width: 60px;
  height: 60px;
  border: 1px solid #d2d3d0;
  text-align: center;
  line-height: 58px;
  border-radius: 50%;
  color: #d2d3d0;
  position: relative;
  z-index: 99999;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
@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), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-slider-2__nav .hero-button-next-2 {
    right: 91px;
    top: 81px;
  }
}
.tp-slider-2__nav .hero-button-next-2:hover {
  border-color: #fbd45b;
  color: var(--tp-heading-primary);
  background: #fbd45b;
}
.tp-slider-2__nav .hero-button-prev-2 {
  width: 60px;
  height: 60px;
  border: 1px solid #d2d3d0;
  text-align: center;
  line-height: 58px;
  border-radius: 50%;
  color: #d2d3d0;
  margin-top: 20px;
  position: relative;
  z-index: 999;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tp-slider-2__nav .hero-button-prev-2 i {
  font-size: 14px;
}
.tp-slider-2__nav .hero-button-prev-2:hover {
  border-color: #fbd45b;
  color: var(--tp-heading-primary);
  background: #fbd45b;
}

.swiper-slide.swiper-slide-active .tp-slider-2__bg {
  visibility: visible;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.tp-slider-3__content p {
  color: var(--tp-common-white);
  font-size: 20px;
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .tp-slider-3__content p {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tp-slider-3__nav {
    position: absolute;
    bottom: 50px;
    z-index: 9;
    left: 0;
    right: 0;
    text-align: center;
  }
}
.tp-slider-3__shap-left {
  position: absolute;
  content: "";
  height: 502px;
  width: 142px;
  background: #fbd45b;
  bottom: -99px;
  left: -21px;
  transform: rotate(-38deg);
  left: -100%;
  transition: all 0.6s ease-in-out;
}
@media (max-width: 767px) {
  .tp-slider-3__shap-left {
    display: none;
  }
}
.tp-slider-3__height {
  height: 820px;
}
@media (max-width: 767px) {
  .tp-slider-3__height {
    height: 582px;
  }
}
.tp-slider-3__shap {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.tp-slider-3__bg-3 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  transform: scale(1);
  -webkit-transition: all 10s linear 0s;
  -moz-transition: all 10s linear 0s;
  -o-transition: all 10s linear 0s;
  transition: all 10s linear 0s;
}

.slider-arrow-style button {
  position: absolute;
  top: 50%;
  background: rgba(255, 255, 255, 0);
  height: 60px;
  width: 60px;
  border: 2px solid #94a19e;
  border-radius: 50%;
  color: #94a19e;
  left: 60px;
  z-index: 9;
  transform: translateY(-50%);
  transition: 0.4s;
  font-size: 20px;
}
@media (max-width: 767px) {
  .slider-arrow-style button {
    background: rgba(255, 255, 255, 0);
    height: 60px;
    width: 60px;
    transition: 0.4s;
    font-size: 20px;
    position: static;
    margin: 0 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .slider-arrow-style button {
    top: 83%;
  }
}

.slider-arrow-style button.tpslick-prev {
  left: auto;
  right: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .slider-arrow-style button.tpslick-prev {
    left: 139px;
  }
}

.slider-arrow-style button:hover {
  background-color: #fbd45b;
  color: var(--tp-common-white);
  border-color: #fbd45b;
}

.swiper-slide.swiper-slide-active .tp-slider-3__bg {
  visibility: visible;
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}

.tp-slider-title {
  font-size: 100px;
  color: var(--tp-common-white);
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-title {
    font-size: 89px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-title {
    font-size: 61px;
  }
}
@media only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-slider-title {
    font-size: 75px;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .tp-slider-title {
    font-size: 40px;
    margin-bottom: 20px;
  }
}

.swiper-slide-active .tp-slider-sub-title, .swiper-slide-active .tp-slider-title, .swiper-slide-active .tp-slide-btn-box, .swiper-slide-active .tp-slider-pragrap, .swiper-slide-active .shap-2, .swiper-slide-active .shap-1 {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.swiper-slide-active .tp-slider-sub-title {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}

.swiper-slide-active .tp-slider-title {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.swiper-slide-active .tp-slider-pragrap {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}

.swiper-slide-active .tp-slide-btn-box {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.swiper-slide-active .shap-1 {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.9s;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}

.swiper-slide-active .shap-2 {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.swiper-slide-active .tp-slider-2__shap-top {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.swiper-slide-active .tp-slider-2__shap-top {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

.swiper-button-next {
  color: red;
  font-size: 30px;
}

.swiper-button-prev.swiper-button-disabled {
  font-size: 30px;
  color: red;
}

.tp-slider-3__overlay {
  position: relative;
  background-color: #13302b;
  background-blend-mode: luminosity;
}
.tp-slider-3__overlay::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #091e1a;
  mix-blend-mode: luminosity;
  opacity: 0.75;
}

.float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.swiper-slide-active .tp-slider-3__shap-left {
  left: 0;
}

/*----------------------------------------*/
/*  7.1 About css
/*----------------------------------------*/
.tp-about__sec-img {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about__wrap {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about__wrap {
    margin-top: 70px;
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  .tp-about__wrap {
    margin-left: 0;
  }
}
.tp-about__wapper {
  margin-left: -30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about__wapper {
    margin-left: 0;
    text-align: center;
  }
}
.tp-about__save-money span {
  font-size: 50px;
  color: var(--tp-theme-1);
  float: left;
  margin-right: 15px;
}
.tp-about__save-money-content {
  overflow: hidden;
}
.tp-about__save-money-content h4 {
  font-size: 20px;
  color: var(--tp-heading-primary);
  font-weight: 400;
}
.tp-about__trusted-by-icon span {
  font-size: 40px;
  color: var(--tp-heading-primary);
  height: 70px;
  width: 70px;
  background: var(--tp-theme-2);
  display: inline-block;
  text-align: center;
  line-height: 80px;
  border-radius: 50%;
  margin-bottom: 15px;
  transition: 0.4s;
}
.tp-about__trusted-by-icon span:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-about__trusted-by {
  background: var(--tp-grey-1);
  padding: 20px 10px 20px 10px;
  border-bottom: 4px solid var(--tp-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px), only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-about__trusted-by {
    display: none;
  }
}
.tp-about__trusted-by b {
  font-size: 16px;
  color: var(--tp-heading-primary);
  font-weight: 700;
  line-height: 30px;
}
.tp-about__author {
  display: flex;
  flex-wrap: wrap;
}
.tp-about__author-thumb {
  float: left;
  margin-right: 10px;
  margin-right: 20px;
}
.tp-about__author-content {
  float: right;
  margin-top: 6px;
}
.tp-about__author-content span {
  font-size: 16px;
  color: var(--tp-text-body);
}
.tp-about__author-title {
  font-size: 20px;
  color: var(--tp-heading-primary);
  margin-bottom: 0px;
}
.tp-about__main-img {
  position: relative;
}
.tp-about__main-img::after {
  content: "";
  position: absolute;
  background-image: -moz-linear-gradient(90deg, rgb(0, 113, 93) 0%, rgb(126, 163, 92) 34%, rgb(251, 212, 90) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(0, 113, 93) 0%, rgb(126, 163, 92) 34%, rgb(251, 212, 90) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(0, 113, 93) 0%, rgb(126, 163, 92) 34%, rgb(251, 212, 90) 100%);
  width: 30px;
  height: 115px;
  right: 30px;
  top: 46px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about__main-img::after {
    right: 0;
  }
}
@media (max-width: 767px) {
  .tp-about__main-img::after {
    display: none;
  }
}

.tp-about-counter {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.04);
  display: inline-block;
  padding: 15px 21px 15px 21px;
  z-index: 9;
  position: absolute;
  bottom: -50px;
  left: 102px;
  right: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-counter {
    left: 100px;
    right: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-counter {
    left: 230px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-counter {
    left: 150px;
    right: 150px;
  }
}
@media (max-width: 767px) {
  .tp-about-counter {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter__content p {
    font-size: 14px;
  }
}

.tp-about-counter-icon span {
  font-size: 44px;
  color: var(--tp-heading-primary);
  background: #f9f4e8;
  height: 70px;
  width: 70px;
  display: inline-block;
  text-align: center;
  line-height: 84px;
  border-radius: 50%;
}

.tp-about-counter-icon {
  float: left;
  margin-right: 26px;
}

.tp-about-counter-text {
  float: right;
}

.tp-about-counter-text h3 {
  font-size: 48px;
  color: var(--tp-theme-1);
}

.tp-about-counter-text span {
  font-size: 16px;
  color: var(--tp-text-body);
}

.counter__title {
  font-size: 48px;
  color: var(--tp-theme-1);
  line-height: 1;
  margin: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-about-wrap {
    margin-left: 0;
  }
}

.tp-about-2__icon_s {
  font-size: 60px;
  color: var(--tp-theme-1);
  margin-right: 21px;
  background: #fdfcfb;
  padding: 10px;
}
.tp-about-2__content .tite {
  font-size: 22px;
  color: var(--tp-heading-primary);
}
.tp-about-2__content .title_20 {
  font-size: 16px;
  color: var(--tp-text-body);
  padding-right: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-2__content .title_20 {
    padding-right: 0px;
  }
}
.tp-about-2__wapper .experience {
  display: flex;
  text-align: left;
  background: var(--tp-theme-1);
  padding: 20px 40px;
  position: absolute;
  top: 15%;
  left: 0;
  width: 250px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-2__wapper .experience {
    left: 267px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-2__wapper .experience {
    padding: 8px 28px;
    width: 198px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-2__wapper .experience {
    left: 55px;
  }
}
@media (max-width: 767px) {
  .tp-about-2__wapper .experience {
    display: none;
  }
}
@media only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-about-2__wapper .experience {
    padding: 3px 7px;
  }
}
.tp-about-2__wapper .experience span {
  color: var(--tp-common-white);
  margin-right: 15px;
  font-size: 48px;
  font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-2__wapper .experience span {
    margin-right: 13px;
    font-size: 38px;
  }
}
.tp-about-2__wapper .experience p {
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-common-white);
  line-height: 25px;
}
.tp-about-2__wapper .experience::after {
  position: absolute;
  bottom: -28px;
  content: "";
  clip-path: polygon(100% 11%, 0 11%, 100% 64%);
  right: 95px;
  z-index: 1;
  background: #e2ece7;
  height: 30px;
  width: 154px;
  transform: rotate(-1deg);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-about-2__wapper .experience::after {
    right: 96px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-2__wapper .experience::after {
    right: 30px;
    z-index: -1;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-2__wapper .experience::after {
    right: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px), only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-about-2__wapper .experience::after {
    display: none;
  }
}
@media only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-about-2__wapper .experience::after {
    right: 88px;
    height: 30px;
    width: 104px;
  }
}
.tp-about-2__ab-third-img {
  margin-top: -54px;
  position: relative;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-2__ab-third-img {
    margin-top: -66px;
  }
}
@media (max-width: 767px) {
  .tp-about-2__ab-third-img {
    z-index: 9;
  }
}

.tp-about-bg {
  position: absolute;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-bg {
    left: -231px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px), only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-about-wrap {
    margin-left: 0px;
    padding-left: 0;
  }
}

.tp-about-pre {
  font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-pre {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .team-padding {
    padding-top: 0;
    padding-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .tp-about-area-2 {
    padding-bottom: 89px;
  }
}

@media (max-width: 767px) {
  .tp-about-3__area {
    padding-bottom: 60px;
    padding-top: 50px;
  }
}
.tp-about-3__area .wrapper-box {
  padding-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-3__area .wrapper-box {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-3__area .wrapper-box {
    padding-top: 92px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-3__area .wrapper-box {
    padding-top: 92px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .tp-about-3__area .wrapper-box {
    padding-left: 0;
    margin-top: 82px;
  }
}
.tp-about-3__wrap .help-list ul li {
  width: 100%;
}
@media (max-width: 767px) {
  .tp-about-3__wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}
.tp-about-3__wrapper {
  margin-left: -60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-3__wrapper {
    margin-left: 104px;
    margin-right: 100px;
  }
}
@media (max-width: 767px) {
  .tp-about-3__wrapper {
    margin-left: 0px;
  }
}
.tp-about-3__trusted-by-icon {
  position: absolute;
  top: -43px;
  left: 0;
  right: 0;
}
.tp-about-3__trusted-by-icon span {
  font-size: 40px;
  color: var(--tp-common-white);
  height: 70px;
  width: 70px;
  background: var(--tp-theme-1);
  display: inline-block;
  text-align: center;
  line-height: 80px;
  border-radius: 50%;
  transition: 0.4s;
}
.tp-about-3__trusted-by-icon span:hover {
  background: var(--tp-theme-2);
  color: var(--tp-common-white);
}
.tp-about-3__trusted-content {
  background: var(--tp-grey-1);
  padding: 30px 30px 25px 30px;
  border-bottom: 4px solid #283734;
  position: relative;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px), only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-about-3__trusted-by {
    display: none;
  }
}
.tp-about-3__trusted-by b {
  font-size: 16px;
  color: var(--tp-heading-primary);
  font-weight: bold;
  line-height: 30px;
}
.tp-about-3__box .ms-img {
  position: absolute;
  right: -18px;
  top: -60px;
  border: 20px solid var(--tp-common-white);
}
@media (max-width: 767px) {
  .tp-about-3__box .ms-img {
    right: -6px;
    top: -33px;
    border: 5px solid var(--tp-common-white);
    width: 50%;
  }
}
.tp-about-3__box .md-img {
  position: absolute;
  bottom: -45px;
  right: 0;
}
.tp-about-3__counter {
  background: var(--tp-theme-1);
  padding: 15px 40px;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
  min-width: 238px;
  padding-bottom: 8px;
  margin-bottom: -45px;
}
.tp-about-3__counter p {
  float: right;
  font-size: 16px;
  color: var(--tp-common-white);
}
.tp-about-3__counter .shap {
  position: absolute;
  top: -23px;
  right: -27px;
}
.tp-about-3__title {
  font-size: 48px;
  color: var(--tp-theme-2);
  float: left;
  margin-right: 15px;
  margin-bottom: 5px;
}

.tp-about-man {
  position: absolute;
  z-index: -1;
  right: -145px;
  bottom: 173px;
  animation: moving 9s linear infinite;
}

.tp-about-man-img {
  position: absolute;
  z-index: -1;
  bottom: 40px;
  left: 0;
  animation: moving 9s linear infinite;
}

.tp-about-4__btn-box {
  float: left;
  margin-right: 30px;
}
.tp-about-4__call-icon {
  height: 49px;
  width: 49px;
  text-align: center;
  line-height: 51px;
  font-size: 20px;
  border: 1px solid #ebecec;
  border-radius: 30px;
}
.tp-about-4__call {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .tp-about-4__call {
    float: left;
  }
}
.tp-about-4__call-icon {
  height: 48px;
  width: 48px;
  background: var(--tp-grey-1);
  text-align: center;
  line-height: 51px;
  font-size: 20px;
}
.tp-about-4__content span {
  color: #00715d;
  font-size: 12px;
  line-height: 0;
}
.tp-about-4__content a {
  font-size: 16px;
  color: #283734;
  font-weight: 700;
}

@media (max-width: 767px) {
  .tp-about-area {
    padding-bottom: 40px;
    padding-top: 70px;
  }
}

/*----------------------------------------*/
/*  7.9 feature css
/*----------------------------------------*/
.tpfeature {
  background: var(--tp-heading-primary);
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tpfeature-area {
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .tpfeature-area {
    padding-bottom: 41px;
    padding-top: 70px;
  }
}
.tpfeature::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background: var(--tp-theme-1);
  transition: all 500ms ease;
  transform: translate3d(0px, 100%, 0px);
  z-index: 1;
}
.tpfeature__btn i {
  color: var(--tp-theme-2);
  margin-left: 10px;
  font-size: 15px;
  margin-right: 2px;
}
.tpfeature__content {
  padding: 38px 30px 50px 30px;
  z-index: 1;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpfeature__content {
    padding: 39px 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpfeature__content {
    padding: 40px 19px;
  }
}
.tpfeature__content p {
  color: #ced0d0;
  margin-bottom: 20px;
  z-index: 9999;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpfeature__content p {
    font-size: 12px;
  }
}
.tpfeature__content::after, .tpfeature__content::before {
  content: "";
  position: absolute;
  height: 300px;
  width: 300px;
  background: linear-gradient(0deg, #efe018 0%, var(--tp-theme-1) 100%);
  bottom: -157px;
  right: -141px;
  border-radius: 50%;
  transition: all 500ms ease;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpfeature__content::after, .tpfeature__content::before {
    height: 266px;
    width: 260px;
  }
}
@media (max-width: 767px) {
  .tpfeature__content::after, .tpfeature__content::before {
    height: 280px;
    width: 280px;
  }
}
.tpfeature__content::before {
  bottom: -100%;
  right: -100%;
  background: rgb(251, 212, 90);
  background: linear-gradient(90deg, rgb(251, 212, 90) 0%, rgb(0, 113, 93) 100%);
  z-index: 1;
}
.tpfeature__title {
  font-size: 22px;
  color: var(--tp-theme-2);
  font-weight: 600;
  margin-bottom: 16px;
  display: inline-block;
  letter-spacing: 1px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpfeature__title {
    font-size: 19px;
    padding-bottom: 10px;
  }
}
.tpfeature__icon {
  position: absolute;
  bottom: 21px;
  right: 25px;
  z-index: 2;
}
.tpfeature__icon:hover {
  color: var(--tp-theme-2);
}
.tpfeature__icon i {
  font-size: 60px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpfeature__icon i {
    font-size: 40px;
  }
}
.tpfeature__man-img {
  position: absolute;
  right: 0;
  bottom: 0;
  animation: moving 9s linear infinite;
}
.tpfeature:hover .tpfeature__content::before {
  bottom: -157px;
  right: -141px;
}
.tpfeature:hover .tpfeature__title {
  color: #fff;
}
.tpfeature:hover.tpfeature::before {
  transform: translate3d(0px, 0, 0px);
}
.tpfeature:hover span {
  color: var(--tp-common-white);
}
.tpfeature:hover a i {
  color: var(--tp-common-white);
  animation: tfLeftToRight 0.5s forwards;
}

.tp-feature-2__icon span {
  color: #fbd663;
  font-size: 47px;
}
.tp-feature-2__icon:hover {
  margin-top: -10px;
}
.tp-feature-2__shap {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 140px;
  height: 154px;
  background: #fbd663;
  clip-path: polygon(84% 0, 100% 16%, 100% 0);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform: translateY(-40px);
  z-index: 2;
}
.tp-feature-2__item {
  overflow: hidden;
}
.tp-feature-2__item:hover .tp-feature-2__content-wrapper {
  bottom: 0;
}
.tp-feature-2__item:hover .tp-feature-2__shap {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.tp-feature-2__item:hover .tp-feature-2__thumb::before {
  visibility: visible;
  opacity: 1;
}
.tp-feature-2__thumb::before {
  background: rgba(12, 38, 33, 0.9);
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.4;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tp-feature-2__content-wrapper {
  position: absolute;
  left: 0;
  bottom: -51%;
  padding: 17px 30px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-feature-2__content-wrapper {
    bottom: -56%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-feature-2__content-wrapper {
    bottom: -53%;
  }
}
@media (max-width: 767px) {
  .tp-feature-2__content-wrapper {
    bottom: -68%;
  }
}
@media only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-feature-2__content-wrapper {
    bottom: -23%;
  }
}
.tp-feature-2__content p {
  color: var(--tp-common-white);
  opacity: 0.7;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-feature-2__content p {
    font-size: 14px;
  }
}
.tp-feature-2__link a {
  font-size: 14px;
  color: #fbd663;
  font-weight: bold;
}
.tp-feature-2__link i {
  color: var(--tp-common-white);
  margin-left: 10px;
}

.tp-feature-title-2 {
  color: var(--tp-common-white);
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-feature-title-2 {
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-feature-title-2 {
    margin-bottom: 20px;
  }
}

.tp-features-3__item:hover .tp-features-3__icon {
  color: var(--tp-heading-primary);
}
.tp-features-3__item:hover .tp-features-3__bg-number h2 {
  -webkit-text-stroke: 1px var(--tp-common-white);
}
.tp-features-3__area {
  background-repeat: no-repeat;
  background-size: cover;
}
.tp-features-3__info {
  background: var(--tp-heading-primary);
  padding: 37px 35px;
}
.tp-features-3__title {
  font-size: 22px;
  color: var(--tp-common-white);
  margin-bottom: 12px;
  font-weight: 400;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tp-features-3__content {
  position: relative;
  z-index: 9999;
}
.tp-features-3__content p {
  color: #98a8a5;
}
.tp-features-3__icon {
  color: var(--tp-common-white);
  font-size: 70px;
  z-index: 9;
  position: relative;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tp-features-3__bg-number h2 {
  position: absolute;
  top: 26px;
  right: 25px;
  font-size: 110px;
  font-weight: 500;
  color: transparent;
  -webkit-text-stroke: 1px #fbd45b;
  opacity: 0.5;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  z-index: 9;
}
.tp-features-3__img {
  position: absolute;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  opacity: 0;
  visibility: hidden;
  height: 100%;
  width: 100%;
}
.tp-features-3__img img {
  height: 100%;
}
.tp-features-3__item {
  overflow: hidden;
}
.tp-features-3__item::before {
  position: absolute;
  content: "";
  background: var(--tp-theme-1);
  width: 140px;
  height: 220px;
  top: -70px;
  left: -31px;
  transform: rotate(-45deg);
  z-index: 2;
  transition: all 500ms ease;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-features-3__item::before {
    left: -65px;
    top: -96px;
    width: 168px;
    height: 252px;
  }
}
.tp-features-3__item::after {
  position: absolute;
  content: "";
  background: #fbd45b;
  width: 140px;
  height: 220px;
  top: -100%;
  left: -100%;
  transform: rotate(-45deg);
  z-index: 3;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-features-3__item::after {
    width: 168px;
    height: 252px;
  }
}
.tp-features-3__item:hover .tp-features-3__img {
  opacity: 0.2;
  visibility: visible;
}
.tp-features-3__item:hover h3 {
  color: #fbd45b;
}

.tp-feature-3__bg-amg {
  position: absolute;
  top: 0;
  left: 0;
  animation: moving 9s linear infinite;
}

.tp-features-3:hover .tp-features-3__item::after {
  top: -70px;
  left: -31px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-features-3:hover .tp-features-3__item::after {
    left: -65px;
    top: -96px;
  }
}

/*----------------------------------------*/
/*  8.6 service css
/*----------------------------------------*/
.tp-services-2:hover img {
  transform: scale(1.1);
}

.tp-services-2__thumb__thumb-img img {
  transition: all 0.8s ease-out 0s;
}

.tpservices:hover .tpservices__service-icon {
  opacity: 1;
  visibility: visible;
  transform: scale(1) translateY(-50%);
}

.tpservices {
  position: relative;
}
.tpservices:hover img {
  transform: scale(1.1);
}
.tpservices:hover .tpservices__thumb::before {
  visibility: visible;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
}
.tpservices:hover .tpservices__icon a::before {
  visibility: visible;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
}
.tpservices:hover .tpservices__icon a i {
  color: #283734;
}
.tpservices:hover .tpservices__number span {
  color: #283734;
  z-index: 999;
  position: relative;
}
.tpservices:hover .tpservices__number-count::before {
  opacity: 1;
  width: 30px;
  opacity: 1;
  z-index: 3;
}
.tpservices__thumb {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.tpservices__thumb img {
  width: 100%;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tpservices__thumb::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 113, 93, 0.9);
  -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease, -webkit-transform 500ms ease;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  z-index: 1;
}
.tpservices__icon {
  margin-top: -35px;
  position: relative;
  margin-bottom: 12px;
  display: inline-block;
  z-index: 3;
  overflow: hidden;
}
.tpservices__icon a {
  display: inline-block;
  font-size: 30px;
  width: 60px;
  height: 60px;
  line-height: 68px;
  text-align: center;
  background: var(--tp-theme-1);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tpservices__icon a::before {
  background: #fbd45b;
  color: var(--tp-heading-primary);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  display: block;
  transition: all 0.4s;
  -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease, -webkit-transform 500ms ease;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  z-index: 1;
}
.tpservices__icon a i {
  color: var(--tp-common-white);
  position: relative;
  z-index: 2;
  font-size: 35px;
}
.tpservices__content {
  padding: 20px;
  padding-top: 0;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);
}
.tpservices__title {
  font-size: 20px;
  color: var(--tp-heading-primary);
  margin-bottom: 15px;
}
.tpservices__title:hover {
  color: var(--tp-theme-1);
}
.tpservices__number {
  position: absolute;
  right: 58px;
  top: 3px;
}
.tpservices__service-icon {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: scale(0) translateY(-50%);
  opacity: 0;
  visibility: hidden;
  z-index: 99999999;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tpservices__service-icon a {
  height: 35px;
  width: 35px;
  background: var(--tp-theme-2);
  text-align: center;
  line-height: 37px;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  display: inline-block;
}
.tpservices__service-icon a:hover {
  background-color: #fff;
}
.tpservices__service-icon a i {
  transform: rotate(-30deg);
}
.tpservices__number-count {
  position: relative;
}
.tpservices__number-count span {
  font-size: 12px;
  color: #eff0f0;
  font-weight: 700;
  transition: 0.3s;
}
.tpservices__number-count::after {
  content: "";
  position: absolute;
  background: #eff0f0;
  width: 30px;
  height: 1px;
  left: 25px;
  bottom: 13px;
}
.tpservices__number-count::before {
  position: absolute;
  content: "";
  top: 17px;
  left: 25px;
  height: 1px;
  width: 0px;
  opacity: 0;
  background-color: #fbd45b;
  transition: 0.3s linear;
  z-index: 2;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

@media (max-width: 767px) {
  .tp-services-2 {
    padding-bottom: 49px;
    padding-top: 0px;
  }
}
.tp-services-2__link a {
  font-weight: 700;
  display: inline-block;
  color: #6f7775;
}
.tp-services-2__shap::before {
  content: "";
  position: absolute;
  height: 79px;
  width: 59px;
  background: #fcb65a;
  border-radius: 0 0 30px 30px;
  transform: rotate(-20deg);
  top: -30px;
  left: 40px;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
  transform: translateY(0px);
}
.tp-services-2__icon span a {
  font-size: 41px;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 80px;
  width: 80px;
  background: var(--tp-theme-1);
  line-height: 94px;
  text-align: center;
  color: var(--tp-common-white);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  cursor: pointer;
  overflow: hidden;
  z-index: 3;
}
.tp-services-2__icon span a::before {
  position: absolute;
  content: "";
  color: var(--tp-heading-primary);
  background: var(--tp-theme-2);
  width: 100%;
  height: 100%;
  display: inline-block;
  top: 0;
  left: 0;
  z-index: 1;
  transform: scale(0);
  transition: all 0.4s;
  -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease, -webkit-transform 500ms ease;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  z-index: 1;
}
.tp-services-2__icon span a i {
  z-index: 4;
  position: relative;
}
.tp-services-2__content {
  padding: 30px;
  padding-bottom: 20px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.06);
}
.tp-services-2__content-bottom {
  border-top: 1px solid #e9ebea;
}
.tp-services-2__content-top p {
  padding-bottom: 22px;
}
.tp-services-2__right-icon span a {
  background: #f6f8f8;
  padding: 5px;
  height: 30px;
  width: 30px;
  display: inline-block;
  line-height: 20px;
  text-align: center;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tp-services-2__thumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(40, 55, 52, 0.7);
  opacity: 0;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease, -webkit-transform 500ms ease;
  visibility: hidden;
  transform: translateY(-100%);
  overflow: hidden;
  z-index: 2;
}
.tp-services-2__thumb img {
  transition: all 0.8s ease-out 0s;
}
.tp-services-2__item {
  overflow: hidden;
}
.tp-services-2__item:hover .tp-services-2__thumb img {
  transform: scale(1.2) rotate(-2deg);
}
.tp-services-2__linka {
  color: var(--tp-text-body);
  font-size: 14px;
  text-transform: uppercase;
}
.tp-services-2__link:hover a {
  color: var(--tp-theme-1);
}
.tp-services-2__right-icon:hover span a {
  color: var(--tp-common-white);
  background: var(--tp-theme-1);
}
.tp-services-2:hover .tp-services-2__thumb::before {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
}
.tp-services-2:hover .tp-services-2__icon span a::before {
  transform: scale(1);
  visibility: visible;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
}
.tp-services-2:hover .tp-services-2__icon span a i {
  color: #283734;
}
.tp-services-2:hover .tp-services-2__shap::before {
  opacity: 1;
  visibility: visible;
  transform: translateY(20px);
  transform: rotate(-29deg);
}

@media (max-width: 767px) {
  .searvice-area {
    padding-bottom: 50px;
    padding-top: 70px;
  }
}

.tp-services-title-2 {
  font-size: 24px;
  color: var(--tp-heading-primary);
  font-weight: 400;
  margin-bottom: 8px;
}
.tp-services-title-2:hover {
  color: var(--tp-theme-1);
}

.tp-services-3__area {
  margin-right: 160px;
  margin-left: 160px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-services-3__area {
    margin-right: 100px;
    margin-left: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-services-3__area {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .tp-services-3__area {
    padding-bottom: 20px;
    padding-top: 70px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-services-3__area .tp-section-box {
    margin-bottom: 50px;
  }
}
.tp-services-3__icon {
  position: relative;
  z-index: 2;
  margin-bottom: -40px;
  margin-left: 30px;
}
.tp-services-3__icon a {
  height: 78px;
  width: 78px;
  background: #fbd45b;
  display: inline-block;
  text-align: center;
  line-height: 85px;
  font-size: 40px;
  border-radius: 50%;
  color: var(--tp-heading-primary);
}
.tp-services-3__icon a:hover {
  background: var(--tp-theme-1);
  color: #fff;
}
.tp-services-3__title:hover {
  color: var(--tp-theme-1);
}
.tp-services-3__content {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.06);
  position: relative;
  padding: 14px 24px;
  transition: 0.3s;
  z-index: 2;
  text-align: center;
  margin: 0 30px;
  margin-top: 0px;
  margin-top: -40px;
}
.tp-services-3__info span {
  color: var(--tp-theme-1);
  font-size: 16px;
  font-weight: 400;
}
.tp-services-3__title {
  font-size: 24px;
  color: var(--tp-heading-primary);
  font-weight: 400;
}
.tp-services-3__lefticon a {
  position: absolute;
  right: 0;
  top: -40px;
  background: #fbd45b;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 45px;
  color: var(--tp-heading-primary);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tp-services-3__thumb::before {
  position: absolute;
  content: "";
  background: rgba(40, 55, 52, 0.65);
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease, -webkit-transform 500ms ease;
  visibility: hidden;
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.3s;
  transition-property: all;
  z-index: 1;
}
.tp-services-3:hover .tp-services-3__thumb::before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tp-services-3:hover .tp-services-3__lefticon a {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  7.4 choose css
/*----------------------------------------*/
.popup-video {
  display: block;
}

.choose-area {
  position: relative;
}

.choose-left-bg-img {
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .choose-left-bg-img {
    left: -130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-left-bg-img {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choose-left-bg-img {
    left: -174px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .choose-left-bg-img {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .choose-text {
    overflow: hidden;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpchoose {
    margin-left: 9px;
    margin-top: 33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpchoose {
    margin-top: 90px;
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .tpchoose {
    margin-left: 0;
    margin-top: 20px;
  }
}
.tpchoose__progress-bar h3 {
  font-size: 22px;
  color: var(--tp-heading-primary);
  margin-top: 30px;
  margin-bottom: 13px;
}
.tpchoose__img {
  position: relative;
  margin-left: -130px;
  position: relative;
}
.tpchoose__img img {
  width: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpchoose__img {
    margin-left: 12px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpchoose__img {
    margin-left: -5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tpchoose__img {
    text-align: center;
    margin-left: 4px;
  }
}
@media (max-width: 767px) {
  .tpchoose__img {
    margin-left: 0px;
  }
}
.tpchoose__img a {
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  color: var(--tp-heading-primary);
  background: var(--tp-theme-2);
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 30px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  -webkit-animation: tp-ripple 1.2s linear infinite;
  animation: tp-ripple 1.2s linear infinite;
}
.tpchoose__img a:hover {
  background: #00715d;
}
.tpchoose__img a:hover i {
  color: #fff;
}
.tpchoose__img a i {
  color: var(--tp-heading-primary);
  transition: 0.4s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpchoose__img a {
    left: 52%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tpchoose__img a {
    left: 50%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .choose-left-bg-img img {
    width: 100%;
  }
}

.save-money .choose-icon {
  float: left;
  margin-right: 10px;
}
.save-money .choose-icon i {
  font-size: 60px;
  color: var(--tp-theme-1);
  margin-right: 9px;
}

.work-together__progress {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 22px;
}
.work-together__progress-single {
  position: relative;
  display: block;
}
.work-together__progress-title {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 9px;
  font-weight: 400;
  color: var(--tp-heading-primary);
}
.work-together__progress .bar {
  position: relative;
  width: 100%;
  height: 13px;
  background-color: var(--tp-grey-1);
}
.work-together__progress .count-text {
  position: absolute;
  right: 0px;
  bottom: 20px;
  opacity: 0;
  transition: all 500ms ease;
  font-size: 14px;
  font-weight: 500;
}
.work-together__progress .bar-inner {
  position: relative;
  display: block;
  height: 10px;
  background-color: #fbd663;
  transition: all 1500ms ease;
}

.work-together__progress .bar-inner.counted .count-text {
  opacity: 1;
}

.choose-text h4 {
  font-size: 22px;
  color: var(--tp-heading-primary);
  font-weight: 400;
}

.tpchoose-3 {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.06);
  padding: 30px 18px;
  text-align: center;
  position: relative;
  transition: all 800ms ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpchoose-3 {
    padding: 25px 6px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpchoose-3 {
    padding: 30px 11px;
  }
}
@media (max-width: 767px) {
  .tpchoose-3 {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpchoose-3__wrap {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpchoose-3__wrap {
    margin-left: 0;
    margin-top: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpchoose-3__wrap {
    margin-top: 56px;
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .tpchoose-3__wrap {
    margin-left: 0px;
    margin-top: 40px;
  }
}
.tpchoose-3__left-img {
  position: absolute;
  left: 0;
  top: 0;
}
.tpchoose-3__icon {
  height: 75px;
  width: 75px;
  color: var(--tp-common-white);
  background: var(--tp-heading-primary);
  line-height: 76px;
  font-size: 42px;
  border-radius: 50%;
  position: absolute;
  top: -36px;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  border: 4px solid var(--tp-grey-1);
  transition: all 700ms ease;
}
.tpchoose-3__vide-button {
  display: flex;
  background: #fcfaf7;
}
.tpchoose-3__right img {
  margin-top: 19px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpchoose-3__right img {
    position: relative;
    z-index: 3;
  }
}
.tpchoose-3__bacakgraud-color {
  position: absolute;
  top: 1px;
  left: 54px;
  width: 200px;
  height: 310px;
  background: #00715d;
  z-index: -1;
}
.tpchoose-3__content .tpchoose-title {
  font-size: 18px;
  color: var(--tp-heading-primary);
  margin-bottom: 13px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpchoose-3__content .tpchoose-title {
    font-size: 14px;
  }
}
.tpchoose-3__content p {
  color: var(--tp-text-body);
  font-size: 14px;
  line-height: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpchoose-3__content p {
    font-size: 12px;
    line-height: 19px;
  }
}
.tpchoose-3:hover {
  background: var(--tp-theme-1);
  transform: translateY(-19px);
}
.tpchoose-3:hover .tpchoose-3__icon {
  color: var(--tp-heading-primary);
  background: #fbd45b;
  border-color: var(--tp-common-white);
}
.tpchoose-3:hover .tpchoose-title {
  color: var(--tp-common-white);
  transition: all 700ms ease;
}
.tpchoose-3:hover .tpchoose-3__content p {
  color: #90c8be;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpchoose-3__thumb {
    margin: 0 160px;
    margin-bottom: 55px;
  }
}
.tpchoose-3__right-bg {
  position: absolute;
  top: -75px;
  right: 0;
  animation: moving 9s linear infinite;
}
.tpchoose-3__area {
  overflow: hidden;
}
.tpchoose-3__left {
  margin-top: -120px;
  z-index: 2;
  position: relative;
}
@media (max-width: 767px) {
  .tpchoose-3__left {
    margin-bottom: 40px;
    margin-left: 90px;
  }
}
.tpchoose-3__shap::after {
  content: "";
  position: absolute;
  top: -480px;
  left: -292px;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: #e8efeb;
  animation: moving 9s linear infinite;
}
.tpchoose-3__before::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 30px;
  background: var(--tp-theme-1);
  width: 25px;
  height: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpchoose-3__before::before {
    top: 52px;
    left: 192px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpchoose-3__before::before {
    right: 122px;
    bottom: 43px;
  }
}
@media (max-width: 767px) {
  .tpchoose-3__before::before {
    display: none;
  }
}
@media (max-width: 767px) {
  .tpchoose-3__right {
    margin-left: 0;
    margin-bottom: 40px;
  }
}
.tpchoose-3__right .vide-button {
  position: absolute;
  top: 66px;
  text-align: center;
  right: 46px;
  height: 60px;
  width: 60px;
  background: #fbd663;
  line-height: 60px;
  cursor: pointer;
  border-radius: 50%;
  -webkit-animation: tp-ripple 1.2s linear infinite;
  animation: tp-ripple 1.2s linear infinite;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  z-index: 5;
}
.tpchoose-3__right .vide-button i {
  transition: 0.4s;
}
.tpchoose-3__right .vide-button:hover {
  background: #00715d;
}
.tpchoose-3__right .vide-button:hover i {
  color: #fff;
}

@media (max-width: 767px) {
  .choose-area {
    padding-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .tpchoose-4__area {
    padding-bottom: 30px;
  }
}
.tpchoose-4__vide-button {
  position: absolute;
  top: 50%;
  bottom: 50%;
  text-align: center;
  right: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 60px;
  width: 60px;
  background: #fbd663;
  line-height: 60px;
  cursor: pointer;
  border-radius: 50%;
  -webkit-animation: tp-ripple 1.2s linear infinite;
  animation: tp-ripple 1.2s linear infinite;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}

.choose-left-shap {
  position: absolute;
  top: -55px;
  left: 0;
  animation: moving 9s linear infinite;
}

@media (max-width: 767px) {
  .tpchoose-3__area {
    padding-bottom: 30px;
  }
}
.tpchoose-3__vide-button {
  position: absolute;
  right: 0;
  bottom: 0;
}
.tpchoose-3__vide-button span {
  padding: 15px 27px;
  color: #283734;
}
.tpchoose-3__vide-button a {
  background-color: #fbd45a;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  color: #283734;
  font-size: 20px;
}

/*----------------------------------------*/
/*  8.9 testimonial css
/*----------------------------------------*/
.testimonials-area {
  background-size: cover;
  background-position: center;
  position: relative;
}
.testimonials-area::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: #0c2621;
  opacity: 0.91;
}

.tptestimonial__info {
  background: var(--tp-common-white);
  padding: 77px 40px;
  padding-bottom: 47px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .tptestimonial__info {
    padding: 76px 25px;
  }
}
.tptestimonial__info .star i {
  color: var(--tp-theme-2);
  font-size: 18px;
}
.tptestimonial__info::before {
  content: "";
  position: absolute;
  height: 110px;
  width: 110px;
  background: var(--tp-theme-2);
  bottom: -15px;
  right: -32px;
  border-radius: 50%;
  transform: translateX(114px);
  transition: 0.5s;
}
.tptestimonial__info::after {
  content: "";
  position: absolute;
  height: 110px;
  width: 110px;
  background: var(--tp-theme-1);
  bottom: -50px;
  right: -8px;
  border-radius: 50%;
  transform: translateX(114px);
  transition: 0.4s;
}
.tptestimonial__avatar {
  position: absolute;
  z-index: 99;
  top: -46px;
}
.tptestimonial__meta {
  background: var(--tp-grey-1);
  padding: 17px 80px 17px 96px;
  border-radius: 0 50px 50px 0;
  display: inline-block;
}
@media (max-width: 767px) {
  .tptestimonial__meta {
    padding: 17px 55px 17px 96px;
  }
}
.tptestimonial__thumb {
  position: absolute;
  top: -17px;
  left: -50px;
}
@media (max-width: 767px) {
  .tptestimonial__thumb {
    top: 11px;
    left: 10px;
  }
}
.tptestimonial__thumb img {
  z-index: 22;
  position: relative;
  border-radius: 100%;
}
@media (max-width: 767px) {
  .tptestimonial__thumb img {
    width: 70px;
  }
}

.testimonial-slider-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-theme-2);
  width: 30px;
  opacity: 1;
}

.testimonial-slider-dots .swiper-pagination-bullet {
  width: 20px;
  height: 4px;
  border-radius: 0;
  display: inline-block;
  background-color: var(--tp-common-white);
  margin: 0px 3px;
  opacity: 0.5;
  transition: 0.3s;
}

.tp-testimonial-titile .tp-section-subtitle {
  color: var(--tp-theme-2);
  font-size: 1;
}
.tp-testimonial-titile .tp-section-title {
  color: var(--tp-common-white);
}

.testimonials-active {
  padding-left: 60px;
  padding-right: 40px;
  padding-top: 80px;
}
@media (max-width: 767px) {
  .testimonials-active {
    margin: 0px 0px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .swiper-slide .tptestimonial {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .swiper-slide .tptestimonial {
    margin-right: 200px;
    margin-left: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .swiper-slide .tptestimonial {
    margin-right: 100px;
    margin-left: 100px;
  }
}

@media (max-width: 767px) {
  .testimonials-area {
    padding-bottom: 169px;
    padding-top: 82px;
  }
}

@media (max-width: 767px) {
  .tp-testimonials-area {
    padding-top: 77px;
  }
}

.tp-testimonial-2__avata {
  display: flex;
}
.tp-testimonial-2__avata-img {
  margin-right: 25px;
}
@media (max-width: 767px) {
  .tp-testimonial-2__avata-img {
    margin-right: 0px;
  }
}
.tp-testimonial-2__content h2 {
  font-size: 22px;
  color: var(--tp-heading-primary);
  font-weight: 400;
  padding-bottom: 10px;
}
.tp-testimonial-2__ster-icon i {
  color: var(--tp-theme-2);
  font-size: 17px;
}
@media (max-width: 767px) {
  .tp-testimonial-2__ster-icon i {
    font-size: 13px;
  }
}
.tp-testimonial-2__avata-img::before {
  position: absolute;
  content: "";
  background: var(--tp-common-white);
  width: 120px;
  height: 120px;
  top: 15px;
  left: 0;
  z-index: 1;
  border-radius: 50%;
  line-height: 120px;
  text-align: center;
}
.tp-testimonial-2__avata-img img {
  position: relative;
  z-index: 9;
  text-align: center;
  line-height: 7px;
  margin-top: 24px;
  margin-left: 9px;
  border-radius: 100%;
}
.tp-testimonial-2__avata-img .icon {
  background: var(--tp-common-white);
  height: 50px;
  width: 50px;
  color: var(--tp-heading-primary);
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  font-size: 27px;
}
.tp-testimonial-2__right-img {
  position: absolute;
  right: -248px;
  bottom: -17px;
  transform: rotate(8deg);
  animation: moving 9s linear infinite;
}
@media (max-width: 767px) {
  .tp-testimonial-2__right-img {
    right: -212px;
    bottom: -65px;
  }
}
.tp-testimonial-2__right-img img {
  opacity: 0.1;
}
.tp-testimonial-2__item {
  padding: 30px 40px;
  overflow: hidden;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .tp-testimonial-2__item {
    padding: 30px 30px;
  }
}
.tp-testimonial-2__avada-info {
  z-index: 2;
}
.tp-testimonial-2__bottom-color {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 90px;
  background: var(--tp-theme-1);
  overflow: hidden;
}
.tp-testimonial-2__bottom-color::after {
  position: absolute;
  content: "";
  background: #0a6252;
  width: 60px;
  height: 80px;
  bottom: -23px;
  right: 48px;
  border-radius: 30px 30px 0 0;
  transform: rotate(-28deg);
}
@media (max-width: 767px) {
  .tp-testimonial-2__bottom-color::after {
    right: -5px;
  }
}
.tp-testimonial-2__content p {
  padding-right: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-testimonial-2__content p {
    padding-right: 0px;
  }
}
.tp-testimonial-2__text span {
  font-size: 16px;
  color: var(--tp-common-white);
  font-weight: 400;
}
@media (max-width: 767px) {
  .tp-testimonial-2__text span {
    font-size: 14px;
  }
}

.testimonials-2-wrapper {
  margin-right: -580px;
}
@media (max-width: 767px) {
  .testimonials-2-wrapper {
    margin-right: 0px;
  }
}

.float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.avater-img img {
  border-radius: 100%;
}

.tp-testimonial-3__shap-bg {
  position: absolute;
  top: -168px;
  left: 0;
}
.tp-testimonial-3__item {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.06);
  padding: 35px;
  border-top: 4px solid #fbd45b;
}
.tp-testimonial-3__icon {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  text-align: center;
  background: #fbd45b;
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 61px;
  border-radius: 50%;
  margin: 0 auto;
  color: var(--tp-heading-primary);
  font-size: 26px;
}
.tp-testimonial-3__content p {
  padding-right: 30px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-3__content p {
    padding-right: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-3__content p {
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  .tp-testimonial-3__content p {
    padding-right: 0px;
  }
}
.tp-testimonial-3__area {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 767px) {
  .tp-testimonial-3__area {
    padding-bottom: 94px;
    padding-top: 70px;
  }
}
.tp-testimonial-3__avater-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tp-testimonial-3__avater {
  display: flex;
  align-items: center;
}
.tp-testimonial-3__avater .avater-title {
  font-size: 22px;
  color: var(--tp-heading-primary);
  font-weight: 400;
  line-height: 0;
  margin-bottom: 17px;
}
@media (max-width: 767px) {
  .tp-testimonial-3__avater .avater-title {
    font-size: 22px;
  }
}
.tp-testimonial-3__avater span {
  color: var(--tp-heading-primary);
  font-size: 16px;
}
@media (max-width: 767px) {
  .tp-testimonial-3__avater span {
    font-size: 16px;
  }
}
.tp-testimonial-3__star {
  background: #00705c;
  color: var(--tp-theme-2);
  padding: 10px 30px;
  margin-right: -66px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-testimonial-3__star {
    display: none;
  }
}
.tp-testimonial-3__star::after {
  content: "";
  position: absolute;
  height: 22px;
  width: 32px;
  background: #015344;
  bottom: -21px;
  right: 0;
  clip-path: polygon(100% 0, 0 1%, 0 99%);
}
@media (max-width: 767px) {
  .tp-testimonial-3__star::after {
    width: 54px;
  }
}

.testimonials-3-active {
  padding-right: 40px;
  padding-top: 40px;
}
@media (max-width: 767px) {
  .testimonials-3-active {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0;
  }
}

.testimonial-2-slider-dots .swiper-pagination-bullet {
  width: 20px;
  height: 4px;
  border-radius: 0;
  display: inline-block;
  background-color: #283734;
  margin: 0px 3px;
  transition: 0.3s;
  opacity: 1;
}

.testimonial-2-slider-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-theme-2);
  width: 20px;
  border-radius: 0;
}

.swiper-slide-active .tptestimonial__info::after {
  transform: translateX(0px);
}

.swiper-slide-active .tptestimonial__info::before {
  transform: translateX(0px);
}

.swiper-slide-next .tptestimonial__info::after {
  transform: translateX(0px);
}

.swiper-slide-next .tptestimonial__info::before {
  transform: translateX(0px);
}

/*----------------------------------------*/
/*  7.6 counter css
/*----------------------------------------*/
.tp-fact-area {
  background-size: cover;
  background-position: center;
  position: relative;
}

.tpfact__icon {
  float: left;
  margin-right: 20px;
}
.tpfact__icon i {
  font-size: 60px;
  color: var(--tp-heading-primary);
}
.tpfact__content {
  overflow: hidden;
}
.tpfact__content h2 {
  font-size: 48px;
  color: var(--tp-theme-1);
}
.tpfact__content h2 span {
  font-size: 48px;
  color: var(--tp-theme-1);
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpfact__content h2 span {
    font-size: 35px;
  }
}
.tpfact__content span {
  font-size: 18px;
  color: var(--tp-text-body);
}

@media (min-width: 1300px) {
  .container-custom {
    max-width: 1370px;
  }
}

.fact-bg {
  padding: 110px 25px 75px 100px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fact-bg {
    padding: 110px 25px 75px 20px;
  }
}
@media (max-width: 767px) {
  .fact-bg {
    padding: 110px 25px 44px 42px;
  }
}

.counter-mlr {
  margin-top: -110px;
}

.tpfact-2__bg-shap {
  position: absolute;
  left: 0;
  top: 0;
  animation: moving 9s linear infinite;
}
.tpfact-2__icon {
  color: var(--tp-theme-2);
  font-size: 67px;
  font-weight: bold;
  margin-bottom: 20px;
}
.tpfact-2__icon h2 {
  font-size: 48px;
  color: var(--tp-grey-1);
  padding-top: 20px;
  margin-right: 25px;
}
.tpfact-2__icon h2 .counter {
  margin-left: 24px;
}
.tpfact-2__icon span {
  float: left;
}
.tpfact-2__content span {
  background: rgba(255, 255, 255, 0.1);
  color: var(--tp-common-white);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  padding: 12px 31px;
  z-index: 9;
  position: relative;
  font-size: 18px;
  font-weight: 600;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpfact-2 {
    margin-left: 0px;
  }
}

.tpfact-2:hover .tpfact-2__content span {
  background: var(--tp-common-white);
  color: var(--tp-heading-primary);
}

.tp-fact-area {
  background-repeat: no-repeat;
  background-size: cover;
}

.counter__content p {
  font-size: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter__content p {
    float: right;
  }
}

/*----------------------------------------*/
/*  8.4 project css
/*----------------------------------------*/
.tpproject__thumb img {
  transition: all 0.3s ease-out 0s;
}

.tpproject:hover img {
  transform: scale(1.1);
}

.projects-area-margin {
  margin-bottom: -51px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpproject {
    padding-top: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpproject {
    padding-top: 70px;
  }
}
.tpproject__content {
  position: relative;
  padding: 15px 30px 25px 30px;
  transition: 0.3s;
  text-align: left;
  z-index: 9;
  margin: 0 30px;
  margin-top: -50px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.04);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpproject__content {
    margin-top: -50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpproject__content {
    padding: 12px 20px;
    margin: 0 22px;
  }
}
@media (max-width: 767px) {
  .tpproject__content {
    margin-top: -50px;
  }
}
.tpproject__content span {
  font-size: 16px;
  color: var(--tp-text-body);
  display: inline-block;
  line-height: 0;
}
.tpproject__content h3 {
  font-size: 20px;
  color: var(--tp-heading-primary);
  font-weight: 400;
  margin: 0;
  margin-top: 7px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tpproject__content h3 {
    font-size: 19px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpproject__content h3 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpproject__content h3 {
    font-size: 17px;
    margin-top: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpproject__content h3 {
    font-size: 17px;
  }
}
.tpproject__content h3:hover {
  color: #00715d;
}
.tpproject__thumb {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpproject__thumb {
    bottom: -23px;
  }
}
.tpproject__thumb img {
  width: 100%;
}
.tpproject__thumb .project-icon {
  position: absolute;
  top: 10%;
  right: 10%;
  transform: translate(-50%, -50%);
  background: var(--tp-common-white);
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  cursor: pointer;
  transform: scale(0);
  transition: all 600ms ease;
  z-index: 999999999;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tpproject__thumb .project-icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}
.tpproject__thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 113, 93, 0.9);
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.3s;
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
  z-index: 1;
}
.tpproject:hover .tpproject__thumb::before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
}
.tpproject:hover .tpproject__thumb .project-icon {
  visibility: visible;
  transform: scale(1);
  opacity: 1;
  transition-delay: 300ms;
}
.tpproject:hover .tpproject__thumb .project-icon:hover {
  background: #fbd45b;
}

.tpproject:hover .tpproject__content {
  background: var(--tp-theme-2);
}

.mlr {
  margin-left: 175px;
  margin-right: 175px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .mlr {
    margin-left: 90px;
    margin-right: 90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mlr {
    margin-left: 50px;
    margin-right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .mlr {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media (max-width: 767px) {
  .projects-area {
    padding-top: 70px;
  }
}

.tpproject-3__hover-img {
  position: absolute;
  top: 0;
  right: -226px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  animation: moving 9s linear infinite;
}
.tpproject-3__icon:hover {
  background: #fff;
  color: #283734;
}
.tpproject-3__area {
  margin-bottom: -90px;
  position: relative;
  z-index: 1;
}
.tpproject-3__item {
  overflow: hidden;
}
.tpproject-3__item::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(251, 212, 90, 0.949);
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.4s;
  transition-property: all;
}
.tpproject-3__wrap:hover .tpproject-3__item::before {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
}
.tpproject-3__wrap__content {
  opacity: 1;
  visibility: visible;
}
.tpproject-3__content {
  position: absolute;
  left: 40px;
  bottom: 25px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-50px);
  transition: all 700ms ease;
  z-index: 2;
}
.tpproject-3__content span {
  color: var(--tp-heading-primary);
  font-size: 16px;
  font-weight: 400;
}
.tpproject-3__content .tpproject-title {
  font-size: 20px;
  color: var(--tp-heading-primary);
  font-weight: 400;
}
.tpproject-3__item:hover .tpproject-3__content {
  opacity: 1;
  visibility: visible;
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 700ms;
}
.tpproject-3__item:hover .tpproject-3__icon {
  visibility: visible;
  transform: scale(1);
  opacity: 1;
  transition-delay: 500ms;
}
.tpproject-3__item:hover .tpproject-3__hover-img {
  opacity: 1;
  visibility: visible;
}
.tpproject-3__icon {
  position: absolute;
  top: 40px;
  left: 40px;
  color: var(--tp-common-white);
  font-size: 20px;
  background: var(--tp-theme-1);
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 66px;
  border-radius: 30px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  transform: scale(0);
  transition: all 700ms ease;
  z-index: 2;
}
.tpproject-3__icon a {
  transition: 0.3s;
}
.tpproject-3__icon::before {
  content: "";
  position: absolute;
  right: 0;
  background-image: -webkit-linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
  transition: all 500ms ease;
  left: 50%;
  height: 115px;
  width: 4px;
  transform: rotate(-180deg);
  text-align: center;
  top: 100%;
}
.tpproject-3__icon::after {
  position: absolute;
  content: "";
  width: 155px;
  height: 4px;
  top: 50%;
  background-image: -moz-linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0.01) 99%, white 100%);
  background-image: -webkit-linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0.01) 99%, white 100%);
  background-image: -ms-linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0.01) 99%, white 100%);
  transition: all 700ms ease;
  z-index: 999999;
  left: 100%;
}

/*----------------------------------------*/
/*  8.8 team css
/*----------------------------------------*/
.tp-team-2__item:hover .tp-team-2__thumb::before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
}
.tp-team-2__item:hover .tp-team-2__share {
  background: var(--tp-theme-2);
  color: var(--tp-heading-primary);
}
.tp-team-2__item:hover img {
  transform: scale(1.1);
}
.tp-team-2__item:hover .tp-team-2__content::before {
  width: 100%;
  left: 0;
  right: auto;
  opacity: 1;
}
.tp-team-2__box {
  position: relative;
}
.tp-team-2__thumb::before {
  position: absolute;
  content: "";
  background: rgba(40, 55, 52, 0.75);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease, -webkit-transform 500ms ease;
  -webkit-transform: translateY(-70%);
  transform: translateY(-100%);
  visibility: hidden;
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
}
.tp-team-2__thumb img {
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tp-team-2__share {
  background: #00705c;
  height: 48px;
  width: 48px;
  line-height: 48px;
  text-align: center;
  color: white;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -27px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  cursor: pointer;
}
.tp-team-2__content {
  padding: 45px 0 20px 0;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.06);
  transition: 0.3s;
}
.tp-team-2__content h4 {
  font-size: 22px;
  color: var(--tp-heading-primary);
  font-weight: 400;
  margin: 0;
}
.tp-team-2__content h4:hover {
  color: #00715d;
}
.tp-team-2__content span {
  color: var(--tp-text-body);
  font-size: 16px;
}
.tp-team-2__content::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: auto;
  right: 0;
  height: 2px;
  width: 0;
  opacity: 0;
  background-color: #006e5a;
  transition: 0.3s linear;
}
.tp-team-2__social {
  display: inline-block;
  position: absolute;
  color: var(--tp-heading-primary);
  bottom: 44px;
  left: 0;
  right: 0;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  transform: translateY(-40px);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-team-2__social {
    margin-left: 50px;
    margin-right: 50px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-team-2__social {
    margin-left: 50px;
    margin-right: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-2__social {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-team-2__social {
    margin-left: 50px;
    margin-right: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-team-2__social {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.tp-team-2__social ul {
  background: var(--tp-grey-1);
  display: inline-block;
  padding: 7px 30px;
}
.tp-team-2__social ul li {
  display: inline-block;
  padding: 0 8px;
}
.tp-team-2__social ul li a i {
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tp-team-2__social ul li a:hover i {
  color: #fbd45a;
}
.tp-team-2__social::before {
  clip-path: polygon(100% 0, 1% 0, 53% 100%);
  position: absolute;
  left: 50%;
  right: 50%;
  background: var(--tp-grey-1);
  height: 13px;
  width: 12px;
  content: "";
  bottom: -12px;
  transform: translateX(-50%);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.tp-team-2__item:hover .tp-team-2__social {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.team-slider-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-theme-2);
  width: 20px;
  border-radius: 0;
}

.team-slider-dots .swiper-pagination-bullet {
  width: 20px;
  height: 4px;
  border-radius: 0;
  display: inline-block;
  background-color: var(--tp-heading-primary);
  margin: 0px 3px;
  transition: 0.3s;
  opacity: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .team-detials {
    padding-right: 0;
  }
}
.team-detials__info h4 {
  font-size: 24px;
  color: var(--tp-theme-1);
}
@media (max-width: 767px) {
  .team-detials__info h4 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .team-detials__content {
    padding-top: 52px;
  }
}

@media (max-width: 767px) {
  .tp-skill__content {
    padding-right: 0;
  }
}
.tp-skill__content .help-list ul li {
  width: 100%;
}

.team-detials__call-content a {
  display: block;
  font-size: 16px;
  color: #283734;
  font-weight: 600;
}
.team-detials__call {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-detials__call {
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .team-detials__call {
    padding-left: 0px;
    padding-top: 20px;
  }
}
.team-detials__contact {
  display: flex;
}
@media (max-width: 767px) {
  .team-detials__contact {
    display: block;
  }
}
.team-detials__call-icon {
  height: 48px;
  width: 48px;
  background: var(--tp-grey-1);
  text-align: center;
  line-height: 51px;
  font-size: 20px;
}
.team-detials__social {
  display: flex;
}
.team-detials__social span {
  color: var(--tp-text-body);
  font-size: 16px;
  font-size: 500;
}
.team-detials__social .icon i {
  font-size: 16px;
  color: var(--tp-heading-primary);
  margin-left: 30px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
@media (max-width: 767px) {
  .team-detials__social .icon i {
    margin-left: 16px;
  }
}
.team-detials__social .icon i:hover {
  color: #fbd45b;
}

.comment-form__input-box {
  position: relative;
  display: block;
  margin-bottom: 27px;
}
.comment-form__input-box textarea {
  font-size: 14px;
  color: var(--tp-heading-primary);
  height: 150px;
  width: 100%;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.04);
  padding: 15px 30px 30px;
  border: none;
  outline: none;
  margin-bottom: 0px;
  font-weight: 500;
}

.message-one .comment-form__input-box input[type=text],
.message-one .comment-form__input-box input[type=email] {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.04);
}

.comment-form__input-box input[type=text],
.comment-form__input-box input[type=email] {
  height: 60px;
  width: 100%;
  border: none;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.04);
  padding-left: 30px;
  padding-right: 30px;
  outline: none;
  font-size: 14px;
  color: var(--tp-heading-primary);
  display: block;
  font-weight: 500;
}

.message-one .comment-form__input-box.text-message-box {
  height: 180px;
}

.message-one .comment-form__input-box textarea {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.04);
  height: 180px;
}

@media (max-width: 767px) {
  .tp-team-area {
    padding-bottom: 74px;
    padding-top: 44px;
  }
}

.tp-message-area {
  background-size: cover;
  background-repeat: no-repeat;
}

/*----------------------------------------*/
/*  7.7 cta css
/*----------------------------------------*/
.tp-cta-4__bg {
  background-repeat: no-repeat;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpcta__btn {
    text-align: center;
  }
}
.tpcta__shap-bg {
  position: absolute;
  top: -194px;
  right: 0;
  animation: moving 9s linear infinite;
}
.tpcta__title {
  color: var(--tp-common-white);
  font-size: 50px;
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpcta__title {
    font-size: 43px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpcta__title {
    text-align: center;
  }
}

.tp-cta-title {
  font-size: 50px;
  color: var(--tp-common-white);
  line-height: 50px;
  font-weight: 400;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-cta-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .tp-cta-title {
    font-size: 34px;
    line-height: 40px;
  }
}

.tp-cta-2 {
  margin-bottom: -60px;
}
.tp-cta-2__wrap {
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.tp-cta-2__wrap::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 113, 93, 0.4);
}
.tp-cta-2__shap {
  position: absolute;
  content: "";
  background: rgba(251, 212, 90, 0.6);
  width: 124px;
  height: 158px;
  bottom: -50px;
  right: 51px;
  border-radius: 60px 60px 0 0;
  transform: rotate(-23deg);
  z-index: 9;
}

.swiper-slide-active .tp-cta-shap, .swiper-slide-active .tp-cta-2__shap {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.swiper-slide-active .tp-cta-2__shap {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}

.swiper-slide-active .tp-cta-shap {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.tp-cta-shap {
  position: absolute;
  top: -79px;
  left: -77px;
  animation: moving 9s linear infinite;
}

.tp-cta-3__area {
  overflow: hidden;
}
.tp-cta-3__icon {
  float: left;
  margin-right: 30px;
}
@media (max-width: 767px) {
  .tp-cta-3__icon {
    float: none;
    margin-right: 0;
    text-align: center;
  }
}
.tp-cta-3__icon span {
  font-size: 80px;
  color: var(--tp-heading-primary);
}
@media (max-width: 767px) {
  .tp-cta-3__info {
    text-align: center;
  }
}
.tp-cta-3__info span {
  font-size: 18px;
  color: var(--tp-theme-1);
  margin-bottom: 20px;
}
.tp-cta-3__info .cta-titile {
  font-size: 36px;
  color: var(--tp-heading-primary);
  font-weight: 400;
  margin-top: 6px;
  text-align: left;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-cta-3__info .cta-titile {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .tp-cta-3__info .cta-titile {
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-cta-3__right {
    text-align: center !important;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .tp-cta-3__right {
    text-align: center !important;
    margin-top: 20px;
  }
}
.tp-cta-3__shap2 {
  position: absolute;
  right: 0;
  top: -13px;
}
.tp-cta-3__shap {
  position: absolute;
  left: 392px;
  top: 7px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-cta-3__shap {
    left: 310px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-cta-3__shap {
    left: 218px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-cta-3__shap {
    left: 123px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-cta-3__shap {
    display: none;
  }
}

.tp-cta3-left-bg {
  position: absolute;
  top: -23px;
  left: 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-cta3-left-bg {
    left: -80px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-cta3-left-bg {
    left: -174px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-cta3-left-bg {
    left: -269px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-cta3-left-bg {
    display: none;
  }
}

.tp-cta-4 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.tp-cta-4__area {
  z-index: 2;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.tp-cta-4::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #00715d;
  opacity: 0.7;
}
.tp-cta-4__shap {
  position: absolute;
  content: "";
  background: rgba(251, 212, 90, 0.8);
  width: 136px;
  height: 183px;
  bottom: -50px;
  right: 122px;
  border-radius: 60px 60px 0 0;
  transform: rotate(-23deg);
}
@media (max-width: 767px) {
  .tp-cta-4__shap {
    width: 100px;
    height: 127px;
  }
}
.tp-cta-4__bg {
  padding: 60px 50px;
}
@media (max-width: 767px) {
  .tp-cta-4__bg {
    padding: 30px 10px;
  }
}
.tp-cta-4__left-bg {
  position: absolute;
  z-index: 5;
  left: 365px;
  top: 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-cta-4__left-bg {
    left: 14px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-cta-4__left-bg {
    left: 206px;
  }
}
.tp-cta-4__shap2 {
  position: absolute;
  left: 349px;
  bottom: -85px;
  z-index: 999;
}
.tp-cta-4__area {
  margin-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px), only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-cta-4__right {
    text-align: center !important;
  }
}

.cta-titile {
  color: var(--tp-heading-primary);
  font-size: 36px;
  line-height: 46px;
  z-index: 2;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-titile {
    text-align: center;
    padding: 0 69px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-titile {
    text-align: center;
    padding: 0 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-titile {
    font-size: 28px;
    line-height: 38px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .cta-titile {
    text-align: center;
  }
}

.cta-area {
  background-repeat: no-repeat;
  background-size: cover;
}

/*----------------------------------------*/
/*  9.0 work css
/*----------------------------------------*/
.tp-work-2__icon {
  display: inline-block;
}
.tp-work-2__icon span {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.tp-work-2__icon span::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  border-radius: 50%;
  background-color: #00705c;
  transform: scale(0);
  transition: all 0.4s;
  z-index: -1;
}
.tp-work-2__icon:hover {
  transform: scale(1);
}
.tp-work-2__icon:hover b {
  background: var(--tp-common-white);
}
.tp-work-2__icon span {
  height: 90px;
  width: 90px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.08);
  z-index: 9999;
  position: relative;
  color: #00705c;
  font-size: 40px;
  display: block;
  text-align: center;
  line-height: 101px;
  border-radius: 50%;
  z-index: 1;
}
.tp-work-2__icon b {
  background: var(--tp-theme-2);
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  top: 39px;
  left: -14px;
  z-index: 1;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tp-work-2__content {
  z-index: 1;
  position: relative;
}
.tp-work-2__content h3 {
  font-size: 22px;
  color: var(--tp-heading-primary);
  font-weight: 400;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px), only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-work-2__item {
    margin-top: 0;
  }
}
.tp-work-2__item:hover .tp-work-2__icon span::before {
  transform: scale(1);
}
.tp-work-2__item:hover .tp-work-2__icon span i {
  color: var(--tp-common-white);
}

.tp-work__shape {
  position: absolute;
  top: 15%;
  left: 16%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-work__shape {
    left: 15%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-work__shape {
    display: none;
  }
}
.tp-work__shape span svg {
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-work__shape span svg {
    width: 87%;
  }
}
.tp-work__shape span path {
  animation: lineDash 90s linear infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-work__shape span svg {
    width: 80%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px), only screen and (min-width: 450px) and (max-width: 575px) {
  .tp-work__shape span svg {
    display: none;
  }
}

/*----------------------------------------*/
/*  8.0 getquote css
/*----------------------------------------*/
.tp-inurance-tab-section .nav-links {
  margin: 10px;
  margin-bottom: 65px;
}
@media (max-width: 767px) {
  .tp-inurance-tab-section .nav-links {
    margin: 4px;
    margin-bottom: 0px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-inurance-tab-section .nav-links {
    margin-bottom: 10px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-inurance-tab-section .nav-links {
    margin-bottom: 0px !important;
  }
}

.getquote__item {
  border-radius: 15px;
  transition: 0.4s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .getquote__item {
    padding: 5px;
  }
}
@media (max-width: 767px) {
  .getquote__item {
    padding: 5px;
  }
}
@media only screen and (min-width: 450px) and (max-width: 575px) {
  .getquote__item {
    padding: 1px;
  }
}
.getquote__item-info {
  background: white;
  padding: 11px 20px;
  border: 1px solid #eaebeb;
  padding: 10px 18px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .getquote__item-info {
    padding: 9px 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .getquote__item-info {
    padding: 9px 18px;
  }
}
.getquote__item-info i {
  color: var(--tp-theme-1);
  font-size: 20px;
  margin-right: 10px;
}

.tp-feature-title {
  font-size: 18px;
  color: var(--tp-heading-primary);
  font-weight: 700;
}

.tp-contact-sm-title {
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .quote-bg-mask {
    margin-left: 0;
  }
}

.tp-btn-yellow-similar {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  color: var(--tp-heading-primary);
  background: var(--tp-theme-2);
  height: 65px;
  line-height: 65px;
  text-align: center;
  padding: 0 50px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-transform: uppercase;
  transition: 0.3s;
}

.tp-sp-icon .nice-select {
  height: 59px;
  background-color: var(--tp-common-white);
  margin-bottom: 33px;
  line-height: 59px;
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  white-space: nowrap;
  position: relative;
  width: 100%;
  border: 1px solid #eaebeb;
  border-radius: 0;
  color: var(--tp-text-body);
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 4px 24px 0px rgba(24, 18, 5, 0.04);
  padding-left: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tab-pane.active {
    margin-top: 35px;
  }
}

.tab-pane {
  margin-top: -20px;
}

.nice-select .list {
  background-color: var(--tp-common-white);
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  opacity: 0;
  overflow: hidden;
  margin-top: 0;
  padding: 10px 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}

.tp-sp-icon .nice-select .current {
  font-size: 15px;
  font-weight: 400;
  text-transform: capitalize;
  color: #6f7775;
}
.tp-sp-icon .nice-select::after {
  border: 0;
  content: "\f107";
  top: 0;
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  display: block;
  height: 0px;
  margin-top: 0px;
  pointer-events: none;
  position: absolute;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  right: 30px;
}

.contactform__input input {
  width: 100%;
  padding: 0 30px;
  background-color: var(--tp-common-white);
  margin-bottom: 30px;
  font-size: 15px;
  font-weight: 400;
  text-transform: capitalize;
  color: var(--tp-common-black);
  border: 1px solid #eaebeb;
  height: 60px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 4px 24px 0px rgba(24, 18, 5, 0.04);
}
.contactform__textarea textarea {
  width: 100%;
  height: 165px;
  padding: 25px 20px;
  resize: none;
  background-color: #F0F0F0;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 400;
  text-transform: capitalize;
  color: var(--tp-common-black);
  margin-bottom: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 4px 24px 0px rgba(24, 18, 5, 0.04);
}

.active .getquote__item-info {
  background: var(--tp-theme-1);
}
.active .getquote__item-info i {
  color: #f2d15a;
}
.active .getquote__item-info span {
  color: var(--tp-common-white);
}

.tp-inurance-tab-section {
  margin-left: -12px;
  z-index: 1;
  position: relative;
}

.quote-bg-mask img {
  clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0 85%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quote-bg-mask {
    text-align: center;
  }
}

.tp-insurance-right-img {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  .tp-insurance-right-img {
    bottom: 0;
    top: auto;
  }
}
.tp-insurance-right-img img {
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-insurance-right-img img {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-insurance-right-img {
    right: -74px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-insurance-right-img {
    right: -178px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-insurance-right-img {
    right: 0px;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 50%;
  }
}
.tp-insurance-right-img::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--tp-theme-1);
  opacity: 0.9;
}

@media (max-width: 767px) {
  .tab-content {
    padding-bottom: 50px;
    margin-right: 0;
  }
}

.tpquote-3__quote-lg-img {
  position: relative;
  right: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  .tpquote-3__quote-sm-img {
    margin-left: 0;
  }
}
.tpquote-3__quote-sm-img {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpquote-3__quote-sm-img {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpquote-3__quote-sm-img {
    margin-left: 90px;
  }
}
.tpquote-3__quote-img {
  position: absolute;
  right: 416px;
  top: 77px;
  background-size: cover;
  animation: animationglob 30s cubic-bezier(1, 0.99, 0.03, 0.01) infinite;
}
.tpquote-3__quote-bg {
  position: absolute;
  right: -83px;
  top: -258px;
  background-size: cover;
  animation: animationglob 30s cubic-bezier(1, 0.99, 0.03, 0.01) infinite;
}

.tpquote__before {
  position: absolute;
  content: "";
  width: 16px;
  height: 78px;
  background: var(--tp-theme-1);
  top: 93px;
  right: 329px;
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpquote__before {
    right: 68%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpquote__before {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-section-title-box {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #nav-tabContent {
    margin-right: 0px;
  }
}

.quote-space {
  margin-top: 400px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .quote-space {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .quote-space {
    margin-top: 318px;
  }
}

/*----------------------------------------*/
/*  8.3 prizing css
/*----------------------------------------*/
.tp-pricing {
  border: 1px solid #eaebeb;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tp-pricing__top {
  padding: 30px;
  display: flex;
  justify-content: space-between;
}
.tp-pricing__img {
  animation: moving 9s linear infinite;
}
.tp-pricing__title-wrapper span {
  color: var(--tp-heading-primary);
}
.tp-pricing__content {
  padding: 33px 30px;
}
.tp-pricing__content-feature ul {
  list-style: none;
}
.tp-pricing__content-feature ul li {
  color: var(--tp-text-body);
  font-weight: 500;
  padding-bottom: 7px;
}
.tp-pricing__content-feature ul li.has-denied {
  color: rgba(var(--tp-text-body), 0.75);
}
.tp-pricing__content-feature ul li i {
  color: var(--tp-theme-1);
  font-size: 16px;
  margin-right: 15px;
}
.tp-pricing__plan h4 {
  color: var(--tp-heading-primary);
}
.tp-pricing__bg {
  position: absolute;
  right: -156px;
  bottom: -92px;
  transform: rotate(-41deg);
  animation: moving 9s linear infinite;
}
.tp-pricing .pricing-active {
  border: 1px solid #00715d;
}
.tp-pricing .pricing-active .tp-btn {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}

.tp-portfolio__button button {
  border-bottom: 2px solid transparent;
  color: var(--tp-text-body);
  padding: 5px 15px;
  transition: 0.3s;
  font-size: 18px;
  font-weight: 500;
  text-decoration: underline;
}

.tp-portfolio__button button.active {
  color: var(--tp-heading-primary);
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06);
  padding: 5px 15px;
}

.tp-price-title {
  font-size: 50px;
  color: var(--tp-theme-1);
}

/*----------------------------------------*/
/*  7.8 error css
/*----------------------------------------*/
.error-page__tagline {
  font-size: 34px;
  color: var(--tp-heading-primary);
  padding-top: 40px;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .error-page__tagline {
    font-size: 29px;
  }
}

.error-page__form-input {
  position: relative;
  display: block;
  max-width: 570px;
  width: 100%;
  margin: 0 auto;
}

.error-page__form {
  position: relative;
  display: block;
  margin: 32px auto 20px;
}

.error-page__form input[type=search] {
  height: 61px;
  width: 100%;
  border: none;
  outline: none;
  background-color: var(--tp-grey-1);
  font-size: 16px;
  color: rgba(var(--tp-text-body), 0.6);
  font-weight: 500;
  padding-left: 50px;
  padding-right: 75px;
}

.error-page__form button[type=submit] {
  background-color: transparent;
  color: var(--tp-heading-primary);
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 0px;
  bottom: 0;
  width: 70px;
  outline: none;
  border: none;
  display: flex;
  align-items: center;
  padding: 0;
}

/*----------------------------------------*/
/*  8.2 portfolio css
/*----------------------------------------*/
.portfolio-title {
  color: var(--tp-heading-primary);
  font-size: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .portfolio-padding {
    padding-top: 60px;
    padding-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .tp-portfolio-warp {
    padding-bottom: 49px;
    padding-top: 60px;
  }
}

@media (max-width: 767px) {
  .tp-portfolio__area {
    padding-bottom: 60px;
    padding-top: 80px;
  }
}
.tp-portfolio__content p {
  font-size: 18px;
  color: var(--tp-text-body);
  line-height: 34px;
}

/*----------------------------------------*/
/*  7.3 brand css
/*----------------------------------------*/
.tp-brand-single {
  opacity: 0.12;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tp-brand-single:hover {
  opacity: 1;
}

.mlr-2 {
  margin-left: 280px;
  margin-right: 280px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .mlr-2 {
    margin-left: 200px;
    margin-right: 200px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mlr-2 {
    margin-left: 150px;
    margin-right: 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mlr-2 {
    margin-left: 100px;
    margin-right: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mlr-2 {
    margin-left: 50px;
    margin-right: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px), only screen and (min-width: 450px) and (max-width: 575px) {
  .mlr-2 {
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 40px;
    padding-top: 80px;
  }
}

.tp-brand-area {
  margin-bottom: -90px;
  z-index: 9;
  position: relative;
}

.tp-brand-single {
  margin-left: 8px;
}

.tp-brand__bg-img {
  position: absolute;
  top: 0;
  left: 0;
  animation: moving 9s linear infinite;
}

/*----------------------------------------*/
/*  7.2 Blog css
/*----------------------------------------*/
.tpblog {
  position: relative;
}
.tpblog__catagori {
  position: absolute;
  left: 0;
  bottom: 0;
  background: var(--tp-theme-1);
  z-index: 11;
}
.tpblog__catagori span {
  font-size: 14px;
  color: var(--tp-common-white);
  display: inline-block;
  padding: 15px 30px;
  line-height: 1;
  font-weight: bold;
}
.tpblog__thumb a img {
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  z-index: 2;
  position: relative;
}
.tpblog__meta i {
  color: var(--tp-theme-1);
  padding-right: 6px;
}
.tpblog__meta .date {
  color: #6f7775;
  font-size: 14px;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tpblog__meta .date {
    padding-right: 6px;
  }
}
.tpblog__meta .date a {
  color: var(--tp-text-body);
  font-size: 14px;
  margin-bottom: 30px;
}
.tpblog__meta .user {
  color: #6f7775;
  font-size: 14px;
  text-transform: capitalize;
}
.tpblog__thumb {
  position: relative;
}
.tpblog__thumb img {
  width: 100%;
}
.tpblog__thumb::before {
  content: "";
  position: absolute;
  background: rgba(12, 38, 33, 0.6);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.3s;
  transition-property: all;
  z-index: 11;
}
.tpblog__content {
  padding: 12px 30px 30px 30px;
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);
}
.tpblog__content::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 80px;
  height: 90px;
  background-image: -moz-linear-gradient(90deg, rgb(251, 212, 90) 0%, rgb(126, 163, 92) 49%, rgb(0, 113, 93) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(251, 212, 90) 0%, rgb(126, 163, 92) 49%, rgb(0, 113, 93) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(251, 212, 90) 0%, rgb(126, 163, 92) 49%, rgb(0, 113, 93) 100%);
  clip-path: polygon(100% 70%, 69% 100%, 100% 100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  transform: translateY(40px);
  transition: all 0.6s ease-in-out;
  z-index: 2;
}
.tpblog__content::after {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 0;
  background: var(--tp-theme-2);
  width: 79px;
  height: 53px;
  clip-path: polygon(100% 42%, 100% 61%, 75% 98%, 68% 93%);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform: translateY(40px);
}
.tpblog__content .tp-blog-title {
  font-size: 24px;
  font-weight: 400;
  color: var(--tp-heading-primary);
  font-family: var(--tp-ff-heading);
  line-height: 35px;
  transition: 0.3s;
}
.tpblog__arrow-box span {
  position: absolute;
  right: 0;
  left: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  transition: all 600ms ease;
  transition-delay: 0s;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
}
.tpblog__arrow-box span a {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  color: var(--tp-heading-primary);
  background: var(--tp-theme-2);
}
.tpblog:hover .btn-link-sm {
  background: var(--tp-theme-2);
}
.tpblog:hover:hover .tpblog__thumb a img {
  transform: scale(1.1);
}
.tpblog:hover .tpblog__arrow-box span {
  visibility: visible;
  opacity: 1;
  transition-delay: 500ms;
  z-index: 2;
}
.tpblog__catagori-2 {
  position: absolute;
  left: 0;
  bottom: 0;
}
.tpblog__catagori-2 span {
  font-size: 14px;
  color: var(--tp-common-white);
  display: inline-block;
  padding: 25px 30px;
  line-height: 1;
  font-weight: bold;
  z-index: 9;
  position: relative;
}
.tpblog__meta-2 i {
  color: var(--tp-theme-1);
  padding-right: 6px;
}
.tpblog__meta-2 .date {
  font-size: 14px;
  color: #6f7775;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tpblog__meta-2 .date {
    padding-right: 6px;
    font-size: 14px;
  }
}
.tpblog__meta-2 .date a {
  color: var(--tp-text-body);
  font-size: 14px;
  margin-bottom: 30px;
}
.tpblog__meta-2 .user {
  font-size: 14px;
  color: #6f7775;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tpblog__meta-2 .user {
    padding-right: 6px;
    font-size: 14px;
  }
}
.tpblog__thumb-2 {
  position: relative;
}
.tpblog__thumb-2 img {
  width: 100%;
  object-fit: cover;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tpblog__thumb-2::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(3, 4, 28, 0) 0%, rgba(3, 4, 28, 0.4) 58.32%, rgb(40, 55, 52) 100%);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  z-index: 9;
}
.tpblog__content-2 {
  padding: 20px 30px;
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpblog__content-2 {
    padding: 25px 20px;
  }
}
@media (max-width: 767px) {
  .tpblog__content-2 {
    padding: 17px 26px;
  }
}
.tpblog__content-2 .tp-blog-title {
  font-size: 24px;
  font-weight: 400;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpblog__content-2 .tp-blog-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpblog__content-2 .tp-blog-title {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .tpblog__content-2 .tp-blog-title {
    font-size: 20px;
  }
}
.tpblog__arrow-box-2 {
  position: absolute;
  transition: 0.3s;
  transform: translate(-50%, -50%);
  background: var(--tp-grey-1);
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  color: var(--tp-heading-primary);
  bottom: 35px;
  right: 16px;
}
.tpblog:hover .tp-btn-4 {
  color: var(--tp-theme-3);
}
.tpblog:hover .tpblog__arrow-box-2 {
  background: var(--tp-theme-2);
}
.tpblog:hover .tpblog__thumb::before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tpblog:hover .tpblog__content::before {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tpblog:hover .tpblog__content::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.tpblog:hover .tpblog__thumb-2 img {
  transform: scale(1.17) rotate(2deg);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .user a {
    font-size: 14px;
  }
}

.date a {
  text-transform: capitalize;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .date a {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .blog-area {
    padding-bottom: 39px;
    padding-top: 70px;
  }
}

.tpblog-3__content {
  padding: 14px 40px 20px 30px;
  background: var(--tp-grey-1);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tpblog-3__content {
    padding: 14px 10px 21px 13px;
  }
}
.tpblog-3__content::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: auto;
  right: 0;
  height: 4px;
  width: 0;
  opacity: 0;
  background-color: #fbd45a;
  transition: 0.3s linear;
}
.tpblog-3__img .date {
  text-align: center;
  background: #fbd45b;
  padding: 7px 20px;
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
  position: absolute;
  bottom: 0;
  left: 30px;
}
.tpblog-3__meta .user {
  font-size: 14px;
  color: #6f7775;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpblog-3__meta .user {
    font-size: 15px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tpblog-3__meta .user {
    margin-right: 12px;
    font-size: 14px;
  }
}
.tpblog-3__meta .user i {
  color: #1c806e;
  font-size: 14px;
  padding-right: 8px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tpblog-3__meta .user i {
    font-size: 14px;
    padding-right: 5px;
  }
}
.tpblog-3__meta .Comments {
  font-size: 14px;
  color: #6f7775;
  text-transform: capitalize;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tpblog-3__meta .Comments {
    padding-right: 0;
    font-size: 14px;
  }
}
.tpblog-3__meta .Comments i {
  color: #1c806e;
  font-size: 14px;
  padding-right: 8px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tpblog-3__meta .Comments i {
    font-size: 14px;
    padding-right: 5px;
  }
}
.tpblog-3__meta .date {
  position: absolute;
  left: 30px;
  bottom: 145px;
  text-align: center;
  background: #fbd45b;
  padding: 7px 20px;
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpblog-3__meta .date {
    bottom: 140px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpblog-3__meta .date {
    bottom: 137px;
  }
}
@media (max-width: 767px) {
  .tpblog-3__meta .date {
    bottom: 136px;
  }
}
.tpblog-3__meta .date a {
  font-size: 14px;
  color: var(--tp-heading-primary);
  background: #fbd45b;
  padding: 11px 20px;
  line-height: 0;
  font-weight: bold;
}
.tpblog-3:hover .tpblog-3__content::before {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
  opacity: 1;
}
.tpblog-3:hover:hover .tpblog-3__content {
  background: #fff;
}
.tpblog-3:hover .tpblog-3__img::before {
  opacity: 1;
  visibility: visible;
}
.tpblog-3:hover .plus-icon {
  opacity: 1;
  visibility: visible;
}
.tpblog-3__img::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(40, 55, 52, 0.52);
  content: "";
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tpblog-3__img .plus-icon {
  position: absolute;
  top: 50%;
  right: 0;
  text-align: center;
  color: var(--tp-common-white);
  font-size: 30px;
  transform: translateY(-50%);
  left: 0;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

@media (max-width: 767px) {
  .blog-area-3 {
    padding-bottom: 40px;
    padding-top: 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-padding {
    padding-bottom: 70px;
    padding-top: 70px;
  }
}

.tp-blog-title {
  font-size: 24px;
  font-weight: 400;
  color: var(--tp-heading-primary);
}

.postbox__thumb span {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fbd45b;
  padding: 10px 20px;
  font-size: 14px;
  color: var(--tp-heading-primary);
  font-weight: bold;
}
.postbox__meta {
  padding: 20px 0;
  padding-top: 0;
}
.postbox__meta span {
  margin-right: 25px;
}
@media (max-width: 767px) {
  .postbox__meta span {
    margin-right: 17px;
  }
}
.postbox__meta span a {
  font-size: 14px;
  color: var(--tp-text-body);
  text-transform: capitalize;
  font-weight: 500;
}
.postbox__meta span a i {
  font-size: 14px;
  color: var(--tp-theme-1);
  margin-right: 5px;
}
@media (max-width: 767px) {
  .postbox__meta span a i {
    margin-right: 7px;
  }
}
.postbox__meta span a:hover {
  color: var(--tp-theme-1);
}
.postbox__title {
  font-size: 36px;
  padding-bottom: 10px;
}
.postbox__tagcloud {
  display: flex;
  justify-content: space-between;
  background: var(--tp-grey-1);
  padding: 40px;
  align-items: center;
  border: 1px solid #eaebeb;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__tagcloud {
    padding: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox__tagcloud {
    padding: 20px 10px;
  }
}
@media (max-width: 767px) {
  .postbox__tagcloud {
    display: inline-block;
    padding: 12px;
  }
}
.postbox__banner-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #283734;
  opacity: 0.9;
}
.postbox__banner-img-yellow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fbd45a;
  opacity: 0.9;
}
.postbox__tag.tagcloud {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.postbox__tag.tagcloud h5 {
  color: var(--tp-heading-primary);
  font-size: 18px;
  font-weight: 400;
  margin-right: 25px;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox__tag.tagcloud h5 {
    font-size: 16px;
    margin-right: 0px;
  }
}
@media (max-width: 767px) {
  .postbox__tag.tagcloud h5 {
    font-size: 16px;
    margin-right: 10px;
  }
}
.postbox__tag.tagcloud a {
  margin-right: 10px;
  background: var(--tp-common-white);
  padding: 5px 21px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .postbox__tag.tagcloud a {
    padding: 10px 12px;
  }
}
.postbox__tag.tagcloud a:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .postbox__social .icon {
    text-align: center;
    margin-top: 10px;
  }
}
.postbox__social .icon ul li {
  list-style: none;
  display: inline-block;
}
.postbox__social .icon ul li a {
  font-size: 16px;
  color: var(--tp-common-white);
  background: var(--tp-heading-primary);
  height: 40px;
  width: 40px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  margin-right: 13px;
  border-radius: 30px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.postbox__social .icon ul li a:hover {
  background: var(--tp-theme-2);
  color: var(--tp-heading-primary);
}
.postbox__comment-title {
  font-size: 30px;
}
.postbox__comment ul {
  list-style: none;
}
.postbox__comment-info {
  flex: 0 0 auto;
}
.postbox__comment-avater {
  flex: 0 0 auto;
  margin-right: 20px;
}
.postbox__comment-name h5 {
  color: var(--tp-heading-primary);
  font-size: 20px;
}
.postbox__comment-name .post-meta {
  font-size: 14px;
  color: var(--tp-theme-1);
}
.postbox__comment-reply {
  position: absolute;
  bottom: 30px;
  left: 0;
}
@media (max-width: 767px) {
  .postbox__comment-reply {
    right: 6px;
    bottom: 154px;
    top: auto;
  }
}
.postbox__comment-reply a {
  color: var(--tp-heading-primary);
  font-size: 14px;
  background: var(--tp-theme-2);
  padding: 10px 20px;
  font-weight: 700;
}
.postbox__comment-reply a:hover {
  background: var(--tp-theme-1);
  color: #fff;
}
.postbox__comment-form-title {
  font-size: 30px;
  line-height: 0;
  margin-bottom: 55px;
  line-height: 1.2;
}
.postbox__comment-input {
  position: relative;
  margin-bottom: 20px;
}
.postbox__comment-input {
  position: relative;
  margin-bottom: 30px;
}

.tp-blog-title a:hover {
  color: var(--tp-theme-1);
}

.blog-border {
  margin-top: 25px;
  border-top: 1px solid #e9ebea;
  padding-top: 22px;
}

.postbox__comment-input input,
.postbox__comment-input textarea {
  height: 60px;
  padding: 0 30px;
  width: 100%;
  font-size: 14px;
  color: var(--tp-common-black);
  outline: none;
  border: 1px solid transparent;
  background: var(--tp-grey-1);
}

.postbox__comment-input textarea {
  height: 150px;
  resize: none;
  padding: 5px 30px;
}

@media (max-width: 767px) {
  .blog-area-2 {
    padding-top: 0px;
    padding-bottom: 50px;
  }
}

/*----------------------------------------*/
/*  8.5 search css
/*----------------------------------------*/
.tp-header-action ul li {
  list-style: none;
}

/* search css start */
.search__popup {
  padding-top: 70px;
  padding-bottom: 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 380px;
  background: #283734;
  backdrop-filter: blur(10px);
  z-index: 99;
  -webkit-transform: translateY(calc(-100% - 80px));
  -moz-transform: translateY(calc(-100% - 80px));
  -ms-transform: translateY(calc(-100% - 80px));
  -o-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition-delay: 0.5s;
}
.search__popup.search-opened {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  transition-delay: 0s;
  z-index: 99999999;
}
.search__popup.search-opened .search__input {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.3s;
}
.search__popup.search-opened .search__input::after {
  width: 100%;
  transition-delay: 0.5s;
}
.search__popup-2 {
  background-color: var(--tp-common-black-13);
}
.search__popup-2 .search__input .search-input-field ~ .search-focus-border {
  background-color: var(--tp-theme-8);
}
.search__popup-3 .search__input .search-input-field ~ .search-focus-border {
  background-color: var(--tp-theme-10);
}
.search__top {
  margin-bottom: 80px;
}
.search__top .search__logo img {
  max-width: 160px;
}
.search__input {
  position: relative;
  height: 80px;
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  transition: all 0.3s ease-in-out;
  transition-delay: 0.5s;
  opacity: 0;
}
.search__input::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  transition-delay: 0.3s;
  transition: all 0.3s ease-in-out;
}
.search__input input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  font-size: 24px;
  color: var(--tp-common-white);
  border-bottom: 1px solid transparent;
  padding: 0;
  padding-right: 30px;
}
.search__input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input:-moz-placeholder { /* Firefox 4-18 */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input::placeholder { /* MODERN BROWSER */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--tp-common-white);
}
.search__input .search-input-field ~ .search-focus-border {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  width: 0;
  height: 1px;
  background-color: var(--tp-common-white);
  transition: all 0.5s;
}
.search__input .search-input-field:focus ~ .search-focus-border {
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.5s;
}

.search__close-btn {
  font-size: 25px;
  color: rgba(255, 255, 255, 0.3);
}
.search__close-btn:hover {
  color: var(--tp-common-white);
}
.search__result-title {
  font-size: 50px;
  letter-spacing: -0.04em;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .search__result-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .search__result-title {
    font-size: 35px;
  }
}
.search__result-title span {
  color: var(--tp-theme-primary);
  display: inline-block;
}
.search__result-content p {
  font-size: 16px;
  line-height: 1.62;
  color: var(--tp-text-1);
}
.search__result-input {
  position: relative;
}
.search__result-input-box {
  position: relative;
  margin-bottom: 20px;
}
.search__result-input-box button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 22px 43px;
}
@media (max-width: 767px) {
  .search__result-input-box button {
    position: relative;
    margin-top: 15px;
  }
}
.search__result-input-box button:hover {
  background-color: var(--tp-common-black);
}
.search__result-input input {
  width: 100%;
  height: 70px;
  padding-left: 60px;
  padding-right: 177px;
  background-color: var(--tp-common-white);
  border: 1px solid var(--tp-common-white);
  box-shadow: -3px 0px 0px var(--tp-theme-1), 0px 1px 2px rgba(3, 4, 28, 0.14);
}
@media (max-width: 767px) {
  .search__result-input input {
    padding-right: 25px;
  }
}
.search__result-input span {
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: #A0A0B5;
}
.search__result-input span svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.search__result-tags a {
  display: inline-block;
  font-family: var(--tp-ff-space);
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #D5D5DD;
  padding: 5px 18px;
  line-height: 1;
  margin-right: 2px;
  margin-bottom: 7px;
}
.search__result-tags a:hover {
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.search__blog-item {
  padding: 50px 50px;
  border: 1px solid #EAEAEF;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search__blog-item {
    padding: 30px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search__blog-item {
    padding: 25px;
  }
}
@media (max-width: 767px) {
  .search__blog-item {
    padding: 20px;
  }
}
.search__blog-title {
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  margin-bottom: 13px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search__blog-title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search__blog-title {
    font-size: 21px;
  }
  .search__blog-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .search__blog-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .search__blog-title {
    font-size: 25px;
  }
}
.search__blog-title a:hover {
  color: var(--tp-theme-primary);
}
.search__blog-tag {
  margin-bottom: 10px;
}
[dir=rtl] .search__blog-tag {
  margin-right: 0;
  margin-left: 15px;
}
.search__blog-tag a {
  display: inline-block;
  background-color: rgba(99, 100, 219, 0.06);
  font-family: var(--tp-ff-space);
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  color: var(--tp-common-purple);
  padding: 4px 12px;
}
.search__blog-tag a:hover {
  background-color: var(--tp-common-purple);
  color: var(--tp-common-white);
}
.search__blog-meta span {
  color: var(--tp-text-1);
  margin-right: 15px;
  margin-bottom: 10px;
  display: inline-block;
}
.search__blog-meta span i, .search__blog-meta span svg {
  margin-right: 2px;
}
[dir=rtl] .search__blog-meta span i, [dir=rtl] .search__blog-meta span svg {
  margin-right: 2px;
  margin-left: 2px;
}
.search__blog-meta span svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.search__blog-meta span svg path {
  stroke: #7A7E83;
}
.search__blog-meta-author {
  margin-bottom: 10px;
}
[dir=rtl] .search__blog-meta-author {
  margin-right: 0;
  margin-left: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search__blog-meta-author {
    margin-right: 20px;
  }
}
.search__blog-meta-author-thumb img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 10px;
}
[dir=rtl] .search__blog-meta-author-thumb img {
  margin-right: 0;
  margin-left: 10px;
}
.search__blog-meta-author-content span {
  display: inline-block;
  font-family: var(--tp-ff-inter);
  font-size: 14px;
  color: #7A7E83;
}
.search__blog-meta-author-content span a {
  color: var(--tp-common-black-11);
  font-weight: 500;
}
.search__blog-meta-author-content span a:hover {
  color: var(--tp-theme-primary);
}
.search__blog-content p {
  font-size: 15px;
  line-height: 1.47;
  color: var(--tp-text-1);
  margin-bottom: 20px;
}
.search__blog-btn .tp-btn-border {
  padding: 8px 29px;
}
.search__blog-btn .tp-btn-border svg, .search__blog-btn .tp-btn-border i {
  margin-left: 5px;
}
[dir=rtl] .search__blog-btn .tp-btn-border svg, [dir=rtl] .search__blog-btn .tp-btn-border i {
  margin-left: 5px;
  margin-right: 5px;
}
.search__blog-btn .tp-btn-border svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.search__blog-btn .tp-btn-border:hover {
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  8.1 insurance css
/*----------------------------------------*/
.sv-details-thumb .info {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fbd45b;
  padding: 50px 55px;
}
@media (max-width: 767px) {
  .sv-details-thumb .info {
    padding: 0;
  }
}
.sv-details-thumb .info .img {
  float: left;
  margin-right: 30px;
}
.sv-details-thumb .info .text {
  overflow: hidden;
}
.sv-details-titile {
  font-size: 24px;
}
@media (max-width: 767px) {
  .sv-details-titile {
    font-size: 20px;
  }
}

.sv-details-category-list ul li {
  list-style-type: none;
}
.sv-details-category-list ul li a {
  background: var(--tp-grey-1);
  list-style: none;
  margin-bottom: 10px;
  padding: 15px 30px;
  cursor: pointer;
  transition: 0.3s;
  display: inline-block;
  width: 100%;
}
.sv-details-category-list ul li a span {
  color: #283734;
  font-size: 16px;
  font-weight: 700;
}
.sv-details-category-list ul li a i {
  float: right;
  background: #f2f5f1;
  height: 30px;
  width: 30px;
  line-height: 34px;
  transform: 0.3s;
  text-align: center;
  border-radius: 30px;
  color: var(--tp-heading-primary);
}
.sv-details-category-list ul li.active a {
  background-image: linear-gradient(to right, var(--tp-theme-1), #fbd45b);
  color: var(--tp-common-white);
}
.sv-details-category-list ul li.active a i {
  background: var(--tp-common-white);
  color: var(--tp-theme-1);
}
.sv-details-category-list ul li.active a span {
  color: #fff;
}
.sv-details-category-list ul li:hover a {
  background-image: linear-gradient(to right, var(--tp-theme-1), #fbd45b);
  color: var(--tp-common-white);
}
.sv-details-category-list ul li:hover a i {
  background: var(--tp-common-white);
  color: var(--tp-theme-1);
}
.sv-details-category-list ul li:hover a span {
  color: #fff;
}

.tp-insurance-area {
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .tp-insurance-area {
    padding-bottom: 60px;
    padding-top: 70px;
  }
}

.help-lists ul li {
  list-style: none;
}
.help-lists ul li i {
  color: #fbd45b;
  margin-right: 15px;
}
.help-lists ul li span {
  font-size: 18px;
  color: var(--tp-heading-primary);
  font-weight: 500;
}

@media (max-width: 767px) {
  .tp-inurance-tab-section {
    margin-bottom: 40px;
  }
}

.sv-details-title {
  font-size: 30px;
}

.help-lists h4 {
  color: var(--tp-theme-1);
  font-size: 24px;
  margin-bottom: 25px;
}

.insurance-details__need-help {
  position: relative;
  text-align: center;
  z-index: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .insurance-details__need-help {
    display: none;
  }
}
.insurance-details__need-help-icon {
  height: 110px;
  width: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 22px;
  border: 1px solid #fbd45a;
  border-radius: 50%;
  z-index: 999999;
  position: relative;
}
.insurance-details__need-help-icon span {
  transition: all 500ms ease;
  background: #fbd45b;
  width: 90px;
  height: 90px;
  line-height: 100px;
  border-radius: 50%;
  font-size: 38px;
}
.insurance-details__need-help-contact {
  position: relative;
  display: block;
  margin-top: 30px;
}
.insurance-details__need-help-contact h3 {
  padding-top: 6px;
  padding-bottom: 23px;
}
.insurance-details__need-help-contact h3 a {
  font-size: 24px;
  font-weight: 400;
  transition: all 500ms ease;
  color: #fff;
}
.insurance-details__need-help-contact p {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}
.insurance-details__need-help-logo {
  position: relative;
  z-index: 99999;
}
.insurance-details__need-help-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  position: relative;
}
.insurance-details__need-help-bg::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #fbd45a;
  background: rgba(0, 113, 93, 0.9);
}
.insurance-details__content {
  padding: 50px 0;
}

.shap-img {
  position: absolute;
  top: 0;
  right: -7px;
}

.cta-mlr {
  margin-left: 375px;
  margin-right: 375px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .cta-mlr {
    margin-left: 216px;
    margin-right: 216px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .cta-mlr {
    margin-left: 109px;
    margin-right: 109px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-mlr {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .cta-mlr {
    margin-left: 0px;
    margin-right: 0px;
  }
}

/*----------------------------------------*/
/*  7.5 contact css
/*----------------------------------------*/
.contact__info-icon i {
  font-size: 18px;
}
.contact__social .icon ul li {
  list-style: none;
  display: inline-block;
}
.contact__social .icon ul li a {
  margin-right: 25px;
  color: #00715d;
  font-size: 18px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__social .icon ul li a {
    margin-left: 0px;
  }
}
.contact__social .icon ul li a:hover {
  color: #283734;
}
.contact__line a {
  font-size: 18px;
  color: #283734;
  font-weight: 400;
}
.contact__info-icon {
  position: absolute;
  top: 0;
  left: 0;
}
.contact__info-text h4 {
  font-size: 18px;
  color: #283734;
}
.contact__info-item {
  position: relative;
  padding-left: 30px;
}
.contact__info ul li {
  list-style: none;
  padding-bottom: 15px;
}
.contact__info ul li a span {
  font-size: 18px;
  color: #283734;
  font-weight: 400;
  font-family: var(--tp-ff-heading);
}
.contact__info ul li a i {
  margin-right: 20px;
  color: #283734;
  font-size: 18px;
}
.contact__info ul li a:hover {
  color: #fbd45b;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .contact {
    padding-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .contact {
    margin-left: 0px;
  }
}
.contact__form {
  border-bottom: 3px solid #fbd45b;
}
.contact__form .ajax-response {
  margin-bottom: 0;
}
.contact__input {
  position: relative;
  margin-bottom: 30px;
}
.contact__input input {
  padding: 0 30px;
  height: 60px;
  background-color: var(--tp-heading-primary);
  color: #fff;
  border: 2px solid #364743;
}
.contact__input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #98a8a5;
}
.contact__input input::-moz-placeholder { /* Firefox 19+ */
  color: #98a8a5;
}
.contact__input input:-moz-placeholder { /* Firefox 4-18 */
  color: #98a8a5;
}
.contact__input input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: #98a8a5;
}
.contact__input input::placeholder { /* MODERN BROWSER */
  color: #98a8a5;
}
.contact__wrap {
  background: #fff;
  padding: 50px;
  border: 2px solid #f4f3f1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact__wrap {
    padding: 24px;
  }
}
.contact__form-wrap {
  background: var(--tp-heading-primary);
  padding: 48px 60px 61px 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__form-wrap {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .contact__form-wrap {
    padding: 20px;
  }
}
.contact__input textarea {
  padding: 35px 30px;
  border: 0;
  background-color: var(--tp-heading-primary);
  color: #fff;
  outline: none;
  resize: none;
  height: 115px;
  border: 2px solid #364743;
  line-height: 0;
}
.contact__input textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #98a8a5;
}
.contact__input textarea::-moz-placeholder { /* Firefox 19+ */
  color: #98a8a5;
}
.contact__input textarea:-moz-placeholder { /* Firefox 4-18 */
  color: #98a8a5;
}
.contact__input textarea:-ms-input-placeholder { /* IE 10+  Edge*/
  color: #98a8a5;
}
.contact__input textarea::placeholder { /* MODERN BROWSER */
  color: #98a8a5;
}

.tp-form-box {
  font-size: 16px;
  color: var(--tp-common-white);
  font-weight: 400;
  text-transform: capitalize;
}
.tp-form-title {
  font-size: 24px;
  color: #fbd45b;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-accordion {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-accordion .tp-section-title {
    font-size: 33px;
    line-height: 40px;
  }
}

.tpmap-wrapper iframe {
  filter: saturate(0);
  width: 100%;
  height: 339px;
}

/*# sourceMappingURL=insurez-core.css.map */