@charset "UTF-8";
:root {
  /**
  @font family declaration
  */
  --tp-ff-body: 'DM Sans', sans-serif;;
  --tp-ff-heading: 'Playfair Display', serif;;
  --tp-ff-p: 'DM Sans', sans-serif;;
  --tp-ff-fontawesome: Font Awesome 5 Pro;
  /**
  @color declaration
  */
  --tp-common-white: #ffffff;
  --tp-common-black: #292930;
  --tp-heading-primary: #2C6352;
  --tp-grey-1: #F6F7FB;
  --tp-grey-2: #EFF6F4;
  --tp-text-body: #2C6352;
  --tp-text-p: #6A8179;
  --tp-theme-1: #2C6352;
  --tp-theme-2: #53C351;
  --tp-theme-3: #6A8179;
  --tp-border-1: #D6E3E0;
  --tp-border-2: #F5F1EA;
}

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

    Theme Name: Template Name – HTML5 Template
    Author: Theme Pure
    Support: basictheme@gmail.com
    Description: Template Name  – HTML5 Template
    Version: 1.0

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

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

    01. THEME DEFAULT CSS
	02. header CSS START
	03. MEANMENU CSS START
	04. hero CSS START
	05. service CSS START
	06. fun-fact CSS START
	07. chose CSS START
	08. counter CSS START
	09. about CSS START
	10. gallary CSS START
	11. project CSS START
	12. work CSS START
	13. shop CSS START
	14. video CSS START
	15. price CSS START
	16. cart CSS START
	17. testimonial CSS START
	18. team CSS START
	19. brand CSS START
	20. blog CSS START
	21. newsletter CSS START
	22. collection CSS START
	23. contact CSS START
	24. footer CSS START

**********************************************/
/*----------------------------------------*/
/*  01. THEME DEFAULT CSS START
/*----------------------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-family: var(--tp-ff-body);
  font-size: 14px;
  font-weight: 400;
  color: var(--tp-text-body);
  line-height: 26px;
  overflow-x: hidden;
}

body, html {
  overflow-x: hidden;
}

a {
  text-decoration: none;
  transition: 0.3s;
}

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

img {
  max-width: 100%;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 32px;
}

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-p);
  margin-bottom: 15px;
  line-height: 27px;
}

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

a,
.btn,
button,
input,
select,
textarea,
li,
img,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

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 {
  outline: none;
  color: var(--tp-heading-primary);
}
input::-webkit-input-placeholder {
  color: #84B0A3;
}
input:-moz-placeholder {
  color: #84B0A3;
}
input::-moz-placeholder {
  color: #84B0A3;
}
input:-ms-input-placeholder {
  color: #84B0A3;
}

textarea {
  outline: none;
  color: var(--tp-heading-primary);
}
textarea::-webkit-input-placeholder {
  color: #84B0A3;
}
textarea:-moz-placeholder {
  color: #84B0A3;
}
textarea::-moz-placeholder {
  color: #84B0A3;
}
textarea:-ms-input-placeholder {
  color: #84B0A3;
}

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-theme-2);
  color: var(--tp-common-white);
  text-shadow: none;
}

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

::selection {
  background: var(--tp-theme-2);
  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;
}

/*---------------------------------
    common classes css start 
---------------------------------*/
.w-img img {
  width: 100%;
}

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

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

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

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

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

.tp-border-bottom {
  border-bottom: 1px solid var(--tp-border-2);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-border-bottom {
    border-bottom: 1px solid transparent;
  }
}

.border-right {
  border-right: 1px solid var(--tp-border-2);
}

.tp-arrow {
  position: relative;
  display: inline-block;
}
.tp-arrow::after {
  position: absolute;
  content: "";
  height: 35px;
  width: 35px;
  background-color: rgba(83, 195, 81, 0.2);
  border-radius: 50%;
  top: -3px;
  left: 41px;
  transition: 0.5s;
}
.tp-arrow::before {
  position: absolute;
  content: "";
  height: 35px;
  width: 35px;
  background-color: #53C351;
  border-radius: 50%;
  top: -3px;
  left: 41px;
  transition: 0.7s;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.2);
}
.tp-arrow button {
  position: relative;
  z-index: 2;
}
.tp-arrow:hover::before {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.tp-arrow-2 {
  position: relative;
  display: inline-block;
}
.tp-arrow-2::after {
  position: absolute;
  content: "";
  height: 35px;
  width: 35px;
  background-color: rgba(83, 195, 81, 0.2);
  border-radius: 50%;
  top: -3px;
  right: 41px;
  transition: 0.5s;
}
.tp-arrow-2::before {
  position: absolute;
  content: "";
  height: 35px;
  width: 35px;
  background-color: #53C351;
  border-radius: 50%;
  top: -3px;
  right: 41px;
  transition: 0.7s;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.2);
}
.tp-arrow-2 button {
  position: relative;
  z-index: 2;
}
.tp-arrow-2:hover::before {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.tp-link {
  position: relative;
  display: inline-block;
}
.tp-link::after {
  position: absolute;
  content: "";
  height: 35px;
  width: 35px;
  background-color: rgba(83, 195, 81, 0.2);
  border-radius: 50%;
  top: -3px;
  left: 41px;
  transition: 0.5s;
}
.tp-link::before {
  position: absolute;
  content: "";
  height: 35px;
  width: 35px;
  background-color: #53C351;
  border-radius: 50%;
  top: -3px;
  left: 41px;
  transition: 0.7s;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.2);
}
.tp-link a {
  position: relative;
  z-index: 2;
}
.tp-link:hover::before {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.tp-text-link a {
  position: relative;
}
.tp-text-link a span {
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.235em;
  text-transform: uppercase;
  margin-right: 20px;
  transition: 0.3s;
}
.tp-text-link a svg {
  position: relative;
  z-index: 2;
}
.tp-text-link a::after {
  position: absolute;
  content: "";
  height: 35px;
  width: 35px;
  background-color: rgba(83, 195, 81, 0.2);
  border-radius: 50%;
  transition: 0.5s;
  top: -8px;
  right: -9px;
}
.tp-text-link a::before {
  position: absolute;
  content: "";
  height: 35px;
  width: 35px;
  background-color: #53C351;
  border-radius: 50%;
  transition: 0.7s;
  top: -8px;
  right: -9px;
  transform: scale(0.3);
  opacity: 0;
  visibility: hidden;
}
.tp-text-link a:hover span {
  color: var(--tp-theme-2);
}
.tp-text-link a:hover::before {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.tp-link-2 {
  position: relative;
  display: inline-block;
}
.tp-link-2::after {
  position: absolute;
  content: "";
  height: 35px;
  width: 35px;
  background-color: rgba(83, 195, 81, 0.2);
  border-radius: 50%;
  top: -3px;
  right: 41px;
  transition: 0.5s;
}
.tp-link-2::before {
  position: absolute;
  content: "";
  height: 35px;
  width: 35px;
  background-color: #53C351;
  border-radius: 50%;
  top: -3px;
  right: 41px;
  transition: 0.7s;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.2);
}
.tp-link-2 a {
  position: relative;
  z-index: 2;
}
.tp-link-2:hover::before {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

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

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

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

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

.gx-65 {
  --bs-gutter-x: 65px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .gx-65 {
    --bs-gutter-x: 30px;
  }
}

/*--
    - Spacing
-----------------------------------------*/
.tp-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--tp-common-white);
  background: var(--tp-theme-2);
  font-family: "DM Sans", sans-serif;
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 0 40px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 10px;
  text-transform: uppercase;
  transition: 0.3s;
  letter-spacing: 2px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-btn {
    height: 60px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-btn {
    height: 50px;
    line-height: 50px;
    padding: 0px 30px;
  }
}
.tp-btn i {
  padding-left: 17px;
}
.tp-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
.tp-btn:hover i {
  animation: tfLeftToRight 0.5s forwards;
}

.tp-btn-sm {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--tp-common-white);
  background: var(--tp-theme-2);
  font-family: "DM Sans", sans-serif;
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding: 0 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 10px;
  text-transform: uppercase;
  transition: 0.3s;
  letter-spacing: 2px;
}
.tp-btn-sm i {
  padding-left: 17px;
}
.tp-btn-sm:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
.tp-btn-sm:hover i {
  animation: tfLeftToRight 0.5s forwards;
}

.tp-btn-xs {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  color: var(--tp-common-white);
  background: var(--tp-theme-2);
  font-family: "DM Sans", sans-serif;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0 25px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 4px;
  text-transform: uppercase;
  transition: 0.3s;
}
.tp-btn-xs i {
  padding-left: 10px;
}
.tp-btn-xs:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}

.tp-btn-two {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--tp-common-white);
  background: var(--tp-theme-2);
  font-family: "DM Sans", sans-serif;
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 0 40px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 10px;
  text-transform: uppercase;
  transition: 0.3s;
  letter-spacing: 2px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-btn-two {
    height: 60px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-btn-two {
    height: 50px;
    line-height: 50px;
    padding: 0px 30px;
  }
}
.tp-btn-two i {
  padding-left: 17px;
}
.tp-btn-two:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
.tp-btn-two:hover i {
  animation: tfLeftToRight 0.5s forwards;
}

.tp-btn-semilar {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--tp-common-white);
  background: var(--tp-theme-2);
  font-family: "DM Sans", sans-serif;
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 0 40px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 10px;
  text-transform: uppercase;
  transition: 0.3s;
  letter-spacing: 2px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-btn-semilar {
    height: 60px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-btn-semilar {
    height: 50px;
    line-height: 50px;
    padding: 0px 30px;
  }
}
.tp-btn-semilar i {
  padding-left: 17px;
}
.tp-btn-semilar:hover {
  color: var(--tp-theme-1);
  background-color: var(--tp-common-white);
}
.tp-btn-semilar:hover i {
  animation: tfLeftToRight 0.5s forwards;
}

.tp-btn-lg {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--tp-common-white);
  background: var(--tp-theme-2);
  font-family: "DM Sans", sans-serif;
  height: 70px;
  line-height: 70px;
  text-align: center;
  padding: 0 40px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 10px;
  text-transform: uppercase;
  transition: 0.3s;
  letter-spacing: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-btn-lg {
    height: 60px;
    line-height: 60px;
    padding: 0px 30px;
  }
}
.tp-btn-lg i {
  padding-left: 17px;
}
.tp-btn-lg:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
.tp-btn-lg:hover i {
  animation: tfLeftToRight 0.5s forwards;
}

.tp-btn-lg-semilar {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--tp-common-white);
  background: var(--tp-theme-2);
  font-family: "DM Sans", sans-serif;
  height: 70px;
  line-height: 70px;
  text-align: center;
  padding: 0 40px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 10px;
  text-transform: uppercase;
  transition: 0.3s;
  letter-spacing: 2px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-btn-lg-semilar {
    height: 60px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-btn-lg-semilar {
    height: 50px;
    line-height: 50px;
    padding: 0px 30px;
  }
}
.tp-btn-lg-semilar i {
  padding-left: 17px;
}
.tp-btn-lg-semilar:hover {
  color: var(--tp-theme-1);
  background-color: var(--tp-common-white);
}
.tp-btn-lg-semilar:hover i {
  animation: tfLeftToRight 0.5s forwards;
}

.tp-btn-dark-sm {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--tp-common-white);
  background: var(--tp-theme-1);
  font-family: "DM Sans", sans-serif;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 5px;
  text-transform: uppercase;
  transition: 0.3s;
  letter-spacing: 2px;
}
.tp-btn-dark-sm i {
  padding-left: 10px;
}
.tp-btn-dark-sm:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-2);
}
.tp-btn-dark-sm:hover i {
  animation: tfLeftToRight 0.5s forwards;
}

.tp-btn-dark-lg {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--tp-common-white);
  background: var(--tp-theme-1);
  font-family: "DM Sans", sans-serif;
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 0 40px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 10px;
  text-transform: uppercase;
  transition: 0.3s;
  letter-spacing: 2px;
}
.tp-btn-dark-lg i {
  padding-left: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-btn-dark-lg {
    height: 60px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-btn-dark-lg {
    height: 50px;
    line-height: 50px;
    padding: 0px 30px;
  }
}
.tp-btn-dark-lg:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-2);
}
.tp-btn-dark-lg:hover i {
  animation: tfLeftToRight 0.5s forwards;
}

.tp-btn-dark {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--tp-common-white);
  background: var(--tp-theme-1);
  font-family: "DM Sans", sans-serif;
  height: 70px;
  line-height: 70px;
  text-align: center;
  padding: 0 40px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 10px;
  text-transform: uppercase;
  transition: 0.3s;
  letter-spacing: 2px;
}
.tp-btn-dark i {
  padding-left: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-btn-dark {
    height: 60px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-btn-dark {
    height: 50px;
    line-height: 50px;
    padding: 0px 30px;
  }
}
.tp-btn-dark:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-2);
}
.tp-btn-dark:hover i {
  animation: tfLeftToRight 0.5s forwards;
}

.tp-btn-price {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: var(--tp-common-white);
  background: var(--tp-theme-3);
  font-family: "DM Sans", sans-serif;
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding: 0 110px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 10px;
  text-transform: uppercase;
  transition: 0.3s;
  letter-spacing: 2px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-btn-price {
    padding: 0px 85px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-btn-price {
    padding: 0px 80px;
  }
}
.tp-btn-price i {
  padding-left: 17px;
}
.tp-btn-price:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-2);
}
.tp-btn-price:hover i {
  animation: tfLeftToRight 0.5s forwards;
}

.tp-btn-white {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--tp-theme-1);
  background: var(--tp-common-white);
  font-family: "DM Sans", sans-serif;
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding: 0 25px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 10px;
  text-transform: uppercase;
  transition: 0.3s;
  letter-spacing: 2px;
}
.tp-btn-white i {
  padding-left: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-btn-white {
    height: 45px;
    line-height: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-btn-white {
    height: 40px;
    line-height: 40px;
    padding: 0px 20px;
  }
}
.tp-btn-white:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
.tp-btn-white:hover i {
  animation: tfLeftToRight 0.5s forwards;
}

/* 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);
  }
}
@keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes rotate2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes moving {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(-50px);
  }
  50% {
    transform: translatey(-40px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes leftright {
  0% {
    transform: translatex(0);
  }
  50% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes movinglight {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(-70px);
  }
  50% {
    transform: translatey(-70px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes movinglight2 {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(70px);
  }
  50% {
    transform: translatey(70px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes movingtop {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translatey(70px);
  }
  50% {
    transform: translatey(-70px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes circle-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes circle-animation2 {
  0% {
    transform: scale(-1, 1) rotate(360deg);
  }
  100% {
    transform: scale(-1, 1) rotate(0deg);
  }
}
@keyframes zoom {
  0% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}
@keyframes zoom2 {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
@keyframes wobble-vertical {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
@-webkit-keyframes section-highlight {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes section-highlight {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-ms-keyframes section-highlight {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes section-highlight {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes widthcalc {
  0% {
    width: 20%;
  }
  50% {
    width: 50%;
  }
  75% {
    width: 90%;
  }
  90% {
    opacity: 75%;
  }
  90% {
    opacity: 100%;
  }
}
/* right bounce */
@-webkit-keyframes bounceRight {
  0%, 20%, 50%, 80%, 100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(-90px);
    transform: translateX(-90px);
  }
  60% {
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
@-moz-keyframes bounceRight {
  0%, 20%, 50%, 80%, 100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(-90px);
    transform: translateX(-90px);
  }
  60% {
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
@keyframes bounceRight {
  0%, 20%, 50%, 80%, 100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(-90px);
    transform: translateX(-90px);
  }
  60% {
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
/* /right bounce */
@keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
/*--- preloader ---*/
.dark #preloader {
  background-color: #232323;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f7f7f7;
  z-index: 999999;
}

.preloader {
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 0px;
  text-align: left;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}

.preloader span {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #53C351;
  -webkit-animation: preloader 1.3s linear infinite;
  animation: preloader 1.3s linear infinite;
}

.preloader span:last-child {
  animation-delay: -0.9s;
  -webkit-animation-delay: -0.9s;
}

@keyframes preloader {
  0% {
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes preloader {
  0% {
    -webkit-transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 0;
  }
}
/*--- end of preloader ---*/
/*--
    - Background color
-----------------------------------------*/
.grey-bg {
  background: var(--tp-grey-2);
}

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

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

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

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

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

.yellow-bg {
  background: var(--tp-theme-primary);
  border-radius: 20px;
}

.bg-radius-none {
  border-radius: inherit;
}

.body-overlay.apply {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 999;
  transition: 0.3s;
}

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

.tpoffcanvas {
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  right: -100%;
  width: 500px;
  height: 100vh;
  box-shadow: 0 16px -32px 0 rgba(0, 0, 0, 0.8);
  background-color: var(--tp-theme-1);
  z-index: 9999;
  transition: 1s;
  padding-right: 90px;
  padding-left: 90px;
  padding-top: 150px;
  padding-bottom: 100px;
  overflow-y: scroll;
  scrollbar-width: none;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpoffcanvas {
    padding-top: 90px;
  }
}
@media (max-width: 767px) {
  .tpoffcanvas {
    width: 300px;
    padding: 50px 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpoffcanvas {
    width: 400px;
    padding: 40px;
  }
}
.tpoffcanvas.opened {
  right: 0;
  opacity: 1;
  visibility: visible;
}
.tpoffcanvas__logo {
  margin-bottom: 60px;
}
.tpoffcanvas__logo img {
  width: 180px;
  height: 100%;
}
.tpoffcanvas__close-btn button {
  font-size: 35px;
  color: white;
  position: absolute;
  right: 50px;
  top: 50px;
  transition: 1s;
  font-weight: 300;
  opacity: 0.2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpoffcanvas__close-btn button {
    font-size: 28px;
    right: 48px;
    top: 28px;
  }
}
@media (max-width: 767px) {
  .tpoffcanvas__close-btn button {
    font-size: 28px;
    right: 20px;
    top: 10px;
  }
}
.tpoffcanvas__close-btn button:hover {
  color: #fff;
  opacity: 1;
}
.tpoffcanvas__content p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .tpoffcanvas__content p {
    line-height: 1;
  }
}
.tpoffcanvas__content span {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  font-family: "Playfair Display", serif;
  margin-bottom: 5px;
  display: inline-block;
}
@media (max-width: 767px) {
  .tpoffcanvas__content span {
    font-size: 16px;
  }
}
.tpoffcanvas__content a {
  font-size: 30px;
  line-height: 51px;
  font-weight: 700;
  color: var(--tp-common-white);
  margin-bottom: 55px;
  display: inline-block;
}
@media (max-width: 767px) {
  .tpoffcanvas__content a {
    font-size: 22px;
  }
}
.tpoffcanvas__social .social-icon a {
  font-size: 31px;
  color: var(--tp-common-white);
  margin-right: 30px;
  transition: 0.3s;
}
.tpoffcanvas__social .social-icon a:hover {
  color: var(--tp-theme-2);
}

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

.offcan-social-title {
  font-size: 20px;
  color: var(--tp-common-white);
  margin-bottom: 40px;
  font-weight: 500;
}

.dddddd {
  height: 100%;
  display: flex;
  flex-flow: row wrap;
  align-content: space-between;
}

.breadcrumb__title {
  font-size: 60px;
  color: var(--tp-theme-1);
  font-weight: 400;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .breadcrumb__title {
    font-size: 32px;
  }
}
.breadcrumb__subtitle {
  font-size: 18px;
  font-weight: 500;
  color: var(--tp-theme-3);
  text-transform: uppercase;
}

.ac-about-shape-img {
  position: absolute;
  bottom: -17px;
  left: 34px;
  z-index: 999;
}

.breadcrumb__area {
  background-size: cover !important;
  background-position: center !important;
}
@media (max-width: 767px) {
  .breadcrumb__area {
    padding-top: 130px;
    padding-bottom: 130px;
  }
}

.tp-custom-accordio .accordion-items {
  margin-bottom: 20px;
}
.tp-custom-accordio .accordion-buttons {
  position: relative;
  width: 100%;
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  padding: 40px 45px;
  background-color: var(--tp-common-white);
  color: #212121;
  border-radius: 10px 10px 0 0;
}
@media (max-width: 767px) {
  .tp-custom-accordio .accordion-buttons {
    font-size: 17px;
    padding: 28px 20px;
  }
}
.tp-custom-accordio .accordion-buttons::after {
  position: absolute;
  content: "\f063";
  font-family: "Font Awesome 5 Pro";
  background-image: none;
  top: 45px;
  right: 45px;
  color: #B8BCC8;
  width: auto;
  height: auto;
  font-weight: 500;
  font-size: 14px;
}
@media (max-width: 767px) {
  .tp-custom-accordio .accordion-buttons::after {
    top: 33px;
    right: 18px;
  }
}
.tp-custom-accordio .accordion-buttons.collapsed::after {
  content: "\f062";
}
.tp-custom-accordio .collapsed {
  border-radius: 10px 10px 10px 10px;
}
.tp-custom-accordio .accordion-body {
  background-color: var(--tp-common-white);
  padding: 20px 45px;
  box-shadow: 0px 25px 32px 0px rgba(0, 0, 0, 0.06);
  position: relative;
  z-index: 1;
  border-radius: 0 0px 10px 10px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .tp-custom-accordio .accordion-body {
    padding: 20px 25px;
  }
}
.tp-custom-accordio .accordion-body::before {
  position: absolute;
  content: "";
  height: 2px;
  background-color: var(--tp-grey-1);
  top: 0;
  left: 45px;
  right: 45px;
}

.faq-accordio-border .accordion-items {
  background-color: var(--tp-common-white);
  border: 1px solid #F5F5F5;
  border-radius: 10px;
}

.tp-section-subtitle {
  font-size: 15px;
  font-weight: 500;
  color: var(--tp-theme-3);
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 20px;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-subtitle {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tp-section-subtitle {
    font-size: 13px;
  }
}
.tp-section-subtitle::after {
  content: "";
  height: 12px;
  width: 12px;
  background-color: var(--tp-theme-2);
  display: inline-block;
  border-radius: 50%;
  margin-left: 10px;
}
.tp-section-subtitle::before {
  content: "";
  height: 12px;
  width: 12px;
  background-color: var(--tp-theme-2);
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
}

.tp-section-title {
  font-size: 50px;
  font-weight: 400;
  color: var(--tp-theme-1);
  letter-spacing: -0.02em;
  line-height: 1.1;
  font-family: "Playfair Display", serif;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-title {
    font-size: 37px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-title {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .tp-section-title {
    font-size: 30px;
  }
  .tp-section-title br {
    display: none;
  }
}

/*----------------------------------------*/
/*  02. header CSS START
/*----------------------------------------*/
.header-transparent {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 999;
}

.tp-ml-mr-box {
  margin-left: 65px;
  margin-right: 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-ml-mr-box {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-ml-mr-box {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.header-space {
  padding-right: 50px;
  padding-left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-space {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-space {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-space {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 767px) {
  .header-space {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.tp-main-menu ul {
  margin-left: 100px;
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  .tp-main-menu ul {
    margin-left: 100px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-main-menu ul {
    margin-left: 65px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-main-menu ul {
    margin-left: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-main-menu ul {
    margin-left: 50px;
  }
}
.tp-main-menu ul.inner-space {
  margin-right: 90px;
}
.tp-main-menu ul li {
  display: inline-block;
  margin: 0px 28px;
  position: relative;
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  .tp-main-menu ul li {
    margin: 0px 22px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-main-menu ul li {
    margin: 0px 17px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-main-menu ul li {
    margin: 0px 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-main-menu ul li {
    margin: 0px 10px;
  }
}
.tp-main-menu ul li.hasdropdown::after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-size: 15px;
  color: var(--tp-theme-1);
  font-weight: 400;
  transition: 0.3s;
}
.tp-main-menu ul li ul.submenu {
  position: absolute;
  background-color: #fff;
  width: 260px;
  z-index: 999;
  padding: 25px 30px;
  margin-left: 0;
  border-top: 5px solid var(--tp-theme-2);
  border-radius: 3px 3px 0 0;
  top: 110%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  box-shadow: 0px 8px 20px rgba(61, 110, 168, 0.2);
}
.tp-main-menu ul li ul.submenu li {
  margin: 0;
  display: block;
  margin-bottom: 15px;
}
.tp-main-menu ul li ul.submenu li:last-child {
  margin-bottom: 0;
}
.tp-main-menu ul li ul.submenu li a {
  padding: 0;
  margin: 0;
  display: block;
  text-transform: capitalizes;
  font-size: 14px;
  line-height: 1.3;
}
.tp-main-menu ul li a {
  font-size: 15px;
  color: var(--tp-theme-1);
  font-weight: 700;
  text-transform: uppercase;
  font-family: "DM Sans", sans-serif;
  letter-spacing: 1px;
  padding: 50px 0;
  margin-right: 7px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-main-menu ul li a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-main-menu ul li a {
    font-size: 12px;
    padding: 40px 0;
    margin-right: 3px;
  }
}
.tp-main-menu ul li:hover > a {
  color: var(--tp-theme-2);
}
.tp-main-menu ul li:hover > ul.submenu {
  opacity: 1;
  visibility: visible;
  top: 97%;
}
.tp-main-menu ul li:hover.hasdropdown::after {
  color: var(--tp-theme-2);
}

.tp-middle-menu ul {
  margin-left: 140px;
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  .tp-middle-menu ul {
    margin-left: 100px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-middle-menu ul {
    margin-left: 80px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-middle-menu ul {
    margin-left: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-middle-menu ul {
    margin-left: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-middle-menu ul {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  .tp-middle-menu ul li {
    margin: 0px 23px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-middle-menu ul li {
    margin: 0px 17px;
  }
}

.menu-inner-space ul {
  margin-left: 70px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .menu-inner-space ul {
    margin-left: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .menu-inner-space ul {
    margin-left: 2px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .menu-inner-space ul {
    margin-left: 80px;
  }
}

.space-left-right {
  margin-left: 80px;
  margin-right: 80px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .space-left-right {
    background-position: center;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .space-left-right {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .space-left-right {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.header-sticky-space {
  padding-left: 65px;
  padding-right: 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-sticky-space {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .header-sticky-space {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.tp-left-menu ul {
  margin-left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-left-menu ul {
    margin-left: 24px;
  }
}
.tp-left-menu ul li {
  margin: 0;
  margin-right: 70px;
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  .tp-left-menu ul li {
    margin-right: 50px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-left-menu ul li {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-left-menu ul li {
    margin-right: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-left-menu ul li {
    margin-right: 15px;
  }
}

.tpicon__icon button {
  font-size: 25px;
  color: var(--tp-theme-1);
  font-weight: 400;
}
.tpicon__icon > div > a {
  font-size: 25px;
  color: var(--tp-theme-1);
  font-weight: 400;
  position: relative;
}
.tpicon__icon > div > a span {
  height: 25px;
  width: 25px;
  font-style: normal;
  background-color: var(--tp-theme-2);
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  color: var(--tp-common-white);
  text-align: center;
  line-height: 25px;
  position: absolute;
  top: 0;
  right: -17px;
}
@media (max-width: 767px) {
  .tpicon__icon > div > a span {
    height: 20px;
    width: 20px;
    font-size: 10px;
    line-height: 20px;
    right: -12px;
  }
}
.tpicon__right .header-button {
  margin-left: 70px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpicon__right .header-button {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpicon__right .header-button {
    margin-left: 0px;
  }
}
.tpicon__right .shopping-basket {
  font-size: 25px;
  color: var(--tp-theme-1);
  font-weight: 400;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpicon__right .shopping-basket {
    margin-right: 20px;
  }
}
.tpicon__right .shopping-basket span {
  height: 25px;
  width: 25px;
  font-style: normal;
  background-color: var(--tp-theme-2);
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  color: var(--tp-common-white);
  text-align: center;
  line-height: 25px;
  position: absolute;
  top: 0;
  right: -17px;
}
@media (max-width: 767px) {
  .tpicon__right .shopping-basket span {
    height: 20px;
    width: 20px;
    font-size: 10px;
    line-height: 20px;
    right: -12px;
  }
}

.tp-inner-menu ul {
  margin-left: 95px;
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  .tp-inner-menu ul {
    margin-left: 38px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-inner-menu ul {
    margin-left: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-inner-menu ul {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-inner-menu ul {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  .tp-inner-menu ul li {
    margin: 0px 19px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-inner-menu ul li {
    margin: 0px 11px;
  }
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: var(--tp-common-white);
  width: 100%;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: 0px 2px 55px rgba(168, 182, 218, 0.32);
  z-index: 888;
}

.header-space-2 {
  padding-left: 100px;
  padding-right: 100px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .header-space-2 {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-space-2 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-space-2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .header-space-2 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.menu-box {
  position: relative;
}

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

.logo-middle {
  position: absolute;
  left: 49%;
  top: 50%;
  transform: translateY(-57%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .logo-middle {
    left: 50%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .logo-middle {
    position: static;
    left: 0;
    top: 0;
    transform: translateY(0);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .logo-middle img {
    max-width: 80%;
  }
}

.tp-left-menu ul li:nth-child(4) {
  margin-right: 500px;
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  .tp-left-menu ul li:nth-child(4) {
    margin-right: 400px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-left-menu ul li:nth-child(4) {
    margin-right: 320px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-left-menu ul li:nth-child(4) {
    margin-right: 280px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-left-menu ul li:nth-child(4) {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-left-menu ul li:nth-child(4) {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header-lg-space {
    margin-right: 15px;
    margin-left: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header-xs-space {
    margin-right: 15px;
    margin-left: 15px;
    padding: 0;
  }
}

.header-space-inner {
  padding-left: 45px;
  padding-right: 45px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-space-inner {
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media (max-width: 767px) {
  .header-space-inner {
    padding-right: 0px;
    padding-left: 0px;
  }
}

.ed-top-toogle {
  margin-left: 75px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-top-toogle {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-top-toogle {
    margin-left: 35px;
  }
}
@media (max-width: 767px) {
  .ed-top-toogle {
    margin-left: 31px;
  }
}

.ed-top-button {
  margin-left: 85px;
  line-height: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-top-button {
    margin-left: 45px;
  }
}

/* minicart */
.ede-shop-cart {
  position: relative;
  padding: 35px 0;
}

.ede-shop-cart ul.minicart {
  background: #fff;
  opacity: 0;
  padding: 25px;
  position: absolute;
  right: 0;
  top: 110%;
  transition: all 0.3s ease 0s;
  width: 350px;
  z-index: 9;
  box-shadow: 0px 8px 20px rgba(61, 110, 168, 0.3);
  visibility: hidden;
}
@media (max-width: 767px) {
  .ede-shop-cart ul.minicart {
    right: -69px;
    width: 325px;
    display: none;
  }
}

.checkout-link .tp-btn {
  height: 50px;
  line-height: 50px;
}
.checkout-link .tp-btn-dark-lg {
  height: 50px;
  line-height: 50px;
}

.ede-shop-cart:hover ul.minicart {
  opacity: 1;
  visibility: visible;
  z-index: 99;
  top: 100%;
}

.minicart .cart-img {
  float: left;
}

.minicart .cart-content {
  float: left;
  padding-left: 15px;
  text-align: left;
}

ul.minicart .cart-content a {
  color: var(--tp-theme-1);
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  font-weight: 700;
}

ul.minicart .cart-content a:hover {
  color: var(--tp-theme-2);
  background: none;
}

ul.minicart .cart-img img {
  width: 85px;
}

ul.minicart .cart-price span {
  color: #ddd;
  font-size: 13px;
}

ul.minicart .cart-price .new {
  font-size: 14px;
  color: #747691;
}

ul.minicart .cart-price span {
  color: #a5a7bc;
  font-size: 13px;
  font-weight: 500;
}

.minicart > li {
  display: block;
  margin-bottom: 7px;
  margin-left: 0;
  overflow: hidden;
  padding: 0;
}

.minicart > li:last-child {
  margin-bottom: 0;
}

.minicart .del-icon > a {
  color: var(--tp-theme-1);
}

.minicart .del-icon > a:hover {
  color: var(--tp-theme-2);
  background: none;
}

.minicart .del-icon {
  float: right;
  margin-top: 30px;
}

.total-price span {
  color: #747691;
  font-weight: 700;
  font-size: 16px;
}

.total-price {
  border-top: 1px solid #cacadb;
  overflow: hidden;
  padding-top: 25px;
  margin-top: 10px;
  margin-bottom: 15px;
}

.minicart .checkout-link a:last-child {
  margin: 0;
}

.minicart .checkout-link a.red-color:hover {
  background: #84b77c;
}

.header-sep {
  line-height: 1;
  height: 2px;
}

.tp-logo img {
  width: 225px;
}

.logo-middle img {
  width: 229px;
}

/*----------------------------------------*/
/*  03. MEANMENU CSS START
/*----------------------------------------*/
.mobile-menu.mean-container {
  overflow: hidden;
}
@media (max-width: 767px) {
  .mobile-menu.mean-container {
    margin-bottom: 30px;
  }
}

.mobile-menu .sidebar-list {
  clear: both;
}
.mobile-menu .sidebar-list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
  color: var(--tp-common-white);
}
.mobile-menu .sidebar-list li::after {
  top: 10px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid #888888;
  background-color: transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.mobile-menu .tp-sidebar-social {
  margin-top: 20px;
}
.mobile-menu .tp-sidebar-social a {
  margin-right: 5px;
  background-color: var(--tp-theme-primary);
  color: #fff;
  display: inline-block;
  width: 35px;
  height: 35px;
  text-align: center;
  font-size: 14px;
  line-height: 34px;
}

.sidebar-title h3 {
  color: var(--tp-common-white);
}

/* mean menu customize */
.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 15px 0;
  color: #fff;
  border-top: 1px solid #376a5a;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--tp-theme-2);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 10px;
  padding: 0 !important;
  line-height: 14px;
  border: 1px solid #376a5a !important;
  height: 30px;
  width: 30px;
  line-height: 30px;
  color: #fff;
  line-height: 30px;
  top: 0;
  font-weight: 400;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background: var(--clr-theme-1);
  color: var(--tp-theme-2);
  border-color: #888888;
}

.mean-container .mean-nav ul li > a > i {
  display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
}

.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
  color: var(--clr-common-black);
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  04. hero CSS START
/*----------------------------------------*/
.tp-hero-thumb img {
  width: 100%;
}

.col-custom-1 {
  width: 29%;
}
@media (max-width: 767px) {
  .col-custom-1 {
    width: 50%;
  }
}

.col-custom-2 {
  width: 42%;
}
@media (max-width: 767px) {
  .col-custom-2 {
    width: 100%;
  }
}

.tp-hero-box {
  height: 100%;
  text-align: center;
  display: flex;
  background-color: #85A59B;
  align-items: center;
  padding: 30px;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .tp-hero-box {
    padding: 50px 30px;
  }
}

.tp-hero-subtitle {
  color: var(--tp-common-white);
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-bottom: 23px;
  display: inline-block;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-subtitle {
    font-size: 14px;
    letter-spacing: 2px;
  }
}
@media (max-width: 767px) {
  .tp-hero-subtitle {
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 5px;
  }
}

.tp-hero-title {
  font-size: 60px;
  color: var(--tp-common-white);
  font-weight: 400;
  margin-bottom: 34px;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-hero-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-title {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .tp-hero-title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-title {
    font-size: 45px;
  }
}

.tp-hero-lg-title {
  font-size: 68px;
  color: var(--tp-common-white);
  font-weight: 400;
  margin-bottom: 34px;
  line-height: 1.2;
  letter-spacing: -2px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-hero-lg-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-lg-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-lg-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-lg-title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .tp-hero-lg-title {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-lg-title {
    font-size: 30px;
  }
}

.hero-shape {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.tp-title-theme-color {
  color: var(--tp-theme-1);
  font-weight: 400;
  font-size: 72px;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  .tp-title-theme-color {
    font-size: 40px;
  }
}

.tp-hero-item {
  display: inline-block;
  height: 672px;
  width: 672px;
  background-color: #2C6352;
  border-radius: 50%;
  background-position: bottom;
  background-repeat: no-repeat;
  margin: 0 auto;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-item {
    height: 470px;
    width: 470px;
  }
}
@media (max-width: 767px) {
  .tp-hero-item {
    height: 300px;
    width: 300px;
  }
}

.tp-hero-overlay {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-overlay {
    background-position: left;
  }
}
.tp-hero-overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(185.46deg, #FFFFFF -0.76%, rgba(255, 255, 255, 0) 33.17%);
  content: "";
}

.tp-hero-wrapper {
  border: 4px solid var(--tp-common-white);
}

.tp-hero-border-box {
  background-color: var(--tp-common-white);
  padding: 90px 20px;
  margin: 40px;
  width: 100%;
}
@media (max-width: 767px) {
  .tp-hero-border-box {
    padding: 50px 20px;
    margin: 10px;
  }
}

/*----------------------------------------*/
/*  05. service CSS START
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-service-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.tpservice {
  background-color: var(--tp-common-white);
  padding: 50px 10px;
  position: relative;
  z-index: 22;
}
.tpservice__icon svg {
  padding-bottom: 23px;
  opacity: 0.5;
  transition: 0.3s;
}
.tpservice:hover {
  box-shadow: 0px 17px 18px rgba(237, 228, 214, 0.11);
}
.tpservice:hover .tpservice__icon svg {
  opacity: 1;
}
.tpservice:hover .tp-service-title {
  opacity: 1;
}

.tp-service-wrapper {
  padding: 60px 0;
  margin-top: -20px;
}

.tp-service-title {
  font-size: 26px;
  font-weight: 400;
  color: var(--tp-theme-1);
  letter-spacing: -0.02em;
  line-height: 1.2;
  opacity: 0.5;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-service-title {
    font-size: 22px;
  }
}

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

.tp-sv-slider-dots {
  margin-top: -60px;
}
.tp-sv-slider-dots .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  display: inline-block;
  border-radius: 50%;
  background: rgba(83, 195, 81, 0.9);
  margin: 0px 5px;
  transition: 0.3s;
}
.tp-sv-slider-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #53C351;
  height: 11px;
  width: 30px;
  border-radius: 30px;
  transition: 0.3s;
}

.ghservice {
  background-color: var(--tp-common-white);
  padding: 15px;
}
@media (max-width: 767px) {
  .ghservice {
    width: 100%;
    flex-wrap: wrap;
  }
}
.ghservice__thumb {
  margin-right: 50px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  .ghservice__thumb {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ghservice__thumb {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .ghservice__thumb {
    margin-right: 0px;
    width: 100%;
  }
}
.ghservice__thumb img {
  border-radius: 15px !important;
}
@media (max-width: 767px) {
  .ghservice__thumb img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .ghservice__content {
    padding: 20px 0;
  }
}
.ghservice__content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  letter-spacing: -0.02em;
  padding-right: 40px;
  padding-bottom: 10px;
}
@media only screen and (min-width: 1601px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .ghservice__content p {
    padding-right: 0;
  }
}

.gh-service-title {
  font-size: 35px;
  font-weight: 400;
  letter-spacing: -0.02em;
  margin-bottom: 15px;
}

.gh-service-slider-active {
  margin-left: -130px !important;
  margin-right: -130px !important;
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  .gh-service-slider-active {
    margin-left: -220px !important;
    margin-right: -220px !important;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .gh-service-slider-active {
    margin-left: -200px !important;
    margin-right: -200px !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .gh-service-slider-active {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}
@media (max-width: 767px) {
  .gh-service-slider-active {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

.gh-service-arrow {
  position: relative;
}
.gh-service-arrow::before {
  position: absolute;
  content: "";
  height: 1px;
  background-color: #EBE6DF;
  width: 80%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.gh-service-arrow button {
  height: 50px;
  width: 50px;
  background-color: var(--tp-theme-2);
  border-radius: 5px;
  transition: 0.4s;
}
.gh-service-arrow button i {
  font-size: 18px;
  color: var(--tp-common-white);
  font-weight: 500;
}
.gh-service-arrow button:hover {
  background-color: var(--tp-theme-1);
  color: #fff;
}
.gh-service-arrow button:hover i {
  color: #fff;
}

@media (max-width: 767px) {
  .tp-service-three {
    padding-top: 30px;
  }
}

.tp-gh-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
}

.tp-gh-shape-2 {
  position: absolute;
  top: 75px;
  right: 0;
}

.tp-gh-shape-3 {
  position: absolute;
  bottom: -75px;
  right: 0;
  height: auto;
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  .tp-gh-shape-3 {
    bottom: -135px;
    right: -21px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-gh-shape-3 {
    bottom: -170px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-gh-shape-3 {
    bottom: -150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-gh-shape-3 {
    bottom: -160px;
  }
}

.sv-sm-title {
  font-size: 22px;
  font-weight: 400;
  padding-bottom: 15px;
  transition: 0.3s;
}
.sv-sm-title:hover {
  color: var(--tp-theme-2);
}

.tpsvthree__icon {
  margin-right: 20px;
}
.tpsvthree__content span {
  font-size: 15px;
  font-weight: 400;
  color: var(--tp-theme-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpsvthree__content span {
    font-size: 14px;
  }
}

.book-info-title {
  font-weight: 400;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.02em;
  padding-bottom: 25px;
}
@media (max-width: 767px) {
  .book-info-title {
    font-size: 35px;
  }
}

.book-description p {
  padding-left: 35px;
  padding-right: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .book-description p {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.tp-service-inner {
  padding: 0;
  margin-top: 0px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .book-info {
    margin-bottom: 40px;
  }
}

.tp-exprience-list ul {
  padding-bottom: 80px;
}
.tp-exprience-list ul li {
  font-size: 16px;
  color: var(--tp-theme-3);
  line-height: 30px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .tp-exprience-list ul li {
    font-size: 16px;
  }
}
.tp-exprience-list ul li i {
  color: var(--tp-theme-2);
  position: absolute;
  top: 7px;
  left: 0;
  font-weight: 400;
  font-size: 16px;
}

@media (max-width: 767px) {
  .tp-exprience-img {
    margin-bottom: 30px;
  }
}
.tp-exprience-img img {
  width: 100%;
}

.tp-exprience-title {
  font-size: 42px;
  font-weight: 400;
  color: var(--tp-theme-1);
  text-transform: capitalize;
  padding-bottom: 35px;
}

.sv-details-space {
  margin-bottom: 70px;
}

/*----------------------------------------*/
/*  06. fun-fact CSS START
/*----------------------------------------*/
.tpfunfact1 {
  padding: 30px;
  background-color: var(--tp-theme-1);
  height: 100%;
}
.tpfunfact1__thumb {
  margin-bottom: 50px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tpfunfact1__thumb {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tpfunfact1__thumb {
    margin-bottom: 30px;
  }
}
.tpfunfact1__thumb img {
  border-radius: 50% 50% 0 0 !important;
}

.tp-fun-fact-title {
  color: var(--tp-common-white);
  font-weight: 400;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin-bottom: 60px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-fun-fact-title {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-fun-fact-title {
    margin-bottom: 30px;
  }
  .tp-fun-fact-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-fun-fact-title {
    margin-bottom: 30px;
    font-size: 30px;
  }
  .tp-fun-fact-title br {
    display: none;
  }
}

.tpfunfact1-bg {
  background-color: #85A59B;
}

.tp-funfact-shape {
  position: absolute;
  top: -72px;
  left: 0;
  right: 0;
  animation: rotate2 15s linear infinite;
}

.tp-fun-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tp-fun-play-button a {
  height: 130px;
  width: 130px;
  background-color: var(--tp-common-white);
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 130px;
  color: var(--tp-theme-2);
  font-size: 24px;
  transition: 0.3s;
  animation: pulse 2s infinite;
}
.tp-fun-play-button a:hover {
  background-color: var(--tp-theme-2);
  color: var(--tp-common-white);
}

.tp-fun-fact-wrapper {
  width: 100%;
}

.tpfunfact2 {
  height: 100%;
}
.tpfunfact2__thumb {
  height: 100%;
}
.tpfunfact2__thumb img {
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpfunfact2__thumb img {
    width: 100%;
  }
}

/*----------------------------------------*/
/*  07. chose CSS START
/*----------------------------------------*/
.tpchose__thumb img {
  border-radius: 50% 50% 0 0 !important;
}
.tpchose__img {
  width: 100%;
}
.tpchose__img img {
  width: 100%;
}

.chose-title-space {
  padding-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .chose-title-space br {
    display: none;
  }
}

.tp-chose-section-box p {
  padding-bottom: 25px;
}

.chose-bg-height {
  background-color: var(--tp-gray-2);
  width: 100%;
  height: 50%;
}

.chose-spase-pr {
  padding-right: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .chose-spase-pr {
    padding-right: 23px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .chose-spase-pr {
    padding-right: 18px;
  }
}
@media (max-width: 767px) {
  .chose-spase-pr {
    padding-right: 0px;
  }
}

.chose-spase-pl {
  padding-left: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .chose-spase-pl {
    padding-left: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .chose-spase-pl {
    padding-left: 0px;
  }
}

.chose-grey-bg {
  position: relative;
}

.chose-img-sep-box.pt-120 {
  background: #EFF6F4;
}

.tp-chose-shape-1 {
  position: absolute;
  top: -30px;
  left: -25px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-chose-shape-1 {
    top: -105px;
    left: -78px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-chose-shape-1 {
    top: -98px;
    left: -115px;
  }
}

.tp-chose-shape-2 {
  position: absolute;
  top: -30px;
  right: -25px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-chose-shape-2 {
    top: -70px;
    right: -66px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-chose-shape-2 {
    top: -98px;
    right: -115px;
  }
}

@media (max-width: 767px) {
  .chose-xs-space {
    margin-top: 80px;
  }
}

/*----------------------------------------*/
/*  08. contact CSS START
/*----------------------------------------*/
.tp-counter-title {
  font-size: 60px;
  color: var(--tp-common-white);
  font-weight: 400;
  font-size: 60px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-counter-title {
    text-align: center;
    margin-bottom: 40px;
  }
  .tp-counter-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-counter-title {
    text-align: center;
    margin-bottom: 40px;
    font-size: 40px;
  }
  .tp-counter-title br {
    display: none;
  }
}

.tp-counter-info {
  background-color: #33705D;
  border-radius: 15px;
  padding: 100px 40px 60px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-counter-info {
    padding: 100px 20px 60px 30px;
  }
}
.tp-counter-info span {
  font-weight: 500;
  font-size: 55px;
  line-height: 54px;
  letter-spacing: -0.02em;
  color: var(--tp-common-white);
  position: relative;
  margin-bottom: 15px;
  display: inline-block;
}
.tp-counter-info span::after {
  content: "";
  top: -44px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: var(--tp-theme-2);
  position: absolute;
  border-radius: 50%;
}
.tp-counter-info p {
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  color: #B9D8CD;
  margin-bottom: 0;
}

.counter-space {
  margin-left: 65px;
  margin-right: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .counter-space {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.tp-counter-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  .tp-counter-shape-1 {
    left: -50px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-counter-shape-1 {
    top: -87px;
    left: -85px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-counter-shape-1 {
    top: -70px;
    left: -47px;
  }
}

.tp-counter-shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-counter-shape-2 {
    bottom: -75px;
    right: -95px;
  }
}

.tp-bg-transparent {
  background-color: transparent;
  display: inline-block;
  text-align: left;
}

.tp-counter-wrapper {
  text-align: center;
}

/*----------------------------------------*/
/*  09. about CSS START
/*----------------------------------------*/
.tp-about-wrapper {
  padding: 80px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-wrapper {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-wrapper {
    padding: 15px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-wrapper {
    padding: 35px 0;
  }
}
@media (max-width: 767px) {
  .tp-about-wrapper {
    padding: 20px 0;
  }
}

.tp-about-thumb {
  padding-left: 85px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-thumb {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-thumb {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-thumb {
    padding-left: 35px;
  }
}
@media (max-width: 767px) {
  .tp-about-thumb {
    padding-left: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
  }
}
.tp-about-thumb img {
  border-radius: 15px;
  max-width: 100%;
}
@media (max-width: 767px) {
  .tp-about-thumb img {
    width: 100%;
  }
}

.tp-ab-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-ab-shape-1 {
    top: -60px;
    left: -58px;
  }
}

.tp-ab-shape-2 {
  position: absolute;
  top: 100px;
  right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-ab-shape-2 {
    top: 0;
    right: -90px;
  }
}

.tp-ab-shape-3 {
  position: absolute;
  bottom: 0px;
  left: 80px;
}

.tp-ab-shape-4 {
  position: absolute;
  bottom: 0px;
  right: 80px;
}

.tpabitem__content {
  padding-right: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpabitem__content {
    padding-right: 25px;
  }
}
@media (max-width: 767px) {
  .tpabitem__content {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
  }
}
.tpabitem__content h4 {
  color: #85A59B;
  font-size: 180px;
  font-family: "Playfair Display", serif;
  font-weight: 400;
  line-height: 0.7;
  margin-bottom: 22px;
  letter-spacing: -2px;
}
.tpabitem__content p {
  margin-bottom: 0;
}

.tp-ab-subtitle {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.015em;
  text-transform: capitalize;
  font-family: "DM Sans";
  display: block;
  margin-bottom: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-ab-subtitle {
    margin-bottom: 15px;
  }
}

.tp-ab-title {
  font-weight: 400;
  font-size: 35px;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-ab-title {
    font-size: 33px;
    padding-bottom: 0;
  }
  .tp-ab-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-ab-title {
    font-size: 29px;
    padding-bottom: 20px;
  }
  .tp-ab-title br {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-space {
    padding: 0px 30px;
  }
}
@media (max-width: 767px) {
  .about-space {
    padding-bottom: 20px;
  }
}

.tpabfeature__item {
  padding-left: 30px;
  padding-right: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpabfeature__item {
    padding-left: 15px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpabfeature__item {
    padding-left: 0px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpabfeature__item {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .tpabfeature__item {
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 20px;
  }
}
.tpabfeature__item h4 {
  font-size: 80px;
  font-family: "Playfair Display";
  font-weight: 400;
  color: #85A59B;
  line-height: 1;
}
.tpabfeature__item h4 span {
  font-size: 50px;
  font-family: "Playfair Display";
  font-weight: 400;
  color: #85A59B;
  font-style: normal;
  display: inline-block;
  transform: translateY(-10px);
}
.tpabfeature__item p {
  font-size: 14px;
  line-height: 23px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpabfeature__item p {
    padding-bottom: 0;
  }
}

.creat-title {
  font-weight: 400;
  font-size: 50px;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .creat-title {
    font-size: 43px;
  }
}
@media (max-width: 767px) {
  .creat-title {
    font-size: 30px;
    margin-bottom: 40px;
  }
  .creat-title br {
    display: none;
  }
}

.bg-service-inner-space-1 {
  padding-right: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bg-service-inner-space-1 {
    padding-right: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bg-service-inner-space-1 {
    margin-bottom: 40px;
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  .bg-service-inner-space-1 {
    padding-right: 0px;
  }
}

.bg-service-inner-space-2 {
  padding-left: 100px;
  padding-right: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bg-service-inner-space-2 {
    padding-left: 60px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bg-service-inner-space-2 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  .bg-service-inner-space-2 {
    padding-right: 0px;
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .ab-img {
    width: 100%;
  }
  .ab-img img {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ab-img {
    width: 100%;
  }
  .ab-img img {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .ab-img-1 {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ab-img-1 {
    margin-bottom: 20px;
  }
}

/*----------------------------------------*/
/*  10. gallary CSS START
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .gallary-space {
    padding: 0px 40px;
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .gallary-space {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.tp-gal-thumb img {
  transform: scale(1);
  transition: 1s;
}
.tp-gal-thumb:hover img {
  transform: scale(1.1) rotateX(5deg);
}

.tp-gal-infobox {
  background-color: var(--tp-common-white);
  position: absolute;
  bottom: 50px;
  left: -100%;
  padding: 45px 40px;
  background-repeat: no-repeat;
  background-position: right;
  opacity: 0;
  visibility: hidden;
  transition: 1s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-gal-infobox {
    padding: 20px 20px;
  }
}

.tp-gal-title {
  margin-bottom: 30px;
  font-size: 27px;
  letter-spacing: 2px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-gal-title {
    margin-bottom: 20px;
    font-size: 17px;
  }
}
.tp-gal-title:hover a {
  background-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
}

.tp-gal-thumb:hover .tp-gal-infobox {
  opacity: 1;
  visibility: visible;
  left: 0;
}

/*----------------------------------------*/
/*  11. project CSS START
/*----------------------------------------*/
.tp-project-img {
  position: relative;
}
.tp-project-img::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 350px;
  width: 350px;
  border-radius: 50%;
  background-color: rgba(83, 195, 81, 0.9);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-project-img::after {
    height: 250px;
    width: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-project-img::after {
    height: 220px;
    width: 220px;
  }
}
@media (max-width: 767px) {
  .tp-project-img::after {
    height: 200px;
    width: 200px;
  }
}
.tp-project-img img {
  width: 100%;
  transform: scale(1);
  transition: 1s;
}
.tp-project-img:hover img {
  transform: scale(1.1);
}
.tp-project-img:hover::after {
  opacity: 1;
  visibility: visible;
}
.tp-project-img:hover .tp-project-info {
  opacity: 1;
  visibility: visible;
}

.tp-project-info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}

.tp-project-title {
  font-weight: 400;
  font-size: 25px;
  line-height: 70px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-project-title {
    font-size: 21px;
    line-height: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-project-title {
    font-size: 20px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .tp-project-title {
    font-size: 17px;
    line-height: 30px;
  }
}

.tp-project-tab-button {
  display: inline-block;
}

.tp-project-tab-button button {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  position: relative;
  padding: 30px 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-project-tab-button button {
    padding: 20px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-project-tab-button button {
    padding: 17px 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-project-tab-button button {
    font-size: 12px;
    padding: 13px 15px;
  }
}
@media (max-width: 767px) {
  .tp-project-tab-button button {
    font-size: 12px;
    padding: 13px 15px;
  }
}

.tp-project-tab-button button:last-child:after {
  display: none;
}

.tp-project-tab-button button span {
  position: relative;
  z-index: 3;
}

.tp-project-tab-button button.active {
  box-shadow: 0px 10px 10px rgba(20, 36, 78, 0.12);
  background-color: var(--tp-common-white);
  color: var(--tp-theme-1);
}
.tp-project-tab-button button.active::before {
  border-bottom: 4px solid var(--tp-theme-2);
}

.tp-project-tab-button button.active:before {
  opacity: 1;
  visibility: visible;
}

.tp-project-tab-button button:before {
  content: "";
  height: 100%;
  width: 105%;
  top: 0;
  left: -5px;
  background: var(--tp-common-white);
  position: absolute;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  border-bottom: 4px solid transparent;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-project-tab-button button:before {
    width: 106%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-tab-button button:before {
    width: 109%;
  }
}

.tp-project-tab-button button:after {
  content: "";
  height: 40px;
  width: 1px;
  top: 50%;
  right: 0;
  background: rgba(12, 75, 54, 0.5);
  opacity: 0.3;
  transform: translateY(-50%);
  position: absolute;
  z-index: 1;
}
@media (max-width: 767px) {
  .tp-project-tab-button button:after {
    height: 20px;
  }
}

/*----------------------------------------*/
/* 12. work CSS START
/*----------------------------------------*/
.tpwork {
  padding: 50px 20px;
  background-color: var(--tp-common-white);
  box-shadow: 0px 17px 18px rgba(237, 228, 214, 0.11);
}
.tpwork__icon svg {
  margin-bottom: 40px;
}
.tpwork:hover .tpwork__icon {
  animation: icon-bounce 0.8s 1;
}

.tp-work-title {
  font-weight: 400;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: -0.02em;
  transition: 0.3s;
}
.tp-work-title:hover {
  color: var(--tp-theme-2);
}
@media (max-width: 767px) {
  .tp-work-title {
    font-size: 20px;
  }
}

/*----------------------------------------*/
/*  13. shop CSS START
/*----------------------------------------*/
.tp-shop-img-1 {
  position: absolute;
  top: 0;
  left: 0;
}

.tp-shop-img-2 {
  position: absolute;
  top: 0;
  right: 0;
}

.tpshopitems {
  background-color: var(--tp-common-white);
  padding: 30px;
}
.tpshopitems__thumb {
  text-align: center;
}
.tpshopitems__thumb img {
  min-height: 230px;
}
.tpshopitems__meta span {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  padding-bottom: 5px;
  display: inline-block;
  transition: 0.3s;
}
.tpshopitems__meta span:hover {
  color: var(--tp-theme-2);
}
.tpshopitems__meta p {
  color: var(--tp-theme-1);
  font-weight: 700;
  font-size: 15px;
  padding-bottom: 22px;
}
.tpshopitems__meta p i {
  color: #B2ADAA;
  font-style: normal;
  font-size: 14px;
  font-weight: 700;
}

.tp-sp-icon .nice-select {
  cursor: pointer;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 50px;
  text-align: left !important;
  white-space: nowrap;
  position: relative;
  padding-left: 0;
}
.tp-sp-icon .nice-select::after {
  border: 0;
  content: "\f063";
  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;
}
.tp-sp-icon .nice-select.open::after {
  content: "\f062";
}
.tp-sp-icon .nice-select.open .list {
  transform: scale(1) translateY(13px);
}
.tp-sp-icon .nice-select .list {
  left: -15px;
}

.tp-shop-quantity {
  display: flex;
  display: inline-block;
}
.tp-shop-quantity .cart-minus {
  height: 38px;
  width: 38px;
  background-color: var(--tp-common-white);
  text-align: center;
  line-height: 38px;
  cursor: pointer;
}
.tp-shop-quantity input {
  border: 0;
  background-color: transparent;
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
}
.tp-shop-quantity .cart-plus {
  height: 38px;
  width: 38px;
  background-color: var(--tp-common-white);
  text-align: center;
  line-height: 38px;
  cursor: pointer;
}

.tp-quantity {
  display: flex;
  background-color: var(--tp-grey-1);
  padding: 3px;
}

.tp-shop-cart a {
  font-size: 16px;
  color: var(--tp-common-white);
  height: 42px;
  width: 42px;
  background-color: var(--tp-theme-2);
  display: inline-block;
  font-weight: 600;
  text-align: center;
  line-height: 40px;
  transition: 0.3s;
}
.tp-shop-cart:hover a {
  background-color: var(--tp-theme-1);
}

.tp-shop-button {
  line-height: 1;
}

.tp-category-tab-button ul li button {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  position: relative;
  padding: 30px 55px;
  transition: 0.4s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-category-tab-button ul li button {
    padding: 25px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-category-tab-button ul li button {
    padding: 20px 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-category-tab-button ul li button {
    font-size: 12px;
    padding: 12px 19px;
  }
}
@media (max-width: 767px) {
  .tp-category-tab-button ul li button {
    font-size: 12px;
    padding: 12px 14px;
  }
}

.tp-category-tab-button ul li button:last-child:after {
  display: none;
}

.tp-category-tab-button ul li button {
  color: var(--tp-theme-1);
}
.tp-category-tab-button ul li button:hover {
  color: var(--tp-theme-1);
}

.tp-category-tab-button ul li button.active {
  box-shadow: 0px 10px 10px rgba(20, 36, 78, 0.12);
  background-color: var(--tp-common-white);
  color: var(--tp-theme-1);
  position: relative;
  z-index: 2;
}
.tp-category-tab-button ul li button.active::before {
  border-bottom: 4px solid var(--tp-theme-2);
}

.tp-category-tab-button ul li button.active:before {
  opacity: 1;
  visibility: visible;
}

.tp-category-tab-button ul li button:before {
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0px;
  background: var(--tp-common-white);
  position: absolute;
  z-index: -6;
  opacity: 0;
  visibility: hidden;
  border-bottom: 4px solid transparent;
}

.tp-category-tab-button ul li button:after {
  content: "";
  height: 40px;
  width: 1px;
  top: 50%;
  right: 0;
  background: rgba(12, 75, 54, 0.5);
  opacity: 0.3;
  transform: translateY(-50%);
  position: absolute;
  z-index: 1;
  transition: 0.4s;
}

.tp-category-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-transform: capitalize;
  color: var(--tp-theme-1);
  padding-bottom: 7px;
  display: inline-block;
}

.tpcategory {
  text-align: center;
  overflow: hidden;
}
.tpcategory:hover .tpcategory__thumb img {
  transform: scale(1.1);
}
.tpcategory__thumb img {
  transform: scale(1);
  transition: 1s;
  width: 100%;
}
.tpcategory__content {
  background-color: var(--tp-common-white);
  border: 1px solid #F6F7FB;
  padding: 35px 15px;
}
.tpcategory__meta .category-rating {
  margin-right: 3px;
}
.tpcategory__meta .category-rating span {
  color: #FFC759;
  margin: 0px 2px;
}
.tpcategory__meta .category-price {
  margin-left: 6px;
}
.tpcategory__meta .category-price span {
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-theme-2);
}
.tpcategory__meta .category-price span del {
  color: #98928E;
}
.tpcategory:hover .category-info-box {
  opacity: 1;
  visibility: visible;
  top: 0;
}

.category-info-box {
  background-color: var(--tp-theme-1);
  padding: 40px 30px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .category-info-box {
    padding: 40px 13px;
  }
}

.category-quantity {
  background-color: var(--tp-theme-1);
}
.category-quantity .cart-minus {
  border: 1px solid #387562;
  color: var(--tp-common-white);
  background-color: transparent;
  font-size: 16px;
}
.category-quantity .cart-minus:hover {
  background-color: #387562;
  color: var(--tp-common-white);
}
.category-quantity input {
  border: 1px solid #387562;
  color: var(--tp-common-white);
  background-color: transparent;
  font-size: 16px;
}
.category-quantity input:hover {
  background-color: #387562;
  color: var(--tp-common-white);
}
.category-quantity .cart-plus {
  border: 1px solid #387562;
  color: var(--tp-common-white);
  background-color: transparent;
  font-size: 16px;
}
.category-quantity .cart-plus:hover {
  background-color: #387562;
  color: var(--tp-common-white);
}

.category-shop-cart a {
  background-color: #387562;
  transition: 0.3s;
  margin: 0px 3px;
  font-size: 16px;
}
.category-shop-cart a:hover {
  background-color: var(--tp-theme-2);
  color: var(--tp-common-white);
}

.new-colection {
  position: absolute;
  top: 20px;
  left: 20px;
}
.new-colection span {
  height: 23px;
  line-height: 23px;
  padding: 0px 10px;
  background-color: #FF5E6A;
  color: var(--tp-common-white);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  border-radius: 3px;
}

.tpshopslider {
  position: relative;
}
.tpshopslider::after {
  content: "";
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  border: 6px solid var(--tp-common-white);
  position: absolute;
  transform: scale(1.1);
  opacity: 0;
  visibility: hidden;
  transition: 0.7s;
}
.tpshopslider:hover::after {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.tpshopslider__content span {
  display: block;
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 20px;
}
.tpshopslider__content a {
  margin-bottom: 50px;
}

.fffff {
  position: absolute;
  top: 47px;
  left: 0;
  right: 0;
}

.slider-shop-rating span {
  color: #FFC759;
  padding-bottom: 40px;
  display: inline-block;
  margin: 0px 4px;
}

.testimonial-border {
  border-bottom: 1px solid var(--tp-border-1);
}

.tp-shop-filter {
  border: 1px solid var(--tp-border-1);
  border-radius: 6px;
  line-height: 50px;
  padding: 7px 30px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .tp-shop-filter {
    padding: 0 15px;
  }
}

.tp-shop-left span {
  font-size: 15px;
  font-weight: 500;
}

.tp-sp-icon a {
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
}
.tp-sp-icon a i {
  color: var(--tp-common-black);
  font-weight: 400;
  padding-left: 10px;
}

.tp-sp-tab a {
  color: rgba(44, 99, 82, 0.3);
  font-weight: 900;
  font-size: 15px;
  padding-right: 12px;
}

.tp-sp-filter a {
  font-weight: 900;
  font-size: 15px;
}

.tp-shop-tab-box ul li {
  margin-left: 12px;
}
@media (max-width: 767px) {
  .tp-shop-tab-box ul li {
    margin-left: 9px;
  }
}
.tp-shop-tab-box ul li button {
  opacity: 0.3;
}
.tp-shop-tab-box ul li button.active {
  opacity: 1;
}

.tp-category-lg-title {
  font-size: 22px;
  margin-bottom: 0px;
}

.tpproduct-list {
  margin-top: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpproduct-list {
    margin-top: 0;
  }
}

.category-lg-price span {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 10px;
  display: inline-block;
  color: var(--tp-theme-2);
}
.category-lg-price span del {
  color: #98928E;
}
.category-lg-price p {
  padding-right: 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .category-lg-price p {
    padding-right: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .category-lg-price p {
    padding-right: 0px;
  }
}

.shop-sidebar-p-space p {
  padding-right: 0;
}

.shop-list-action .tp-btn-xs {
  margin-right: 10px;
}
.shop-list-action .heart {
  height: 40px;
  width: 40px;
  background-color: var(--tp-theme-2);
  color: var(--tp-common-white);
  text-align: center;
  line-height: 40px;
  border-radius: 4px;
  transition: 0.3s;
}
.shop-list-action .heart:hover {
  background-color: var(--tp-theme-1);
}

.widget-title::before {
  content: url(../img/svg/angel-right.png);
  padding-right: 6px;
}

.productsidebar {
  margin-bottom: 55px;
}
.productsidebar__content ul li {
  margin-bottom: 15px;
}
.productsidebar__content ul li a {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tp-theme-3);
  transition: 0.5s;
}
.productsidebar__content ul li a:hover {
  color: var(--tp-theme-1);
  text-decoration: underline;
}
.productsidebar__content ul li:last-child {
  margin-bottom: 0;
}
.productsidebar__content .product-thumb {
  flex: 0 0 auto;
  margin-right: 20px;
}
.productsidebar__content .product-thumb img {
  border-radius: 5px;
}
.productsidebar__content .shop-content span {
  color: var(--tp-theme-2);
}
.productsidebar__range .price-filter input {
  border: 0;
  text-align: end;
  color: var(--tp-theme-3);
  font-weight: 500;
  font-weight: 500;
}
.productsidebar__tag a {
  background-color: #F6F7FB;
  padding: 8px 17px;
  display: inline-block;
  border-radius: 5px;
  font-size: 14px;
  color: var(--tp-theme-3);
  font-weight: 500;
  transition: 0.3s;
  margin-right: 10px;
  margin-bottom: 10px;
}
.productsidebar__tag a:hover {
  background-color: var(--tp-theme-2);
  color: var(--tp-common-white);
}

.widget-title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 25px;
}

.siderbar-sm-title {
  font-size: 18px;
  font-weight: 500;
  color: var(--tp-theme-1);
  text-transform: capitalize;
  font-family: "DM Sans", sans-serif;
}
.siderbar-sm-title:hover {
  color: var(--tp-theme-2);
}

.ui-widget.ui-widget-content {
  height: 3px;
  width: 100%;
  background-color: var(--tp-theme-2);
  border-radius: 10px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
  height: 14px;
  width: 14px;
  background-color: var(--tp-theme-2);
  border-radius: 50%;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -5px;
  margin-left: 0;
}

.ui-widget.ui-widget-content {
  border: none;
}

.ui-slider-range.ui-corner-all.ui-widget-header {
  left: 0%;
  width: 0;
}

.ui-widget-header {
  border: navajowhite;
  background: none;
  color: #333333;
  font-weight: bold;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 0;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid var(--tp-theme-2);
  background: var(--tp-theme-2);
  font-weight: normal;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px var(--tp-theme-1);
}

.tp-sidebar-space {
  padding-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-sidebar-space {
    margin-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .tp-sidebar-space {
    padding-left: 15px;
  }
}

.tp-product-img img {
  border-radius: 20px;
  width: 100%;
}

.tp-product-title {
  font-size: 18px;
  color: var(--tp-common-black);
  font-weight: 500;
}
.tp-product-title:hover {
  color: var(--tp-theme-1);
}

.tpproduct__img {
  margin-bottom: 45px;
  position: relative;
}
.tpproduct__img::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(41, 41, 48, 0.6);
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.tpproduct__meta span {
  color: #777B83;
  font-size: 18px;
  font-weight: 500;
}
.tpproduct__meta .product-rating {
  color: #F7931E;
  margin-bottom: 5px;
}
.tpproduct:hover .tpproduct__img::after {
  opacity: 1;
  visibility: visible;
}
.tpproduct:hover .tpproduct__img .tp-product-icon {
  opacity: 1;
  visibility: visible;
  bottom: 40%;
}

.tp-product-icon {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0px 10px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.tp-product-icon a {
  height: 50px;
  width: 50px;
  background-color: var(--tp-theme-primary);
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  font-weight: 300;
  color: var(--tp-common-black);
  margin: 0px 6px;
}
.tp-product-icon a:hover {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}

.productdetails {
  padding-left: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .productdetails {
    padding-left: 0;
  }
}
.productdetails__content p {
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-theme-3);
  line-height: 26px;
  padding-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .productdetails__content p br {
    display: none;
  }
}
.productdetails__ratting i {
  color: #FFDC60;
  font-size: 14px;
}
.productdetails__ratting span {
  font-size: 14px;
  color: var(--tp-theme-1);
  font-weight: 500;
  padding-bottom: 30px;
  display: inline-block;
}
.productdetails__ratting h4 {
  font-weight: 700;
  font-size: 30px;
  color: var(--tp-theme-1);
  padding-bottom: 25px;
  font-family: "DM Sans";
}
.productdetails__ratting h4 del {
  font-size: 20px;
  font-weight: 500;
  color: #B9B9B9;
}
.productdetails__model {
  padding-bottom: 45px;
}
.productdetails__model h5 {
  font-size: 16px;
  color: var(--tp-common-black);
  font-weight: 500;
  padding-bottom: 10px;
}
.productdetails__model a {
  font-size: 12px;
  color: #777B83;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #F7F8FD;
  height: 25px;
  display: inline-block;
  padding: 0px 20px;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.productdetails__model a:hover {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-black);
}

.pd-title {
  font-size: 30px;
  font-weight: 500;
  color: var(--tp-theme-1);
  padding-bottom: 10px;
  text-transform: capitalize;
}

.tp-shop-quantity span {
  font-size: 20px;
  font-weight: 700;
  margin-right: 10px;
}

/*----------------------------------------*/
/*  19. SHOP CSS START
/*----------------------------------------*/
.productdetails-tabs {
  padding-top: 90px;
  padding-bottom: 90px;
}

.tpshopitem:hover .tpshopitem__thumb img {
  transform: scale(1.2);
}
.tpshopitem:hover .tpshopitem__thumb-icon {
  bottom: 14px;
  opacity: 1;
  visibility: visible;
}
.tpshopitem__thumb {
  border: 1px solid #ECEFF4;
  border-radius: 5px;
}
.tpshopitem__thumb img {
  width: 100%;
  -webkit-transition: all 1s ease-out 0s;
  -moz-transition: all 1s ease-out 0s;
  -ms-transition: all 1s ease-out 0s;
  -o-transition: all 1s ease-out 0s;
  transition: all 1s ease-out 0s;
}
.tpshopitem__thumb-icon {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tpshopitem__thumb-icon a {
  margin: 0 5px;
  height: 45px;
  width: 45px;
  line-height: 45px;
  border: 1px solid var(--tp-theme-blue);
  border-radius: 50%;
  display: inline-block;
  background-color: #0E63FF;
  color: var(--tp-common-white);
}
.tpshopitem__thumb-icon a:hover {
  background-color: var(--tp-theme-pink);
  border: 1px solid var(--tp-theme-pink);
}
.tpshopitem__content p {
  font-size: 18px;
  font-weight: 500;
  color: #777B83;
  margin-bottom: 6px;
}
.tpshopitem__title {
  font-size: 18px;
  font-weight: 500;
  display: block;
}
.tpshopitem__title a {
  background-image: linear-gradient(#0E63FF, #0E63FF), linear-gradient(#0E63FF, #0E63FF);
  background-repeat: no-repeat;
  background-position: 100% 100%, 0% 100%;
  background-size: 0% 1px, 0 1px;
  display: inline;
}
.tpshopitem__title a:hover {
  background-size: 0% 1px, 100% 1px;
  color: var(--tp-theme-blue);
}
.tpshopitem__review i {
  color: #F7931E;
}
.tpshopitem__product-base {
  position: absolute;
  top: 20px;
  left: 30px;
  font-weight: 700;
  font-size: 12px;
  color: var(--tp-common-white);
  padding: 6px 13px;
  background: #FD4766;
  border-radius: 5px;
  line-height: 1;
}

.tpproduct span {
  font-weight: 500;
  font-size: 15px;
}

.tpfilter {
  justify-content: end;
}
@media (max-width: 767px) {
  .tpfilter {
    justify-content: start;
  }
}
.tpfilter span {
  font-weight: 500;
  font-size: 15px;
}
.tpfilter .nice-select {
  padding-left: 5px;
  border: none;
  color: var(--tp-theme-primary);
}

.productthumb img {
  border-radius: 25px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .productthumb img {
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .product {
    margin-left: 0;
  }
}
.product__details-content p {
  font-weight: 400;
  font-size: 16px;
  color: #777B83;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product__details-content p br {
    display: none;
  }
}
.product-dtitle {
  font-weight: 400;
  font-size: 30px;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .product-dtitle {
    font-size: 24px;
  }
}
.product-dinfo span {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #141515;
}
.product-rating a {
  color: #FFDC60;
}
.product-dprice {
  font-weight: 400;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: 0.02em;
}
.product-model-title {
  font-family: "Archivo";
  font-weight: 600;
  font-size: 14px;
  line-height: 15px;
  color: #0B0B0B;
}
.product-quantity-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: 0.02em;
  color: #0B0B0B;
}
.product-quantity input {
  color: var(--tp-theme-primary);
  border: none;
  width: 40px;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
}
.product-model-list a {
  font-size: 12px;
  font-weight: 600;
  color: #777B83;
  background: #F7F8FD;
  display: inline-block;
  padding: 0 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-right: 15px;
  border-radius: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-model-list a {
    margin-right: 8px;
  }
}
@media (max-width: 767px) {
  .product-model-list a {
    margin-right: 5px;
    padding: 0 6px;
  }
}
.product-model-list a:last-child {
  margin-right: 0;
}
.product-model-list a:hover {
  background: var(--tp-theme-blue);
  color: var(--tp-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-product-img {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .tp-product-img img {
    max-width: 100%;
  }
}

.tp-product-quantity .cart-minus, .tp-product-quantity .cart-plus {
  cursor: pointer;
  color: #8D8884;
}
.tp-product-quantity .cart-minus:hover, .tp-product-quantity .cart-plus:hover {
  color: var(--tp-theme-primary);
}
.tp-product-quantity input {
  height: 30px;
  width: 32px;
  font-size: 14px;
  border: none;
  font-weight: 700;
  text-align: center;
}

.product-rating {
  margin-right: 20px;
}
.product-rating a {
  font-size: 16px;
  color: #FFDC60;
}

.product-dinfo {
  display: flex;
}

.product-dprice del {
  font-size: 20px;
  color: #B9B9B9;
}

.pro-details-nav {
  background: #F9FAFB;
  display: inline-block;
  padding: 7px 7px;
}

.pro-details-nav-btn {
  border: none;
}
.pro-details-nav-btn li {
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-text-body);
  position: relative;
}
.pro-details-nav-btn li button span {
  position: relative;
  z-index: 9;
}
.pro-details-nav-btn li button::before {
  content: "";
  height: 100%;
  width: 102%;
  top: 0;
  left: -1px;
  background: var(--tp-theme-2);
  border-radius: 10px;
  position: absolute;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
}
.pro-details-nav-btn li button.active::before {
  opacity: 1;
  visibility: visible;
}
.pro-details-nav-btn li::after {
  position: absolute;
  content: "";
  height: 40px;
  width: 1px;
  background: #DFE3E9;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .pro-details-nav-btn li::after {
    display: none;
  }
}
.pro-details-nav-btn li:last-child::after {
  display: none;
}
@media (max-width: 767px) {
  .pro-details-nav-btn li {
    font-size: 16px;
  }
}
.pro-details-nav-btn li .nav-links {
  padding: 20px 45px;
  border-radius: 5px;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pro-details-nav-btn li .nav-links {
    padding: 10px 20px;
  }
}
@media (max-width: 767px) {
  .pro-details-nav-btn li .nav-links {
    padding: 5px 15px;
  }
}
.pro-details-nav-btn li .nav-links.active {
  background: var(--tp-common-white);
  color: var(--tp-common-white);
}

.tab-para p {
  font-size: 16px;
  line-height: 30px;
}

.comments-box {
  margin-bottom: 50px;
}

.user-rating ul li {
  display: inline-block;
  color: #FFDC60;
}

.comments-text span,
.comments-text p {
  font-size: 14px;
  color: #777777;
  line-height: 26px;
}

.comment-title p {
  color: #777777;
  font-size: 16px;
}

.comment-rating span {
  font-weight: 500;
  margin-right: 5px;
}
.comment-rating ul li {
  display: inline-block;
  color: #FFDC60;
}

.comment-input textarea {
  width: 100%;
  height: 120px;
  margin-bottom: 20px;
  border: 1px solid #e7e7e7;
  padding: 20px;
}
.comment-input textarea:focus {
  outline: 0;
  border: 1px solid var(--tp-border-1);
}
.comment-input input {
  width: 100%;
  height: 50px;
  resize: none;
  outline: 0;
  border: 1px solid #e7e7e7;
  padding: 8px 20px;
  margin-bottom: 30px;
}
.comment-input input:focus {
  border: 1px solid var(--tp-border-1);
}

.comments-avatar {
  flex: 0 0 auto;
}

.table .add-info {
  font-size: 18px;
  font-weight: 500;
}

.table td {
  padding: 18px;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) 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) {
  .shop-left-right {
    margin-left: 0;
    margin-right: 0;
  }
}

.tp-comments-title {
  font-size: 24px;
  color: var(--tp-common-black);
  font-weight: 700;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .tp-comments-title {
    font-size: 18px;
  }
}

.avatar-name b {
  color: var(--tp-common-black);
  font-weight: 700;
  text-transform: uppercase;
}

.shop-faq .accordion-header button {
  font-size: 18px;
  padding: 20px 55px 20px 30px;
}
@media (max-width: 767px) {
  .shop-faq .accordion-header button {
    font-size: 14px;
  }
}
.shop-faq .accordion-content p br {
  display: none;
}
.shop-faq .accordion-content p {
  padding: 0 75px 20px 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-button a {
    margin-bottom: 10px;
  }
}

.comment-title {
  font-size: 24px;
  color: var(--tp-common-black);
  font-weight: 700;
  text-transform: capitalize;
}

.tp-product-slider-title {
  color: var(--tp-theme-1);
  font-size: 30px;
  font-weight: 500;
}

/*----------------------------------------*/
/*  14. video CSS START
/*----------------------------------------*/
.tp-play-btn a {
  height: 135px;
  width: 135px;
  background-color: var(--tp-common-white);
  display: inline-block;
  text-align: center;
  line-height: 140px;
  border-radius: 50%;
  color: var(--tp-theme-2);
  font-size: 26px;
  font-weight: 900;
  position: relative;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-play-btn a {
    height: 100px;
    width: 100px;
    line-height: 100px;
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .tp-play-btn a {
    height: 80px;
    width: 80px;
    line-height: 85px;
    font-size: 20px;
  }
}
.tp-play-btn a::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 175px;
  width: 175px;
  border-radius: 50%;
  border: 1px solid #fff;
  content: "";
  animation: pulse 2s infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-play-btn a::after {
    height: 140px;
    width: 140px;
  }
}
@media (max-width: 767px) {
  .tp-play-btn a::after {
    height: 100px;
    width: 100px;
  }
}
.tp-play-btn a:hover {
  background-color: var(--tp-theme-2);
  color: var(--tp-common-white);
}

.tp-video-bg-thumb {
  width: 100%;
}
.tp-video-bg-thumb img {
  width: 100%;
}

/*----------------------------------------*/
/*  15. price CSS START
/*----------------------------------------*/
.tpprice {
  border: 1px solid var(--tp-border-1);
  border-radius: 6px;
  padding: 40px 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpprice {
    padding: 40px 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpprice {
    padding: 30px 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpprice {
    padding: 40px 50px;
  }
}
@media (max-width: 767px) {
  .tpprice {
    padding: 30px 30px;
  }
}
.tpprice__badge {
  background-color: var(--tp-theme-2);
  height: 30px;
  line-height: 30px;
  color: var(--tp-common-white);
  text-transform: uppercase;
  border-radius: 6px 6px 0 0;
}
.tpprice__badge span {
  font-size: 12px;
  font-weight: 700;
}
.tpprice__info p {
  padding-bottom: 15px;
}
.tpprice__meta span {
  font-size: 45px;
  font-weight: 500;
  color: var(--tp-theme-1);
  margin-bottom: 35px;
  display: inline-block;
}
.tpprice__btn {
  margin-bottom: 30px;
}
.tpprice__list ul {
  margin-bottom: 40px;
}
.tpprice__list ul li {
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-theme-3);
  position: relative;
  padding-left: 30px;
  margin-bottom: 7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpprice__list ul li {
    font-size: 15px;
    padding-left: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpprice__list ul li {
    font-size: 14px;
    padding-left: 25px;
  }
}
.tpprice__list ul li:last-child {
  margin-bottom: 0;
}
.tpprice__list ul li i {
  color: var(--tp-theme-2);
  position: absolute;
  top: 5px;
  left: 0;
}
.tpprice__product img {
  border-radius: 6px !important;
}

.tp-price-title {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 20px;
}

.tp-price-wrapper.active {
  margin-left: -1px;
  margin-right: -1px;
}
.tp-price-wrapper.active .tpprice {
  border-color: var(--tp-theme-2);
  border-radius: 0 0 6px 6px;
  position: relative;
}
.tp-price-wrapper.active .tp-btn-price {
  background-color: var(--tp-theme-2);
}
.tp-price-wrapper.active__badge {
  border-radius: 6px 6px 0 0;
}

/*----------------------------------------*/
/*  16. about CSS START
/*----------------------------------------*/
/* 16. Cart */
.table-content .table > :not(:first-child) {
  border-top: 0;
}
.table-content table {
  background: #ffffff;
  border-color: #eaedff;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}

.table-content .table > :not(:last-child) > :last-child > * {
  border-bottom-color: #eaedff;
}

.table-content .product-quantity {
  float: none;
}

.table-content table td.product-name {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}

.table-content table td.product-name a:hover {
  color: var(--tp-theme-1);
}

.table-content table td {
  border-top: medium none;
  padding: 20px 10px;
  vertical-align: middle;
  font-size: 16px;
}

.table-content table th, .table-content table td {
  border-bottom: 1px solid #eaedff;
  border-right: 1px solid #eaedff;
}

.product-quantity input {
  color: #000;
  font-size: 14px;
  font-weight: normal;
}

.table td, .table th {
  border-top: 1px solid #eaedff;
}

.product-quantity > input {
  width: 80px;
  text-align: center;
}

.table-content table td.product-subtotal {
  font-size: 16px;
}

.table-content table td .cart-plus-minus {
  float: none;
  margin: 0 auto;
}

.coupon-all {
  margin-top: 50px;
}

.coupon {
  float: left;
}

@media (max-width: 767px) {
  .coupon {
    float: none;
  }
}
#coupon_code {
  height: 58px;
  border: 2px solid #eaedff;
  padding: 0 15px;
  margin-right: 10px;
}

@media (max-width: 767px) {
  #coupon_code {
    margin-bottom: 15px;
  }
}
.coupon2 {
  float: right;
}

.checkout-link .tp-btn:hover {
  background-color: var(--tp-theme-2);
}
.checkout-link .tp-btn-dark-lg:hover {
  background-color: var(--tp-theme-1);
}

@media (max-width: 767px) {
  .coupon2 {
    float: none;
    margin-top: 15px;
  }
}
.cart-page-total {
  padding-top: 50px;
}

.cart-page-total > h2 {
  font-size: 25px;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.cart-page-total > ul {
  border: 1px solid #eaedff;
}

.cart-page-total > ul > li {
  list-style: none;
  font-size: 15px;
  color: #6f7172;
  padding: 10px 30px;
  border-bottom: 1px solid #eaedff;
  font-weight: 400;
}

.cart-page-total ul > li > span {
  float: right;
}

.cart-page-total li:last-child {
  border-bottom: 0;
}

td.product-thumbnail img {
  width: 125px;
}

/* 17. Checkout */
.coupon-accordion h3 {
  background-color: #f7f7f7;
  border-top: 3px solid var(--tp-theme-1);
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 25px;
  padding: 1em 2em 1em 3.5em;
  position: relative;
  width: auto;
}

.coupon-accordion h3::before {
  content: "\f07b";
  left: 15px;
  top: 13px;
  position: absolute;
  color: var(--tp-theme-1);
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}

.coupon-accordion span {
  color: #6f7172;
  cursor: pointer;
  transition: 0.3s;
  font-weight: 500;
}

.coupon-accordion span:hover, p.lost-password a:hover {
  color: var(--tp-common-black);
}

.coupon-content {
  border: 1px solid #eaedff;
  display: none;
  margin-bottom: 20px;
  padding: 30px;
}

.coupon-info p.coupon-text {
  margin-bottom: 15px;
}

.coupon-info p {
  margin-bottom: 0;
}

.coupon-info p.form-row-first label, .coupon-info p.form-row-last label {
  display: block;
  color: #6f7172;
}

.coupon-info p.form-row-first label span.required, .coupon-info p.form-row-last label span.required {
  color: var(--tp-theme-1);
  font-weight: 700;
}

.coupon-info p.form-row-first input, .coupon-info p.form-row-last input {
  border: 1px solid #eaedff;
  height: 45px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.coupon-info p.form-row-first input:focus, .coupon-info p.form-row-last input:focus {
  border-color: var(--tp-common-black);
}

.coupon-info p.form-row input[type=submit]:hover, p.checkout-coupon input[type=submit]:hover {
  background: #3e976c none repeat scroll 0 0;
}

.coupon-info p.form-row input[type=checkbox] {
  position: relative;
  top: -1px;
}

.form-row > label {
  margin-top: 15px;
  margin-left: 15px;
  color: #6f7172;
}

.buttons-cart input, .coupon input[type=submit], .buttons-cart a, .coupon-info p.form-row input[type=submit] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

p.lost-password {
  margin-top: 15px;
}

p.lost-password a {
  color: #6f6f6f;
}

p.checkout-coupon input[type=text] {
  height: 45px;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #eaedff;
  margin-bottom: 15px;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
p.checkout-coupon input[type=text]:focus {
  border-color: var(--tp-common-black);
}

.coupon-checkout-content {
  display: none;
}

.checkbox-form h3 {
  border-bottom: 1px solid #eaedff;
  font-size: 26px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.country-select {
  margin-bottom: 30px;
  position: relative;
}

.country-select select {
  width: 100%;
  background-color: transparent;
  border: 1px solid #eaedff;
  padding: 0 10px;
  height: 50px;
}

.country-select label, .checkout-form-list label {
  color: #6f7172;
  display: block;
  margin: 0 0 5px;
}

.country-select label span.required, .checkout-form-list label span.required {
  color: var(--tp-theme-1);
}

.country-select .nice-select {
  border: 1px solid #eaedff;
  height: 45px;
  padding-left: 10px;
  width: 100%;
  color: #6f7172;
  margin-bottom: 20px;
}

.country-select .nice-select .list {
  width: 100%;
}

.checkout-form-list {
  margin-bottom: 30px;
}

.checkout-form-list label {
  color: #6f7172;
}

.checkout-form-list input[type=text], .checkout-form-list input[type=password], .checkout-form-list input[type=email] {
  background: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  height: 45px;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.checkout-form-list input[type=text]:focus, .checkout-form-list input[type=password]:focus, .checkout-form-list input[type=email]:focus {
  border-color: var(--tp-common-black);
}

.checkout-form-list input[type=text]::-moz-placeholder,
.checkout-form-list input[type=password]::-moz-placeholder,
.checkout-form-list input[type=email]::-moz-placeholder {
  color: #6f7172;
  opacity: 1;
}

.checkout-form-list input[type=text]::placeholder,
.checkout-form-list input[type=password]::placeholder,
.checkout-form-list input[type=email]::placeholder {
  color: #6f7172;
  opacity: 1;
}

.checkout-form-list input[type=checkbox] {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: -1px;
}

.create-acc label {
  color: #6f7172;
  display: inline-block;
}

.create-account {
  display: none;
}

.ship-different-title h3 label {
  display: inline-block;
  margin-right: 20px;
  color: var(--tp-theme-1);
}

.order-notes textarea {
  border: 1px solid #eaedff;
  height: 120px;
  padding: 15px;
  width: 100%;
  outline: 0;
  resize: none;
}

.order-notes textarea:focus {
  border-color: var(--tp-common-black);
}

.order-notes textarea::-moz-placeholder {
  color: #6f7172;
  opacity: 1;
}

.order-notes textarea::placeholder {
  color: #6f7172;
  opacity: 1;
}

#ship-box-info {
  display: none;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-default > .panel-heading {
  border-radius: 0;
}

.your-order {
  padding: 30px 40px 45px;
  border: 3px solid #f7f7f7;
}

@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}
.your-order h3 {
  border-bottom: 1px solid #eaedff;
  font-size: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.your-order-table table {
  background: none;
  border: 0;
  width: 100%;
}

.your-order-table table th, .your-order-table table td {
  border-bottom: 1px solid #eaedff;
  border-right: medium none;
  color: #6f7172;
  font-size: 14px;
  padding: 15px 0;
  text-align: left;
}

@media (max-width: 767px) {
  .your-order-table table th, .your-order-table table td {
    padding-right: 10px;
  }
}
.your-order-table table th {
  border-top: medium none;
  color: #6f7172;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}

.panel-body > p {
  color: #222;
}

.your-order-table table .shipping ul li {
  list-style: none;
}

.your-order-table table .shipping ul li input {
  position: relative;
  top: -1px;
}

.your-order-table table .shipping ul li label {
  color: #6f7172;
}

.your-order-table table .shipping th {
  vertical-align: top;
}

.your-order-table table .order-total th {
  border-bottom: 0;
  font-size: 14px;
}

.your-order-table table .order-total td {
  border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
  background: #F9F9F9;
}

.your-order-table table tr.order-total td span {
  color: var(--tp-common-black);
  font-size: 18px;
  font-weight: 500;
}

.payment-method {
  margin-top: 40px;
}
.payment-method .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.payment-method .accordion-item {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #e7e7e7;
}
.payment-method .accordion-button {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-black);
  padding: 23px 0;
  border: none;
}
.payment-method .accordion-button:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.payment-method .accordion-button::after {
  position: absolute;
  content: "\f067";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  font-weight: 400;
  margin-left: 0;
  background-image: none;
  color: var(--tp-theme-1);
}
.payment-method .accordion-button:not(.collapsed) {
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  box-shadow: none;
}
.payment-method .accordion-button:not(.collapsed)::after {
  content: "\f068";
}
.payment-method .accordion-body {
  padding: 8px 0;
  padding-bottom: 40px;
}
.payment-method .accordion-collapse {
  border: none;
}

.panel-title > a {
  display: block;
}

.order-button-payment input {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  height: 40px;
  margin: 0px 0 0;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.order-button-payment input:hover {
  background: #3e976c none repeat scroll 0 0;
}

.payment-method .btn-link {
  -moz-user-select: none;
  background: no-repeat;
  border: medium none;
  border-radius: 0;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 0;
  padding: 3px 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}

.payment-method .card {
  background-color: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
  border: 1px solid #eaedff;
}

.card-header:first-child {
  border-radius: 0;
}

.payment-method .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid #eaedff;
}

.order-button-payment button {
  width: 100%;
}

/*----------------------------------------*/
/*  17. testimonial CSS START
/*----------------------------------------*/
@media (max-width: 767px) {
  .tp-testimonial-area {
    padding-bottom: 60px;
  }
}

.tp-testi-bg {
  background-position: center;
  background-repeat: no-repeat;
  border-bottom: 1px solid var(--tp-border-2);
}

.tp-testi-subtitle {
  font-size: 12px;
  font-weight: 500;
  color: var(--tp-theme-3);
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 45px;
  display: inline-block;
}

.tptestiitem h5 {
  font-size: 30px;
  line-height: 1.5;
  font-weight: 400;
  padding-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tptestiitem h5 {
    font-size: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tptestiitem h5 {
    font-size: 21px;
  }
}
.tptestiitem span {
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-theme-2);
  text-transform: uppercase;
  letter-spacing: 2px;
}

.testi-next {
  position: absolute;
  left: 0;
  top: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testi-next {
    left: 40px;
  }
}

.testi-prev {
  position: absolute;
  right: 0;
  top: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testi-prev {
    right: 40px;
  }
}

.tp-testi-slider-dots .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  background-color: var(--tp-theme-2);
  opacity: 0.2;
  transition: 0.3s;
}
.tp-testi-slider-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-theme-2);
  opacity: 1;
  width: 20px;
  height: 10px;
  border-radius: 20px;
}

.tptestimonial {
  padding: 15px;
  border: 1px solid var(--tp-border-2);
  box-shadow: 0px 8px 9px rgba(213, 206, 197, 0.09);
}
@media (max-width: 767px) {
  .tptestimonial {
    flex-wrap: wrap;
  }
}
.tptestimonial__thumb {
  margin-right: 45px;
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .tptestimonial__thumb {
    margin-right: 0;
    width: 100%;
  }
}
.tptestimonial__thumb img {
  border-radius: 15px !important;
}
@media (max-width: 767px) {
  .tptestimonial__thumb img {
    width: 100%;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  .tptestimonial__thumb {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tptestimonial__thumb {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tptestimonial__thumb {
    margin-right: 20px;
  }
}
.tptestimonial__content {
  padding-right: 50px;
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  .tptestimonial__content {
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tptestimonial__content {
    padding-right: 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tptestimonial__content {
    padding-right: 5px;
  }
}
@media (max-width: 767px) {
  .tptestimonial__content {
    padding-right: 0px;
    padding: 20px 0;
  }
}
.tptestimonial__content .ratting span {
  color: #FFC759;
}
.tptestimonial__content h5 {
  font-weight: 400;
  font-size: 17px;
  line-height: 1.4;
  letter-spacing: -0.02em;
  padding-bottom: 15px;
}

.tp-test-ratting {
  margin-bottom: 35px;
}

.tp-client-img {
  margin-right: 20px;
}

.tp-client-info span {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}
.tp-client-info p {
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
}

.tp-testimonial-slider-active-2 {
  margin-right: -140px !important;
  margin-left: -140px !important;
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  .tp-testimonial-slider-active-2 {
    margin-right: -180px !important;
    margin-left: -180px !important;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-testimonial-slider-active-2 {
    margin-right: -220px !important;
    margin-left: -220px !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-slider-active-2 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
}
@media (max-width: 767px) {
  .tp-testimonial-slider-active-2 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
}

.testimonial-bg-three {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/*----------------------------------------*/
/* 18. team CSS START
/*----------------------------------------*/
@media (max-width: 767px) {
  .tp-team-area {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}

.tpteam.tp-team-shadow {
  border: 7px solid #FFFFFF;
  box-shadow: 0px 9px 13px rgba(233, 224, 210, 0.09);
  border-radius: 132px 132px 0px 0px;
}
.tpteam__thumb {
  background-color: var(--tp-common-white);
  border-radius: 50% 50% 0 0;
  padding: 10px;
}
.tpteam__thumb img {
  border-radius: 50% 50% 0 0 !important;
  width: 100%;
}
.tpteam span {
  color: #6A8179;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 7px;
  display: inline-block;
}
.tpteam__social a {
  font-size: 14px;
  font-weight: 400;
  margin: 0px 10px;
  transition: 0.3s;
}
.tpteam__social a:hover {
  color: var(--tp-theme-2);
}

.tp-team-arrow {
  position: relative;
}
.tp-team-arrow::before {
  position: absolute;
  content: "";
  height: 1px;
  background-color: #D6E3E0;
  width: 80%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.tp-team-arrow button {
  height: 50px;
  width: 50px;
  background-color: var(--tp-theme-2);
  border-radius: 5px;
  transition: 0.4s;
}
.tp-team-arrow button i {
  font-size: 18px;
  color: var(--tp-common-white);
  font-weight: 500;
}
.tp-team-arrow button:hover {
  background-color: var(--tp-theme-1);
}
.tp-team-arrow button:hover i {
  color: #FFFFFF;
}

.tp-team-title {
  color: var(--tp-theme-1);
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0.02em;
  transition: 0.3s;
}
.tp-team-title:hover {
  color: var(--tp-theme-2);
}

.tp-team-wrapper {
  background-color: var(--tp-common-white);
  padding: 25px;
}

.tp-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
}

.tp-shape-2 {
  position: absolute;
  top: 0;
  right: 0;
}

.tp-shape-3 {
  position: absolute;
  bottom: 0;
  left: 0;
}

.tp-shape-4 {
  position: absolute;
  bottom: 0;
  right: 0;
}

/*----------------------------------------*/
/*  19. brand CSS START
/*----------------------------------------*/
.tp-brand-logo {
  text-align: center;
}

/*----------------------------------------*/
/*  20. blog CSS START
/*----------------------------------------*/
.tpblog {
  background-color: var(--tp-common-white);
  border-radius: 15px;
}
.tpblog__wrapper {
  padding: 40px 35px;
}
@media (max-width: 767px) {
  .tpblog__wrapper {
    padding: 30px 19px;
  }
}
.tpblog__thumb {
  border-radius: 15px;
  overflow: hidden;
}
.tpblog__thumb img {
  transform: scale(1);
  transition: 1s;
}
.tpblog__meta {
  display: flex;
  margin-bottom: 25px;
}
.tpblog__meta span {
  font-size: 17px;
  font-weight: 400;
  display: flex;
  align-items: center;
  margin-right: 45px;
}
@media (max-width: 767px) {
  .tpblog__meta span {
    font-size: 16px;
    margin-right: 25px;
  }
}
.tpblog__meta span svg {
  margin-right: 8px;
}
.tpblog__title svg {
  transform: translateY(-3px);
  margin-right: 8px;
}
.tpblog:hover .tpblog__thumb img {
  transform: scale(1.1);
}

.tp-blog-title {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 25px;
  text-transform: capitalize;
  line-height: 1.5;
  transition: 0.3s;
}
.tp-blog-title:hover {
  color: var(--tp-theme-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-blog-title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .tp-blog-title {
    font-size: 25px;
  }
}

.tp-blog-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
}

.tp-blog-shape-2 {
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__wrapper {
    padding-right: 0px;
  }
}

.postbox__thumb {
  margin-bottom: -2px;
}
.postbox__thumb .play-btn {
  position: absolute;
  top: calc(50% - 20px);
  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%);
  z-index: 1;
  height: 90px;
  width: 90px;
  background-color: var(--tp-common-white);
  text-align: center;
  line-height: 90px;
  color: var(--tp-theme-2);
  border-radius: 50%;
  animation: pulse 2s infinite;
}
.postbox__thumb .play-btn:hover {
  background-color: var(--tp-theme-2);
  color: var(--tp-common-white);
}
.postbox__thumb img {
  border-radius: 5px;
  margin-bottom: 40px;
}
.postbox__audio {
  height: 100%;
  width: 100%;
}
.postbox__audio iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.postbox__item-single:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.postbox__content p img {
  max-width: 100%;
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__content p img {
    width: 100%;
  }
}
.postbox__content-single {
  padding-left: 0;
  padding-right: 0;
  border: none;
}
.postbox__title {
  font-size: 36px;
  font-weight: 400;
  color: var(--tp-theme-1);
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox__title {
    font-size: 33px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__title {
    font-size: 33px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox__title {
    font-size: 30px;
  }
  .postbox__title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .postbox__title {
    font-size: 25px;
  }
  .postbox__title br {
    display: none;
  }
}
.postbox__title a:hover {
  color: var(--tp-theme-2);
}
.postbox__meta {
  margin-bottom: 20px;
}
.postbox__meta span {
  font-size: 14px;
  font-weight: 700;
  color: #8A90A2;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 30px;
}
.postbox__meta span:last-child {
  margin-right: 0;
}
.postbox__meta span i {
  color: var(--tp-theme-2);
  margin-right: 3px;
  font-weight: 500;
}
.postbox__meta span:hover {
  color: var(--tp-theme-2);
}
.postbox__meta span:hover i {
  color: var(--tp-theme-1);
}
.postbox__text {
  margin-bottom: 50px;
}
.postbox__text img {
  max-width: 100%;
}
.postbox__text p {
  margin-bottom: 28px;
  font-size: 17px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox__text p {
    font-size: 16px;
  }
}
.postbox__text-single p {
  margin-bottom: 15px;
}
.postbox__slider button {
  position: absolute;
  left: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  font-size: 30px;
  color: var(--tp-common-white);
}
.postbox__slider button.slick-next {
  left: auto;
  right: 50px;
}
@media (max-width: 767px) {
  .postbox__slider button.slick-next {
    right: 10px;
  }
}
@media (max-width: 767px) {
  .postbox__slider button {
    left: 10px;
  }
}
.postbox__comment ul li.children {
  margin-left: 100px;
}
@media (max-width: 767px) {
  .postbox__comment ul li.children {
    margin-left: 15px;
  }
}
.postbox__comment ul-title {
  font-size: 20px;
  font-weight: 500;
  color: var(--tp-common-black);
  margin-bottom: 40px;
  margin-right: 20px;
}
.postbox__comment-input {
  position: relative;
  margin-bottom: 20px;
}
.postbox__comment-input span {
  font-weight: 600;
  color: var(--tp-common-black);
  margin-bottom: 12px;
  display: block;
}
.postbox__comment-input input, .postbox__comment-input textarea {
  height: 55px;
  padding: 0 20px;
  width: 100%;
  font-size: 14px;
  outline: none;
  border: 1px solid #f7f7f7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  color: var(--tp-theme-1);
}
.postbox__comment-input input::placeholder, .postbox__comment-input textarea::placeholder {
  color: #84B0A3;
}
.postbox__comment-input input:focus, .postbox__comment-input textarea:focus {
  background-color: var(--tp-grey-2);
  border-color: var(--tp-grey-2);
  color: var(--tp-theme-1);
}
.postbox__comment-input textarea {
  height: 175px;
  resize: none;
  padding-top: 20px;
  padding-bottom: 20px;
}
.postbox__comment-title {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 35px;
  color: var(--tp-theme-1);
}
.postbox__comment-avater img {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.postbox__comment-name {
  margin-bottom: 5px;
}
.postbox__comment-name h5 {
  font-family: var(--tp-ff-body);
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  color: var(--tp-theme-1);
  text-transform: capitalize;
  display: inline-block;
  margin-right: 10px;
}
.postbox__comment-name span {
  font-size: 12px;
  font-weight: 600;
  color: #919191;
}
@media (max-width: 767px) {
  .postbox__comment-text {
    margin-left: 0;
  }
}
.postbox__comment-text p {
  font-size: 15px;
  margin-bottom: 15px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .postbox__comment-text p br {
    display: none;
  }
}
.postbox__comment-reply {
  margin-top: 10px;
}
.postbox__comment-reply a {
  display: inline-block;
  color: var(--tp-theme-1);
  background: rgba(61, 108, 231, 0.1);
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  font-weight: 500;
  font-size: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.postbox__comment-reply a:hover {
  color: var(--tp-common-white);
  background: var(--tp-theme-1);
}
.postbox__comment-agree {
  padding-left: 5px;
}
.postbox__comment-agree input {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 14px;
  height: 14px;
  background: var(--tp-common-white);
  border: 1px solid #b9bac1;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  flex: 0 0 auto;
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.postbox__comment-agree input:checked {
  position: relative;
  background-color: var(--tp-theme-1);
  border-color: transparent;
}
.postbox__comment-agree input:checked::after {
  box-sizing: border-box;
  content: "\f00c";
  position: absolute;
  font-family: var(--tp-ff-fontawesome);
  font-size: 10px;
  color: var(--tp-common-white);
  top: 46%;
  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%);
}
.postbox__comment-agree input:hover {
  cursor: pointer;
}
.postbox__comment-agree label {
  padding-left: 8px;
  color: var(--tp-text-1);
  line-height: 1;
}
.postbox__comment-agree label a {
  color: var(--tp-common-black);
  font-weight: 600;
  padding-left: 4px;
}
.postbox__comment-agree label a:hover {
  color: var(--tp-theme-1);
}
.postbox__comment-agree label:hover {
  cursor: pointer;
}
.postbox__tag span {
  font-size: 20px;
  margin-bottom: 17px;
  color: var(--tp-theme-1);
  margin-right: 30px;
  font-weight: 500;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__social {
    margin-top: 40px;
  }
}
.postbox__social span {
  font-size: 20px;
  color: var(--tp-common-black);
  font-weight: 500;
}
.postbox__social a {
  font-size: 15px;
  padding-left: 30px;
}
.postbox__social a .tp-linkedin {
  color: #0E6BA1;
}
.postbox__social a .tp-pinterest {
  color: #D70220;
}
.postbox__social a .tp-facebook {
  color: #0E6BA1;
}
.postbox__social a .tp-twitter {
  color: #36B6ED;
}

.postbox__comment-form-title {
  margin-bottom: 30px;
}

.postbox__social-wrapper {
  border-bottom: 1px solid #ECEEF3;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__comment-form {
    margin-bottom: 50px;
  }
}

.aproch-title {
  font-size: 36px;
  margin-bottom: 15px;
}

.approch-item {
  margin-bottom: 65px;
}
.approch-item ul li {
  position: relative;
  padding-left: 30px;
}
.approch-item ul li i {
  color: var(--tp-theme-2);
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  top: 5px;
  left: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .approch-thumb {
    margin-bottom: 40px;
  }
}
.approch-thumb img {
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .approch-thumb img {
    width: 100%;
  }
}

.postbox__comment-info {
  flex: 0 0 auto;
}

.rc__post ul li:not(:last-child) {
  margin-bottom: 15px;
}
.rc__post-thumb {
  flex: 0 0 auto;
}
.rc__post-thumb img {
  width: 80px;
  height: 80px;
  flex: 0 0 auto;
  object-fit: cover;
}
.rc__post-title {
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 500;
  color: var(--tp-theme-1);
  line-height: 22px;
}
.rc__post-title a:hover {
  color: var(--tp-theme-2);
}
.rc__meta span {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--tp-theme-3);
}

.sidebar__wrapper {
  padding-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sidebar__wrapper {
    padding-left: 0;
  }
}
.sidebar__widget {
  padding: 40px;
  border: 1px solid #F6F6F6;
}
.sidebar__widget-title {
  font-size: 22px;
  margin-bottom: 30px;
  color: var(--tp-theme-1);
  font-weight: 500;
}
.sidebar__widget:last-child-title {
  border-bottom: 0;
}
.sidebar__widget ul li {
  list-style: none;
  margin-bottom: 10px;
}
.sidebar__widget ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0px;
}
.sidebar__widget ul li:last-child a {
  margin-bottom: 0;
}
.sidebar__widget ul li:first-child {
  padding-top: 0;
}
.sidebar__widget ul li a {
  display: block;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 14px;
  padding: 3px 0px;
}
.sidebar__widget ul li a:hover {
  color: var(--tp-theme-2);
}
.sidebar__search {
  position: relative;
}
.sidebar__search input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: var(--tp-grey-1);
  padding: 0 25px;
  text-transform: capitalize;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  border: 2px solid var(--tp-grey-1);
  outline: none;
  padding-right: 80px;
}
.sidebar__search button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0 24px;
  color: #fff;
  line-height: 60px;
  -webkit-border-radius: 0 7px 7px 0;
  -moz-border-radius: 0 7px 7px 0;
  -o-border-radius: 0 7px 7px 0;
  -ms-border-radius: 0 7px 7px 0;
  border-radius: 0 7px 7px 0;
  color: var(--tp-theme-1);
}
.sidebar__banner-content {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: var(--tp-theme-1);
}
.sidebar__banner-content h4 {
  padding: 15px 20px;
  font-size: 24px;
  color: var(--tp-common-white);
  text-transform: uppercase;
  margin-bottom: 0;
}

.tagcloud a {
  border: 1px solid #F2F4F6;
  color: var(--tp-theme-3);
  display: inline-block;
  font-size: 13px !important;
  font-weight: 600;
  line-height: 1;
  padding: 10px 25px;
  margin-bottom: 8px;
  margin-right: 10px;
  text-transform: uppercase;
  border-radius: 5px;
}
.tagcloud a:hover {
  background: var(--tp-theme-2);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-2);
}

blockquote {
  background: var(--tp-grey-1);
  padding: 35px 50px;
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  blockquote {
    padding-left: 15px;
    padding-right: 15px;
  }
}
blockquote p {
  line-height: 1.5;
  font-size: 20px;
  font-weight: 400;
}
blockquote cite {
  font-size: 18px;
  display: block;
  margin-top: 10px;
  color: #53c351;
  font-style: inherit;
  font-weight: 600;
  position: relative;
}
blockquote cite::before {
  content: "";
  font-size: 28px;
  color: var(--tp-theme-1);
  padding-bottom: 0px;
  display: inline-block;
  background: var(--tp-theme-1);
  height: 2px;
  width: 40px;
  font-weight: 400;
  text-align: center;
  top: -4px;
  margin-right: 10px;
  position: relative;
}

.blog-post-slider-active {
  position: relative;
  margin-bottom: 40px;
}
.blog-post-slider-active .swiper-slide img {
  border-radius: 5px;
  width: 100%;
}

.blog-nav-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 5;
}

.blog-nav-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 5;
}

.blog-post-slider-nav .nav-button {
  height: 60px;
  width: 60px;
  background-color: var(--tp-common-white);
  text-align: center;
  line-height: 60px;
  font-size: 24px;
  color: var(--tp-common-black);
}

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

.basic-pagination ul li {
  display: inline-block;
  margin-bottom: 10px;
}

.basic-pagination ul li a, .basic-pagination ul li span {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 46px;
  text-align: center;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  border: 1px solid var(--tp-border-1);
  font-size: 18px;
  font-weight: 600;
}

.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-theme-2);
  border-color: var(--tp-theme-2);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  21. newsletter CSS START
/*----------------------------------------*/
@media (max-width: 767px) {
  .tp-newsletter-area {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.tp-news-left-side {
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 100%;
}
.tp-news-left-side::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #8DAAA1;
  opacity: 0.9;
}

.tp-news-title {
  font-weight: 400;
  font-size: 50px;
  letter-spacing: -0.02em;
  color: var(--tp-common-white);
  padding-bottom: 15px;
}
@media (max-width: 767px) {
  .tp-news-title {
    font-size: 30px;
  }
}

.tp-news-info {
  width: 100%;
  padding: 0px 125px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-news-info {
    padding: 0px 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-news-info {
    padding: 0px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-news-info {
    padding: 80px 125px;
  }
}
@media (max-width: 767px) {
  .tp-news-info {
    padding: 30px 15px;
  }
}
.tp-news-info p {
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 27px;
  letter-spacing: -0.02em;
  color: var(--tp-common-white);
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .tp-news-info p br {
    display: none;
  }
}

.tp-news-input {
  position: relative;
}
.tp-news-input input {
  height: 80px;
  width: 100%;
  border-radius: 5px;
  border: none;
  font-size: 16px;
  color: var(--tp-theme-1);
  font-weight: 400;
  padding-left: 30px;
  padding-right: 235px;
}
@media (max-width: 767px) {
  .tp-news-input input {
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
  }
}
.tp-news-input input::placeholder {
  color: #84B0A3;
}
.tp-news-input button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}
@media (max-width: 767px) {
  .tp-news-input button {
    position: static;
    top: 0;
    transform: translateY(0);
  }
}

.tp-news-img {
  position: relative;
}
.tp-news-img img {
  transform: scale(1);
  transition: 0.9s;
}
.tp-news-img::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 99, 82, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.tp-news-img:hover img {
  transform: scale(1.1);
}
.tp-news-img:hover .tp-insta a {
  opacity: 1;
  visibility: visible;
}
.tp-news-img:hover::after {
  opacity: 1;
  visibility: visible;
}

.tp-insta {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tp-insta a {
  color: var(--tp-common-white);
  font-size: 75px;
  font-weight: 400;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
@media (max-width: 767px) {
  .tp-insta a {
    font-size: 45px;
  }
}

.tp-newsletter-overlay {
  background-repeat: no-repeat;
  background-position: center;
}
.tp-newsletter-overlay::after {
  position: relative;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.tp-news-text-color {
  padding: 0px 35px;
}
@media (max-width: 767px) {
  .tp-news-text-color {
    padding: 0;
  }
}
.tp-news-text-color .tp-news-title {
  color: var(--tp-theme-1);
}
.tp-news-text-color p {
  color: var(--tp-theme-3);
}

@media (max-width: 767px) {
  .tp-newsletter-area {
    margin-bottom: 0;
  }
}

.tp-newsletter-three {
  position: relative;
  z-index: 9;
  padding-top: 160px;
  padding-bottom: 160px;
}
@media (max-width: 767px) {
  .tp-newsletter-three {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.tp-newsletter-three::after {
  content: "";
  top: 50px;
  left: 50px;
  right: 50px;
  bottom: 50px;
  border: 6px solid var(--tp-common-white);
  position: absolute;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-newsletter-three::after {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-news-input-three {
    width: 80%;
    margin: 0 auto;
  }
}

/*----------------------------------------*/
/*  22. collection CSS START
/*----------------------------------------*/
.collection-space {
  padding-top: 180px;
  padding-bottom: 180px;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .collection-space {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}

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

.tp-category-sction-box p {
  padding-bottom: 23px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-category-sction-box p {
    padding-right: 130px;
    padding-left: 130px;
  }
}
@media (max-width: 767px) {
  .tp-category-sction-box p {
    padding-right: 0px;
    padding-left: 0px;
  }
}

/*----------------------------------------*/
/*  22. contact CSS START
/*----------------------------------------*/
.tp-contact-title {
  font-weight: 400;
  font-size: 30px;
  line-height: 34px;
  color: var(--tp-theme-1);
  margin-bottom: 35px;
}

.tpcontact {
  background-color: var(--tp-common-white);
  padding: 60px;
}
@media (max-width: 767px) {
  .tpcontact {
    padding: 20px;
  }
}
.tpcontact__input {
  position: relative;
  margin-bottom: 20px;
}
.tpcontact__input input {
  width: 100%;
  border: 1px solid var(--tp-border-2);
  height: 60px;
  line-height: 60px;
  padding-left: 30px;
  padding-right: 60px;
  color: var(--tp-theme-3);
  transition: 0.3s;
  font-size: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.tpcontact__input input:focus {
  background-color: var(--tp-grey-2);
  border-color: var(--tp-grey-2);
  color: var(--tp-theme-1);
}
.tpcontact__input i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.tpcontact__input textarea {
  width: 100%;
  font-size: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.tpcontact__textarae {
  position: relative;
  margin-bottom: 20px;
}
.tpcontact__textarae textarea {
  width: 100%;
  border: 1px solid var(--tp-border-2);
  height: 150px;
  padding: 17px 50px 30px 30px;
  color: var(--tp-theme-3);
  resize: none;
  overflow-y: hidden;
  outline: 0;
  font-size: 15px;
}
@media (max-width: 767px) {
  .tpcontact__textarae textarea {
    padding: 17px 50px 30px 30px;
  }
}
.tpcontact__textarae textarea:focus {
  background-color: var(--tp-grey-2);
  border-color: var(--tp-grey-2);
  color: var(--tp-theme-1);
}
.tpcontact__textarae textarea:focus i {
  color: var(--tp-theme-1);
}
.tpcontact__textarae i {
  position: absolute;
  top: 30px;
  right: 20px;
}

.contact-map {
  width: 100%;
  height: 100%;
  line-height: 0;
}
.contact-map iframe {
  width: 100%;
  min-height: 510px;
}
@media (max-width: 767px) {
  .contact-map iframe {
    min-height: 350px;
  }
}

.contact-title {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 45px;
}

.contact-form-box {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 220px;
  padding-right: 220px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-form-box {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-form-box {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .contact-form-box {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.tp-contact-input input {
  width: 100%;
  height: 60px;
  font-size: 15px;
  color: var(--tp-theme-1);
  border: 1px solid #EFF1F6;
  background-color: var(--tp-common-white);
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 0px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.tp-contact-input textarea {
  width: 100%;
  height: 170px;
  resize: none;
  border: none;
  background-color: var(--tp-common-white);
  border: 1px solid #EFF1F6;
  border-radius: 10px;
  margin-bottom: 30px;
  color: var(--tp-theme-1);
  padding: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.tp-contact-input textarea:focus {
  outline: 0;
}

.contact-info {
  border: 1px solid #F6F7FB;
  padding: 50px 15px;
}
.contact-info img {
  margin-bottom: 25px;
}
.contact-info h4 {
  margin-bottom: 25px;
}

/*----------------------------------------*/
/*  24. footer CSS START
/*----------------------------------------*/
.tp-footer-title {
  font-size: 22px;
  color: var(--tp-common-white);
  font-weight: 400;
  padding-bottom: 33px;
}

.tp-footer-item ul li {
  margin-bottom: 15px;
}
.tp-footer-item ul li a {
  color: #BAD4CC;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
}
.tp-footer-item ul li a::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: var(--tp-theme-2);
  transition: 0.7s;
  display: inline-block;
}
.tp-footer-item ul li a:hover {
  color: var(--tp-theme-2);
}
.tp-footer-item ul li a:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-item ul li a {
    font-size: 12px;
    letter-spacing: 1px;
  }
}
.tp-footer-item ul li:last-child {
  margin-bottom: 0;
}

.tp-insta-img {
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.tp-insta-img::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(83, 195, 81, 0.7);
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.tp-insta-img img {
  border-radius: 10px;
  transform: scale(1);
  transition: 0.9s;
}
.tp-insta-img:hover img {
  transform: scale(1.1);
}
.tp-insta-img:hover::after {
  opacity: 1;
  visibility: visible;
}
.tp-insta-img:hover .tp-insta-icon a {
  opacity: 1;
  visibility: visible;
}

.tp-insta-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tp-insta-icon a {
  font-size: 30px;
  font-weight: 400;
  color: var(--tp-common-white);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}

.footer-space-1 {
  margin-left: 18px;
  margin-right: 18px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-space-1 {
    margin-right: 0;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-space-1 {
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .footer-space-1 {
    padding-left: 0;
    margin-left: 0;
  }
}

.footer-space-2 {
  padding-left: 90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-space-2 {
    padding-left: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-space-2 {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-space-2 {
    padding-left: 0px;
  }
}
@media (max-width: 767px) {
  .footer-space-2 {
    padding-left: 0;
  }
}

.footer-space-3 {
  padding-left: 78px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-space-3 {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-space-3 {
    padding-left: 22px;
  }
}
@media (max-width: 767px) {
  .footer-space-3 {
    padding-left: 0;
  }
}

.footer-space-4 {
  padding-left: 65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-space-4 {
    padding-left: 0px;
  }
}
@media (max-width: 767px) {
  .footer-space-4 {
    padding-left: 0;
  }
}

.border-bottom-1 {
  border-bottom: 1px solid #3C7A67;
}

.tp-copyright-left p {
  color: #BAD4CC;
}
.tp-copyright-left p span {
  color: var(--tp-common-white);
}

.tp-copyright-right a {
  color: #BAD4CC;
  margin-left: 60px;
  font-size: 15px;
  font-weight: 500;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-copyright-right a {
    margin-left: 0;
    margin: 0px 30px;
  }
}
@media (max-width: 767px) {
  .tp-copyright-right a {
    margin-left: 15px;
  }
}
.tp-copyright-right a:hover {
  color: var(--tp-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-copyright-left {
    padding-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-copyright-right {
    padding-right: 0px;
  }
}

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