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

    Theme Name: Poorex - Nonprofit Charity HTML Template 
    Author: Theme Pure
    Support: https://help.themepure.net/support/
    Version: 1.0

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

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

    01. theme default css
  02. header css start
  03. about css start
  04. blog css star
  05. brand css start
  06. contact css start
  07. cta css start
  08. donation css start
  09. error css start
  10. event css start
  11. faq css start
  12. feature css start
  13. funfact css start
  14. gallery css start
  15. mission css start
  16. providing css start
  17. service css start 
  18. shop css start
  19. slider css start
  20. team css start
  21. testimonial css start
  22. checkout css start
    23. cart css start
  24. login css start 
  25. footer css start

**********************************************/
/*----------------------------------------
 01. THEME DEFAULT CSS START
----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Manrope:wght@300;400;500;600;700;800&display=swap" rel="stylesheet');
:root {
  /**
  @font family declaration
  */
  --tp-ff-body: 'Manrope', sans-serif;
  --tp-ff-heading: 'Manrope', sans-serif;
  --tp-ff-fontawesome: Font Awesome 6 Pro;
  /**
  @color declaration
  */
  --tp-common-white: #ffffff;
  --tp-common-black: #000000;
  --tp-common-orange: #fe7f4c;
  --tp-heading-primary: #1e3737;
  --tp-grey-1: #f2f7f7;
  --tp-grey-2: #8b9e9e;
  --tp-text-body: #6e7a7a;
  --tp-theme-1: #1e3737;
  --tp-theme-2: #07847f;
  --tp-theme-3: #8fe1de;
  --tp-border-1: #385656;
  --tp-border-2: #edefef;
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1200px;
  }
}
.container-large {
  max-width: 1325px;
}

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

/*---------------------------------
  typography css start 
---------------------------------*/
body {
  font-family: var(--tp-ff-body);
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-text-body);
  line-height: 1.3;
  overflow-x: hidden !important;
}


html, body {
  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: 800;
  line-height: 1.1;
  transition: 0.3s;
}

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 {
  color: var(--tp-text-body);
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
}

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

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

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

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

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

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

li {
  list-style: none;
}

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

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

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

button:
 {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input,
textarea {
  outline: none;
  color: var(--tp-theme-2);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgb(116, 116, 116);
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: rgb(116, 116, 116);
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgb(116, 116, 116);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgb(116, 116, 116);
}

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

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

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

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

*::placeholder {
  color: var(--tp-theme-1);
  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;
}

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

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

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

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

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

.gx-50 {
  --bs-gutter-x: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .gx-50 {
    --bs-gutter-x: 30px;
  }
}

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

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

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

/* input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password], input[type=url] {
  outline: none;
  background-color: #fff;
  height: 60px;
  width: 100%;
  line-height: 60px;
  font-size: 14px;
  color: var(--tp-common-black);
  padding-left: 30px;
  padding-right: 30px;
  border: 0;
} */
.navbutton{
    display: inline-block;
  background-color:white;
  color:#358c47;
  height: 58px;
  line-height: 55px;
  padding: 0 51px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  transition: all 0.6s linear;
  overflow: hidden;
  z-index: 1;
}

.tp-btn {
  display: inline-block;
  background-color: var(--tp-common-orange);
  color: var(--tp-common-white);
  height: 58px;
  line-height: 55px;
  padding: 0 51px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  transition: all 0.6s linear;
  overflow: hidden;
  z-index: 1;
}
/* .tp-btn:hover {
  color: var(--tp-common-white);
} */
.tp-btn:hover::after {
  height: 380%;
}
.tp-btn::after {
  position: absolute;
  content: "";
  /* background-color: var(--tp-theme-1); */
  width: 100%;
  height: 0%;
  left: 50%;
  top: 50%;
  border-radius: 0px;
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: -1;
  transition: all 500ms ease;
}
.tp-btn.theme-2-bg {
  background-color: var(--tp-common-orange);
  color: var(--tp-common-white);
}
.tp-btn.theme-2-bg:hover::after {
  background-color: var(--tp-theme-2);
}

.tp-border-btn {
  display: inline-block;
  border: 1px solid var(--tp-common-orange);
  color: var(--tp-common-white);
  height: 58px;
  line-height: 55px;
  padding: 0 51px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  transition: all 0.6s linear;
  overflow: hidden;
  z-index: 1;
}
.tp-border-btn:hover {
  color: var(--tp-common-white);
}
.tp-border-btn:hover::after {
  height: 380%;
}
.tp-border-btn::after {
  position: absolute;
  content: "";
  background-color: var(--tp-common-orange);
  width: 100%;
  height: 0%;
  left: 50%;
  top: 50%;
  border-radius: 0px;
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: -1;
  transition: all 500ms ease;
}

.theme-btn {
  display: inline-block;
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
  height: 58px;
  line-height: 55px;
  padding: 0 51px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  transition: all 0.6s linear;
  overflow: hidden;
  z-index: 1;
}
.theme-btn:hover {
  color: var(--tp-common-white);
}
.theme-btn:hover::after {
  height: 380%;
}
.theme-btn::after {
  position: absolute;
  content: "";
  background-color: var(--tp-common-orange);
  width: 100%;
  height: 0%;
  left: 50%;
  top: 50%;
  border-radius: 0px;
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: -1;
  transition: all 500ms ease;
}

.tp-btn-lg {
  display: inline-block;
  background-color: var(--tp-common-orange);
  color: var(--tp-common-white);
  height: 58px;
  line-height: 55px;
  padding: 0 51px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  transition: all 0.6s linear;
  overflow: hidden;
  z-index: 1;
}
.tp-btn-lg:hover {
  color: var(--tp-common-white);
}
.tp-btn-lg:hover::after {
  height: 560%;
}
.tp-btn-lg::after {
  position: absolute;
  content: "";
  background-color: var(--tp-theme-1);
  width: 100%;
  height: 0%;
  left: 50%;
  top: 50%;
  border-radius: 0px;
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: -1;
  transition: all 500ms ease;
}

.tp-btn-sm {
  display: inline-block;
  background-color: var(--tp-common-orange);
  color: var(--tp-common-white);
  height: 45px;
  line-height: 45px;
  padding: 0 30px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: capitalize;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.tp-btn-sm i {
  padding-left: 20px;
  color: var(--tp-common-white);
  font-size: 16px;
  transform: translateY(2px);
}
.tp-btn-sm:hover {
  color: var(--tp-common-white);
}
.tp-btn-sm:hover::after {
  height: 380%;
}
.tp-btn-sm::after {
  position: absolute;
  content: "";
  background-color: var(--tp-theme-1);
  width: 100%;
  height: 0%;
  left: 50%;
  top: 50%;
  border-radius: 0px;
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: -1;
  transition: all 500ms ease;
}
.tp-btn-sm.theme-2-bg {
  background-color: var(--tp-common-orange);
  color: var(--tp-common-white);
}
.tp-btn-sm.theme-2-bg:hover::after {
  background-color: var(--tp-theme-2);
}

.tp-grey-btn {
  display: inline-block;
  background-color: var(--tp-grey-1);
  color: var(--tp-theme-2);
  height: 58px;
  line-height: 55px;
  padding: 0 51px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  transition: 0.3s;
  overflow: hidden;
  z-index: 1;
}
.tp-grey-btn:hover {
  color: var(--tp-common-white);
}
.tp-grey-btn:hover::after {
  height: 380%;
}
.tp-grey-btn::after {
  position: absolute;
  content: "";
  background-color: var(--tp-common-orange);
  width: 100%;
  height: 0%;
  left: 50%;
  top: 50%;
  border-radius: 0px;
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: -1;
  transition: all 500ms ease;
}

.tp-menu-btn {
  background-color: var(--tp-common-orange);
  color: var(--tp-common-white);
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  overflow: hidden;
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.03em;
  position: relative;
  z-index: 9;
}
.tp-menu-btn::before {
  position: absolute;
  content: "";
  background-color: var(--tp-theme-2);
  width: 100%;
  height: 0%;
  left: 50%;
  top: 50%;
  border-radius: 0px;
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: -1;
  transition: all 500ms ease;
}
.tp-menu-btn:hover {
  color: var(--tp-common-white);
}
.tp-menu-btn:hover::before {
  height: 380%;
}

/* pulse effect animation */
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@-webkit-keyframes lineDash {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 1000;
  }
}
@keyframes lineDash {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 1000;
  }
}
@keyframes pulse-2 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 153, 0, 0.2);
    box-shadow: 0 0 0 0 rgba(255, 153, 0, 0.2);
  }
  70% {
    -moz-box-shadow: 0 0 0 20px rgba(21, 165, 150, 0);
    box-shadow: 0 0 0 20px rgba(21, 165, 150, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(21, 165, 150, 0);
    box-shadow: 0 0 0 0 rgba(21, 165, 150, 0);
  }
}
@keyframes section-animation {
  0% {
    width: 0;
  }
  15% {
    width: 100%;
  }
  85% {
    opacity: 1;
  }
  90% {
    width: 100%;
    opacity: 0;
  }
  to {
    width: 0;
    opacity: 0;
  }
}
@keyframes about-sm {
  100% {
    transform: translateY(60px);
  }
  100% {
    transform: translateY(50px);
  }
}
@keyframes hero-thumb-animation {
  0% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes tpleftright {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes tprotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes tpupdown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes tpswing {
  0% {
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    transform: rotate(6deg);
  }
  100% {
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
}
@keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes moving {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes about-circle {
  0% {
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes services-triangle {
  0% {
    -webkit-transform: rotate(0deg) translateX(-50px);
    -moz-transform: rotate(0deg) translateX(-50px);
    -ms-transform: rotate(0deg) translateX(-50px);
    -o-transform: rotate(0deg) translateX(-50px);
    transform: rotate(0deg) translateX(-50px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(100px);
    -moz-transform: rotate(360deg) translateY(100px);
    -ms-transform: rotate(360deg) translateY(100px);
    -o-transform: rotate(360deg) translateY(100px);
    transform: rotate(360deg) translateY(100px);
  }
}
@keyframes hero-3-dot-2 {
  0% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0px);
  }
}
@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(-50px);
    transform: translateX(-50px);
  }
  60% {
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
}
/* /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);
  }
}
@keyframes light-one {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.6;
  }
  75% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes rotate2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes tpswing {
  0% {
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes tptranslateX2 {
  0% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translatXY(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
/*--- preloader ---*/
.dark #preloader {
  background-color: var(--tp-theme-1);
}

#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: var(--tp-theme-1);
  -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 ---*/
.scroll-top {
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  bottom: -10%;
  right: 5px;
  font-size: 16px;
  z-index: 999;
  color: var(--tp-common-white);
  text-align: center;
  cursor: pointer;
  background:#aed7b7;
  transition: 1s ease;
  border: none;
}

.scroll-top.open {
  bottom: 30px;
}

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

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

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

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

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

.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: 0.45s ease-in-out;
}
.body-overlay.apply {
  opacity: 1;
  visibility: visible;
}
.body-overlay:hover {
  cursor: url(../img/cross-out.png), pointer;
}

.tpoffcanvas {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  right: -100%;
  width: 480px;
  bottom: 0;
  box-shadow: 0 16px -32px 0 rgba(0, 0, 0, 0.8);
  background-color: #358c47;
  z-index: 999999;
  padding: 50px;
  scrollbar-width: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.45s ease-in-out;
  overflow-y: scroll;
}
.tpoffcanvas .homemenu {
  margin-bottom: 30px;
}
.tpoffcanvas .tp-main-menu-mobile {
  margin-bottom: 50px;
}
.tpoffcanvas.opened {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 767px) {
  .tpoffcanvas {
    width: 300px;
    padding: 40px 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpoffcanvas {
    width: 400px;
    padding: 40px;
  }
}
.tpoffcanvas.opened {
  right: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.6s;
}
.tpoffcanvas__title p {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.49);
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .tpoffcanvas__title p {
    font-size: 17px;
  }
}
.tpoffcanvas__contact-title h5 {
  font-size: 14px;
  color: #888888;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 30px;
  display: inline-block;
}
.tpoffcanvas__input-title h4 {
  font-size: 14px;
  color:white;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 30px;
  display: inline-block;
}
.tpoffcanvas__input {
  margin-bottom: 100px;
}
.tpoffcanvas__input input {
  background:rgb(255, 255, 255);
  border: transparent;
  height: 60px;
  width: 100%;
  padding-left: 20px;
  padding-right: 80px;
  color: black;
}
.tpoffcanvas__input button {
  height: 60px;
  width: 60px;
  background-color: #71cd81;
  color: var(--tp-common-white);
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 0;
}
.tpoffcanvas__contact-info {
  margin-bottom: 50px;
}
.tpoffcanvas__contact-info ul li {
  font-size: 16px;
  color: var(--tp-common-white);
  margin-bottom: 15px;
  list-style-type: none;
}
.mobilelogo{
  width: 70%;
  margin-top: -17px;

}
@media (max-width: 767px) {
  .tpoffcanvas__contact-info ul li {
    font-size: 14px;
  }
}
.tpoffcanvas__contact-info ul li:last-child {
  margin-bottom: 0;
}
.tpoffcanvas__contact-info ul li a {
  margin-left: 10px;
  transition: 0.3s;
}
/*.tpoffcanvas__contact-info ul li a:hover {
  color: var(--tp-common-orange);
}*/
.tpoffcanvas__logo {
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpoffcanvas__logo {
    padding-top: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tpoffcanvas__logo {
    padding-top: 0;
  }
}
.tpoffcanvas__close-btn button {
  position: absolute;
  right: 30px;
  top: 30px;
  transition: 1s;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.3s;
  height: 40px;
  width: 40px;
  line-height: 45px;
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
}
.tpoffcanvas__close-btn button:hover i {
  transform: rotate(360deg);
}
.tpoffcanvas__close-btn button i {
  font-weight: 300;
  font-size: 20px;
  transition: 0.9s;
}
.tpoffcanvas__social {
  margin-top: 30px;
}
.tpoffcanvas__social .social-icon a {
  height: 55px;
  width: 55px;
  line-height: 58px;
  text-align: center;
  font-size: 16px;
  background-color: rgba(251, 251, 253, 0.08);
  color: var(--tp-common-white);
  margin-right: 15px;
  transition: 0.3s;
  display: inline-block;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .tpoffcanvas__social .social-icon a {
    margin-right: 3px;
    height: 50px;
    width: 50px;
    line-height: 53px;
    font-size: 15px;
  }
}
/*.tpoffcanvas__social .social-icon a:hover {
  background-color: var(--tp-common-orange);
  color: var(--tp-common-white);
}*/

.tp-breadcrumb-height {
  padding-top: 145px;
  padding-bottom: 145px;
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
  background-color: #052725;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-breadcrumb-height {
    background-position: bottom;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-breadcrumb-height {
    background-position: bottom;
  }
}

.tp-breadcrumb__overlay {
  position: relative;
}
.tp-breadcrumb__overlay::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(30, 55, 55, 0.75);
}
@media (max-width: 767px) {
  .tp-breadcrumb__section-box {
    text-align: center;
  }
}
.tp-breadcrumb__title {
  font-weight: 800;
  font-size: 50px;
  line-height: 1;
  color: var(--tp-common-white);
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-breadcrumb__title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-breadcrumb__title {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .tp-breadcrumb__title {
    font-size: 30px;
  }
}
.tp-breadcrumb__list {
  display: inline-block;
  padding: 8px 20px;
  background-color: rgba(255, 255, 255, 0.078);
  margin-bottom: 20px;
}
.tp-breadcrumb__list span {
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-common-white);
  text-transform: capitalize;
  opacity: 85%;
}
.tp-breadcrumb__list span.dvdr i {
  color: var(--tp-common-white);
  font-weight: 400;
  font-size: 13px;
}
.tp-breadcrumb__shape-1 {
  position: absolute;
  bottom: -7%;
  left: -2%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-breadcrumb__shape-1 {
    display: none;
    visibility: hidden;
  }
}
.tp-breadcrumb__shape-2 {
  position: absolute;
  bottom: 20px;
  left: 0%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-breadcrumb__shape-2 {
    display: none;
    visibility: hidden;
  }
}

.tp-custom-accordion .accordion-items {
  margin-bottom: 20px;
  box-shadow: 0px 25px 65px rgba(0, 0, 0, 0.07);
  border-radius: 16px;
}
.tp-custom-accordion .accordion-buttons {
  position: relative;
  width: 100%;
  padding: 26px 30px;
  padding-left: 60px;
  background-color: var(--tp-common-white);
  text-align: left;
  font-weight: 700;
  font-size: 18px;
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-custom-accordion .accordion-buttons {
    font-size: 19px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-custom-accordion .accordion-buttons {
    padding: 25px 28px;
    padding-left: 60px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .tp-custom-accordion .accordion-buttons {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-custom-accordion .accordion-buttons {
    font-size: 15px;
  }
}
.tp-custom-accordion .accordion-buttons::after {
  position: absolute;
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  font-size: 16px;
  opacity: 1;
  color: var(--tp-common-orange);
}
@media (max-width: 767px) {
  .tp-custom-accordion .accordion-buttons::after {
    top: 35px;
    right: 25px;
    font-size: 13px;
  }
}
.tp-custom-accordion .accordion-buttons.collapsed::after {
  content: "\f067";
}
.tp-custom-accordion .collapsed {
  position: relative;
  z-index: 99;
}
.tp-custom-accordion .accordion-body {
  background-color: var(--tp-common-white);
  padding-bottom: 20px;
  padding-left: 100px;
  padding-right: 55px;
  position: relative;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-custom-accordion .accordion-body {
    font-size: 14px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-custom-accordion .accordion-body {
    font-size: 14px;
    padding-right: 30px;
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .tp-custom-accordion .accordion-body {
    font-size: 13px;
    padding-right: 30px;
    padding-left: 30px;
  }
  body{
    overflow:auto;
  }
}
.tp-custom-accordion .accordion-body::after {
  position: absolute;
  content: "";
  top: 6px;
  left: 70px;
  width: 1px;
  height: 75px;
  background-color: var(--tp-common-orange);
}
@media (max-width: 767px) {
  .tp-custom-accordion .accordion-body::after {
    display: none;
    visibility: hidden;
  }
}

.tp-section-subtitle {
  font-size: 16px;
  color: var(--tp-common-orange);
  font-family: var(--tp-ff-heading);
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  margin-bottom: 17px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-subtitle {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-subtitle {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .tp-section-subtitle {
    font-size: 13px;
  }
}
.tp-section-subtitle::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 30px;
  background-color: var(--tp-theme-2);
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
}
.tp-section-subtitle::before {
  content: "";
  height: 2px;
  width: 10px;
  background-color: var(--tp-common-orange);
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

.tp-section-subtitle-2 {
  font-size: 16px;
  color: var(--tp-common-orange);
  font-family: var(--tp-ff-heading);
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 17px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-subtitle-2 {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-subtitle-2 {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .tp-section-subtitle-2 {
    font-size: 13px;
  }
}
.tp-section-subtitle-2::before {
  content: "";
  height: 2px;
  width: 10px;
  background-color: var(--tp-theme-2);
  display: inline-block;
  transform: translateY(-5px);
  margin-right: 10px;
}

.tp-section-subtitle-3 {
  font-size: 16px;
  color: var(--tp-common-orange);
  font-family: var(--tp-ff-heading);
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 17px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-subtitle-3 {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-subtitle-3 {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .tp-section-subtitle-3 {
    font-size: 13px;
  }
}
.tp-section-subtitle-3::after {
  content: "";
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: var(--tp-theme-2);
  display: inline-block;
  transform: translateY(-3px);
  margin-left: 10px;
}

.tp-section-title {
  font-size: 50px;
  color: #358c47;
  font-weight: 800;
  font-family: var(--tp-ff-heading);
  line-height: 1.2;
}
.tp-section-title1 {
  font-size: 31px;
  padding-bottom: 2rem;
  text-align: center;
  padding-top: 1rem;
  color: #358c47;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-section-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-section-title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-title {
    font-size: 35px;
  }
  .tp-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-section-title {
    font-size: 31px;
    margin-top:1rem;
    text-align: center;
    padding-top: 2rem;
  }
  .tp-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-section-title {
    font-size: 37px;
  }
  .tp-section-title br {
    display: none;
  }
}

/** slider title**/
.tp-slider-subtitle {
  font-size: 16px;
  color: var(--tp-common-white);
  font-weight: 400;
  padding: 8px 32px;
  background-color: rgba(255, 255, 255, 0.059);
  display: inline-block;
  margin-bottom: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-subtitle {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tp-slider-subtitle {
    font-size: 14px;
    padding: 8px 20px;
  }
}

.tp-slider-title {
  font-size: 50px;
  color: var(--tp-common-white);
  font-weight: 800;
}
.bannercontent{
  padding-top: 6rem;
  text-align: center;
  background-image: url(../img/slider/banner.jpg);
  height: 100%;
  background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-bottom: 6rem;

}
.searchform{
  width: 50%;
  margin: auto;
}
.bannersearch{
  position: relative;
  width: 100%;
  display: flex;

}
.input-group-append {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.aboutsearch {
  border-radius: 4px 0 0 4px;
  padding: 1rem;
}
.departssearch{
   border: none;
  padding: 1rem;
  margin-top: 7rem;
}
.bannerbutton{
  border-radius: 0 4px 4px 0;
  margin: 0px;
  padding: 1rem;
}
.deptbannerbutton{
  border-radius: 0 4px 4px 0;
  margin: 0px;
  padding: 1rem;
  margin-top: 7rem;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px){
  .bannercontent{
    padding-top: 5rem;
  }
  .searchform{
    width: 96%;
  }
  .departssearch{
     margin-top: 3rem;
  }
  .deptbannerbutton{
     margin-top: 3rem;

  }
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-slider-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-title {
    font-size: 75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-title {
    font-size: 70px;
  }
  .tp-slider-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-slider-title {
    font-size: 47px;
  }
  .tp-slider-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-title {
    font-size: 56px;
  }
  .tp-slider-title br {
    display: none;
  }
}

.tp-slider-2-subtitle {
  font-size: 20px;
  font-weight: 700;
  color: var(--tp-theme-1);
  display: inline-block;
  padding-bottom: 12px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-slider-2-subtitle {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-2-subtitle {
    font-size: 17px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-2-subtitle {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-2-subtitle {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .tp-slider-2-subtitle {
    font-size: 14px;
  }
}

.tp-slider-2-title {
  font-size: 100px;
  font-weight: 800;
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-slider-2-title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-2-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-2-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-2-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-2-title {
    font-size: 70px;
  }
  .tp-slider-2-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-slider-2-title {
    font-size: 47px;
  }
  .tp-slider-2-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-2-title {
    font-size: 56px;
  }
  .tp-slider-2-title br {
    display: none;
  }
}
.tp-slider-2-title b {
  font-weight: 800;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: var(--tp-theme-1);
  color: transparent;
  font-family: "Lato", sans-serif;
}

.tp-slider-3-subtitle {
  font-size: 20px;
  font-weight: 700;
  color: var(--tp-common-white);
  display: inline-block;
  padding-bottom: 18px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-slider-3-subtitle {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-3-subtitle {
    font-size: 17px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-3-subtitle {
    font-size: 16px;
  }
}
@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-slider-3-subtitle {
    font-size: 14px;
  }
}

.tp-slider-3-title {
  font-size: 100px;
  font-weight: 800;
  color: var(--tp-common-white);
  line-height: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-slider-3-title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-3-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-3-title {
    font-size: 88px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-3-title {
    font-size: 77px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-3-title {
    font-size: 65px;
  }
  .tp-slider-3-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-slider-3-title {
    font-size: 49px;
  }
  .tp-slider-3-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-3-title {
    font-size: 53px;
  }
  .tp-slider-3-title br {
    display: none;
  }
}

/*----------------------------------------*/
/*  2.16 Search css start
/*----------------------------------------*/
.search__popup {
  padding: 70px;
  padding-top: 70px;
  padding-bottom: 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 45%;
  background-color:white;
  z-index: 99999;
  -webkit-transform: translateY(calc(-100% - 80px));
  -moz-transform: translateY(calc(-100% - 80px));
  -ms-transform: translateY(calc(-100% - 80px));
  -o-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  -webkit-transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  -moz-transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition-delay: 0.7s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .search__popup {
    height: 75%;
  }
}
.search__popup.search-opened {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  transition-delay: 0s;
}
.search__popup.search-opened .search__input {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.3s;
}
.search__popup.search-opened .search__input::after {
  width: 100%;
  transition-delay: 0.5s;
}
.search__popup-2 {
  background-color: var(--tp-common-black-13);
}
.search__popup-2 .search__input .search-input-field ~ .search-focus-border {
  background-color: var(--tp-theme-8);
}
.search__popup-3 .search__input .search-input-field ~ .search-focus-border {
  background-color: var(--tp-theme-10);
}
.search__top {
  margin-bottom: 80px;
}
.search__input {
  position: relative;
  height: 80px;
  transition: all 0.3s ease-out 0s;
  transition-delay: 0.5s;
  opacity: 0;
}
.search__input::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color:black;
  transition: all 0.3s ease-out 0s;
  transition-delay: 0.3s;
}
.search__input input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  font-size: 24px;
  color:black;
  border-bottom: 1px solid transparent;
  padding: 0;
  padding-right: 30px;
}
.search__input button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color:rgb(0, 0, 0);
}
.search__input .search-input-field ~ .search-focus-border {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  width: 0;
  height: 1px;
  background-color: var(--tp-common-orange);
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.search__input .search-input-field:focus ~ .search-focus-border {
  width: 100%;
  left: 0;
  right: auto;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

.search__close-btn {
  font-size: 25px;
  color: rgb(0, 0, 0);
}


/*----------------------------------------*/
/*  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 #c00;
  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 rgba(255, 255, 255, 0.1);
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
}
/*.mean-container .mean-nav ul li a:hover {
  color: var(--tp-theme-3);
}*/

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 10px;
  padding: 0 !important;
  line-height: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1) !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 {
  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(--tp-theme-2);
}

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

/*----------------------------------------*/
/*  02. header css start
/*----------------------------------------*/
.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--tp-common-white);
  opacity: 1;
  visibility: visible;
  width: 100%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;
  z-index: 999;
}
.header-sticky .tp-header-top__area {
  display: none;
}

.tp-header-2__area.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--tp-common-white);
  opacity: 1;
  visibility: visible;
  width: 100%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;
  z-index: 999;
}
.tp-header-2__area.header-sticky .tp-header-2__plr {
  box-shadow: none;
  margin-top: 0;
}

.tp-header-3__area.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--tp-common-white);
  opacity: 1;
  visibility: visible;
  width: 100%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;
  z-index: 999;
}

.tp-main-menu-mobile .tp-submenu {
  display: none;
}
.tp-main-menu-mobile .header-icon {
  display: none;
}
.tp-main-menu-mobile ul {
  position: static;
  display: block;
  box-shadow: none;
}
.tp-main-menu-mobile ul li {
  list-style: none;
  position: relative;
  width: 100%;
  padding: 0;
}
.tp-main-menu-mobile ul li:not(:last-child) a {
  border-bottom: 1px solid rgba(6, 7, 40, 0.1);
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn {
  position: absolute;
  right: 0;
  top: 21%;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
  font-size: 18px;
  color: #7F8387;
  font-family: "Font Awesome 5 Pro";
  transition: all 0.3s ease-in-out;
  z-index: 1;
  width: 25px;
  height: 25px;
  line-height: 22px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn i {
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn.dropdown-opened i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
/*.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover {
  background-color: var(--tp-common-orange);
  border-color: var(--tp-theme-1);
  color: var(--tp-common-orange);
}*/
/*.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover i {
  color: var(--tp-common-white);*/
}
/*.tp-main-menu-mobile ul li.has-dropdown > a.expanded {
  color: var(--tp-theme-1);*/
}
.tp-main-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened {
  background-color: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-main-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened i {
  color: var(--tp-common-white);
}
/*.tp-main-menu-mobile ul li.has-dropdown:hover > a::after {
  color: var(--tp-common-orange);
}*/
.tp-main-menu-mobile ul li:last-child a span {
  border-bottom: 0;
}
.tp-main-menu-mobile ul li > a {
  display: block;
  font-size: 16px;
  color: var(--tp-common-white);
  position: relative;
  padding: 10px 0;
  padding-right: 20px;
}
.tp-main-menu-mobile ul li > a svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-main-menu-mobile ul li > a > i {
  display: inline-block;
  width: 11%;
  margin-right: 13px;
  -webkit-transform: translateY(4px);
  -moz-transform: translateY(4px);
  -ms-transform: translateY(4px);
  -o-transform: translateY(4px);
  transform: translateY(4px);
  font-size: 21px;
  line-height: 1;
}
.tp-main-menu-mobile ul li > a .menu-text {
  font-size: 16px;
  line-height: 11px;
  border-bottom: 1px solid #EAEBED;
  width: 82%;
  display: inline-block;
  padding: 19px 0 17px;
}
.tp-main-menu-mobile ul li img {
  width: 100%;
}
.tp-main-menu-mobile ul li ul {
  padding: 0;
}
.tp-main-menu-mobile ul li ul li {
  padding: 0;
}
.tp-main-menu-mobile ul li ul li a {
  margin-left: auto;
  width: 93%;
  padding: 10px 5%;
  text-shadow: none !important;
  visibility: visible;
  padding-left: 0;
  padding-right: 20px;
}
.tp-main-menu-mobile ul li ul li li a {
  width: 88%;
  padding: 10px 7%;
  padding-left: 0;
  padding-right: 20px;
}
.tp-main-menu-mobile ul li ul li li li a {
  width: 83%;
  padding: 10px 9%;
  padding-left: 0;
  padding-right: 20px;
}
.tp-main-menu-mobile ul li ul li li li li a {
  width: 68%;
  padding: 10px 11%;
  padding-left: 0;
  padding-right: 20px;
}
/*.tp-main-menu-mobile ul li:hover > a {
  color: var(--tp-common-orange);
}*/
/*.tp-main-menu-mobile ul li:hover > a::after {
  color: var(--tp-theme-1);
}
.tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn i {
  color: var(--tp-theme-1);
}*/
.tp-main-menu-mobile ul li:hover .mega-menu {
  visibility: visible;
  opacity: 1;
  top: 0;
}
.tp-main-menu-mobile ul li .mega-menu, .tp-main-menu-mobile ul li .submenu {
  position: static;
  min-width: 100%;
  padding: 0;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  display: none;
}
.tp-main-menu-mobile ul li .mega-menu li, .tp-main-menu-mobile ul li .submenu li {
  float: none;
  display: block;
  width: 100%;
  padding: 0;
}
/*.tp-main-menu-mobile ul li .mega-menu li:hover a .dropdown-toggle-btn, .tp-main-menu-mobile ul li .submenu li:hover a .dropdown-toggle-btn {
  color: var(--tp-theme-1);
}*/
.tp-main-menu-mobile .tp-main-menu-content ul li:not(:last-child) .home-menu-title a {
  border-bottom: none;
}
.tp-main-menu-mobile * ul, .tp-main-menu-mobile * li {
  transition: none !important;
}

/** HEADER AREA GOES HERE ***/
.topnum{
  float: inline-end;
font-weight: bolder;
font-size: larger;
}
.topmail{
  float: inline-end;
  margin-right: 1.5rem;
  font-weight: bolder;
  font-size: larger;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .topmail{
    float: inline-start;
     font-size: medium;
  }
  .topnum{
    font-size: medium;
  }

}
@media only screen and (min-width: 360px) and (max-width: 740px){
 .topmail{
    float: inline-start;
     font-size: small;
  }
    .topnum{
    font-size: small;
  }

}
@media only screen and (min-width: 768px) and (max-width: 1024px){
  .topmail{
    float: inline-start;
     font-size: xx-large;
  }
    .topnum{
    font-size: xx-large;
  }
}
.tp-header-top__space {
  padding: 10px 0;
  padding-left: 50px;
  padding-right: 70px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-header-top__space {
    padding: 10px 0;
    padding-left: 40px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header-top__space {
    padding: 10px 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-top__space {
    padding: 10px 0;
    padding-left: 20px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header-top__space {
    padding: 10px 0;
    padding-left: 27px;
    padding-right: 8px;
  }
}
.tp-header-top__left-box ul li {
  display: inline-block;
}
/* .tp-header-top__left-box ul li span {
  color: black;
  font-size: 14px;
  padding-right: 20px;
} */
.tp-header-top__social a {
  padding-right: 15px;
  font-size: 16px;
  color: var(--tp-common-white);
  transition: 0.3s;
}
/*.tp-header-top__social a:hover {
  color: var(--tp-common-orange);
}*/
.tp-header-top__right-box ul li {
  display: inline-block;
  padding-right: 26px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header-top__right-box ul li.location {
    display: none;
  }
}
.tp-header-top__right-box ul li:last-child {
  padding-right: 0;
}
.tp-header-top__right-box ul li i {
  font-size: 15px;
  
  color: var(--tp-common-white);
}
.tp-header-top__right-box ul li a {
  font-size: 14px;
  transition: 0.3s;
  color: black;
  padding-right: 5rem;
}
/*.tp-header-top__right-box ul li a:hover {
  color: var(--tp-common-orange);
}*/

.tp-header__logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  background-color: white;
  display: inline-block;
  padding: 11px 80px;
 
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__logo {
    padding: 9px 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__logo {
    padding: 9px 23px;
    text-align: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__logo {
    padding: 15px 0px;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header__logo {
    padding: 0px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .tp-header__logo {
    padding: 0px;
    text-align: center;
    width: 50%;
    height: calc(100% + 0px);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__logo img {
    max-width: 88%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__logo img {
    max-width: 70%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header__logo img {
    max-width: 73%;
  }
}
@media (max-width: 767px) {
  .tp-header__logo img {
    max-width: 80%;
  }
}
/* .tp-header__logo::after {
  position: absolute;
  bottom: 0;
  right: -60px;
  height: 25px;
  width: 60px;
  background-color: #047470;
  content: "";
  clip-path: polygon(100% 0, 0 0, 0 100%);
} */
.searchlogo{
  width: 40%;
}
@media (max-width: 767px) {
  .tp-header__logo::after {
    display: none;
  }
}
.tp-header__plr {
  padding-left: 373px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__plr {
    padding-left: 314px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__plr {
    padding-left: 254px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__plr {
    padding-left: 214px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header__plr {
    padding: 15px 0;
    padding-left: 214px;
  }
}
@media (max-width: 767px) {
  .tp-header__plr {
    padding: 15px 0;
    padding-left: 214px;
  }
}
.tp-header__space {
  padding-left: 50px;
  padding-right: 70px;
background-image: url("../img//about//sfc.jpg");
background-size: 100%;
    background-repeat: no-repeat;
    background-position: left;

}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-header__space {
    padding-left: 40px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__space {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__space {
    padding-left: 70px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__space {
    padding-left: 25px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header__space {
    padding-left: 0px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .tp-header__space {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.tp-header__main-menu nav > ul > li {
  display: inline-block;
  margin-right: 40px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__main-menu nav > ul > li {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__main-menu nav > ul > li {
    margin-right: 30px;
  }
}
.tp-header__main-menu nav > ul > li > a {
  padding: 40px 0;
  display: inline-block;
  font-weight: 600;
  font-size: 17px;
  color: white;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__main-menu nav > ul > li > a {
    font-size: 16px;
    padding: 33px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__main-menu nav > ul > li > a {
    font-size: 15px;
    padding: 30px 0;
  }
}
.tp-header__main-menu nav > ul > li:hover .submenu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}
.tp-header__main-menu nav > ul > li:hover > a {
  color: var(--tp-theme-1);
}
.tp-header__main-menu nav > ul > li .submenu {
  border-top: 3px solid var(--tp-common-orange);
  position: absolute;
  top: 100%;
  width: 240px;
  background-color: var(--tp-common-white);
  z-index: 999;
  padding: 30px 0px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform: scaleY(0);
  transform-origin: top center;
  text-align: start;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tp-header__main-menu nav > ul > li .submenu > li {
  margin: 0 30px;
  margin-bottom: 13px;
  display: block;
}
.tp-header__main-menu nav > ul > li .submenu > li:last-child {
  margin-bottom: 0;
}
.tp-header__main-menu nav > ul > li .submenu > li > a {
  padding: 0;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--tp-common-black);
  position: relative;
  font-weight: 600;
}
.tp-header__main-menu nav > ul > li .submenu > li > a::after {
  display: none;
}
.tp-header__main-menu nav > ul > li .submenu > li > a::before {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: var(--tp-common-orange);
  transition: 0.7s;
  display: inline-block;
}
/*.tp-header__main-menu nav > ul > li .submenu > li:hover a {
  color: var(--tp-common-orange);
}*/
.tp-header__main-menu nav > ul > li .submenu > li:hover a::before {
  width: 100%;
  right: auto;
  left: 0;
}
.tp-header__main-menu nav > ul > li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__main-menu nav > ul > li {
    margin-right: 25px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__right-action {
    margin-left: -60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__right-action {
    margin-left: -20px;
  }
}
.tp-header__right-action ul li {
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header__right-action ul li:last-child {
    display: none;
    visibility: hidden;
  }
}
.tp-header__icon-box {
  /*padding-right: 28px;*/
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__icon-box {
    padding-right: 25px;
  }
}
.tp-header__icon-box button {
  font-size: 21px;
  transform: translateY(4px);
    color: white;
    font-weight: 400;
   /* margin-right: 25px;*/
    padding-top: 10px;
    margin-top: 1px;
    float: right;
    position: relative;
    z-index: 999;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__icon-box button {
    font-size: 21px;
    margin-right: 5px;
  }
}
.tp-header__icon-box a {
  color: white;
  font-weight: 400;
  font-size: 24px;
  transform: translateY(4px);
  display: inline-block;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__icon-box a {
    font-size: 21px;
  }
}
.tp-header__tel-icon span {
  width: 58px;
  height: 58px;
  line-height: 58px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--tp-theme-2);
  display: inline-block;
  font-size: 24px;
  color: var(--tp-common-white);
  margin-right: 18px;
  transition: all 400ms ease;
  position: relative;
  overflow: hidden;
}
.tp-header__tel-icon span::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: var(--tp-theme-1);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.4s;
  transition-property: all;
  opacity: 1;
  transform-origin: top;
  transform-style: preserve-3d;
  transform: scaleY(0);
  border-radius: 50%;
  z-index: 3;
}
.tp-header__tel-icon span i {
  transform: translateY(3px);
  display: inline-block;
  position: relative;
  z-index: 4;
}
.tp-header__tel-text span {
  display: block;
  font-size: 14px;
  padding-bottom: 8px;
}
.tp-header__tel-text a {
  font-size: 18px;
  color: var(--tp-theme-1);
  font-weight: 700;
  transition: 0.3s;
}
/*.tp-header__tel-text a:hover {
  color: var(--tp-common-orange);
}*/
.tp-header__tel-box {
  padding-left: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__tel-box {
    padding-left: 25px;
  }
}
.tp-header__tel-box:hover .tp-header__tel-icon span::after {
  opacity: 1;
  transform: scaleY(1);
}
.tp-header__btn {
  line-height: 0;
}

.tp-header-2__transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.tp-header-2__plr {
  box-shadow: 2px 3.464px 20px 0px rgba(10, 9, 9, 0.04);
  padding: 0 45px;
  margin-top: 20px;
  background-color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header-2__plr {
    padding: 0 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header-2__plr {
    padding: 0 35px;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .tp-header-2__plr {
    padding: 0 15px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header-2__logo {
    padding: 30px 0;
  }
}
.tp-header-2__logo img {
  max-width: inherit;
}
@media (max-width: 767px) {
  .tp-header-2__logo img {
    max-width: 100%;
  }
}
.tp-header-2__right-box {
  margin-left: -20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-2__right-box {
    margin-left: -33px;
  }
}
.tp-header-2__right-action ul {
  display: flex;
  align-items: center;
  justify-content: end;
}
.tp-header-2__btn {
  line-height: 0;
}
.tp-header-2__icon-box button {
  font-size: 24px;
  color: var(--tp-theme-1);
  font-weight: 400;
  margin-right: 28px;
  transform: translateY(3px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-2__icon-box button {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header-2__icon-box button {
    font-size: 21px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header-2__icon-box button {
    font-size: 20px;
  }
}
.tp-header-2__icon-box a {
  font-size: 24px;
  color: var(--tp-theme-1);
  font-weight: 400;
  margin-right: 25px;
  transform: translateY(3px);
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-2__icon-box a {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header-2__icon-box a {
    font-size: 21px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header-2__icon-box a {
    font-size: 20px;
  }
}
.tp-header-2__bar {
  line-height: 0;
}
.tp-header-2__bar button {
  font-size: 24px;
  color: #358c47;
  margin-left: 8rem;
  height: 58px;
  width: 55px;
  line-height: 55px;
}
.tp-header-2__main-menu {
  padding-left: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-2__main-menu {
    padding-left: 70px;
  }
}
.tp-header-2__main-menu > nav > ul > li {
  margin-right: 39px;
  display: inline-block;
  list-style-type: none;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-2__main-menu > nav > ul > li {
    margin-right: 30px;
  }
}
.tp-header-2__main-menu > nav > ul > li > a {
  padding: 40px 0;
  font-weight: 700;
  transition: 0.3s;
  font-size: 17px;
  display: inline-block;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-2__main-menu > nav > ul > li > a {
    font-size: 16px;
  }
}
.tp-header-2__main-menu > nav > ul > li > a::after {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 2px;
  width: 0%;
  background-color: var(--tp-common-orange);
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.tp-header-2__main-menu > nav > ul > li:last-child {
  margin-right: 0;
}
.tp-header-2__main-menu > nav > ul > li:hover .submenu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}
/*.tp-header-2__main-menu > nav > ul > li:hover > a {
  color: var(--tp-theme-1);
}*/
.tp-header-2__main-menu > nav > ul > li:hover > a::after {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
.tp-header-2__main-menu > nav > ul > li > .submenu {
  border-top: 3px solid var(--tp-common-orange);
  position: absolute;
  top: 100%;
  width: 240px;
  background-color: var(--tp-common-white);
  z-index: 999;
  padding: 30px 0px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform: scaleY(0);
  transform-origin: top center;
  text-align: start;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tp-header-2__main-menu > nav > ul > li > .submenu > li {
  padding: 0;
  display: block;
  margin: 0 30px;
  margin-bottom: 13px;
}
.tp-header-2__main-menu > nav > ul > li > .submenu > li:last-child {
  margin-bottom: 0;
}
.tp-header-2__main-menu > nav > ul > li > .submenu > li > a {
  padding: 0;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--tp-common-black);
  letter-spacing: 1px;
  position: relative;
  font-weight: 600;
}
.tp-header-2__main-menu > nav > ul > li > .submenu > li > a::before {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: var(--tp-common-orange);
  transition: 0.7s;
  display: inline-block;
}
/*.tp-header-2__main-menu > nav > ul > li > .submenu > li:hover a {
  color: var(--tp-common-orange);
}*/
.tp-header-2__main-menu > nav > ul > li > .submenu > li:hover a::before {
  width: 100%;
  right: auto;
  left: 0;
}

.tp-header-top-3__left-box ul li {
  display: inline-block;
}
.tp-header-top-3__left-box ul li span {
  font-size: 14px;
  margin-right: 25px;
}
@media (max-width: 767px) {
  .tp-header-top-3__left-box ul li span {
    margin-right: 22px;
  }
}
.tp-header-top-3__social {
  background-color: rgba(30, 55, 55, 0.039);
  padding: 10px 30px;
}
@media (max-width: 767px) {
  .tp-header-top-3__social {
    padding: 10px 14px;
  }
}
.tp-header-top-3__social a {
  font-size: 15px;
  color: var(--tp-theme-1);
  transition: 0.3s;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .tp-header-top-3__social a {
    padding-right: 12px;
    font-size: 14px;
  }
}
.tp-header-top-3__social a:last-child {
  padding-right: 0;
}
/*.tp-header-top-3__social a:hover {
  color: var(--tp-common-orange);
}*/
.tp-header-top-3__right-box ul li {
  display: inline-block;
  font-size: 14px;
  padding-left: 30px;
}
.tp-header-top-3__right-box ul li a {
  transition: 0.3s;
}
/*.tp-header-top-3__right-box ul li a:hover {
  color: var(--tp-common-orange);
}*/
.tp-header-top-3__right-box ul li.location {
  padding-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header-top-3__right-box ul li.location {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-header-top-3__right-box ul li.email {
    display: none;
  }
}
.tp-header-top-3__right-box ul li i {
  font-size: 15px;
  padding-right: 12px;
  color: var(--tp-theme-1);
  display: inline-block;
  transform: translateY(3px);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header-3__logo {
    padding: 30px 0;
  }
}
.tp-header-3__logo img {
  max-width: inherit;
}
@media (max-width: 767px) {
  .tp-header-3__logo img {
    max-width: 100%;
  }
}
.tp-header-3__main-menu {
  padding-left: 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-3__main-menu {
    padding-left: 0;
    text-align: center;
  }
}
.tp-header-3__main-menu > nav > ul > li {
  padding-right: 39px;
  display: inline-block;
  list-style-type: none;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-3__main-menu > nav > ul > li {
    padding-right: 30px;
  }
}
.tp-header-3__main-menu > nav > ul > li > a {
  padding: 39px 0;
  font-weight: 700;
  transition: 0.3s;
  font-size: 17px;
  display: inline-block;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-3__main-menu > nav > ul > li > a {
    font-size: 16px;
  }
}
.tp-header-3__main-menu > nav > ul > li > a::after {
  content: "";
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: var(--tp-common-orange);
  position: absolute;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  clip-path: polygon(0 0, 100% 0%, 100% 40%, 0 40%);
}
.tp-header-3__main-menu > nav > ul > li:hover .submenu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}
/*.tp-header-3__main-menu > nav > ul > li:hover > a {
  color: var(--tp-theme-1);
}*/
.tp-header-3__main-menu > nav > ul > li:hover > a::after {
  opacity: 1;
  visibility: visible;
}
.tp-header-3__main-menu > nav > ul > li .submenu {
  border-top: 3px solid var(--tp-common-orange);
  background-color: var(--tp-common-white);
  position: absolute;
  top: 100%;
  width: 240px;
  z-index: 999;
  padding: 30px 0px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform: scaleY(0);
  transform-origin: top center;
  text-align: start;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tp-header-3__main-menu > nav > ul > li .submenu > li {
  padding: 0 30px;
  margin-bottom: 13px;
  display: block;
}
.tp-header-3__main-menu > nav > ul > li .submenu > li:last-child {
  margin-bottom: 0;
}
.tp-header-3__main-menu > nav > ul > li .submenu > li > a {
  padding: 0;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--tp-common-black);
  font-weight: 600;
  position: relative;
}
.tp-header-3__main-menu > nav > ul > li .submenu > li > a::before {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: var(--tp-common-orange);
  transition: 0.7s;
  display: inline-block;
}
/*.tp-header-3__main-menu > nav > ul > li .submenu > li:hover > a {
  color: var(--tp-common-orange);
}*/
.tp-header-3__main-menu > nav > ul > li .submenu > li:hover > a::before {
  width: 100%;
  right: auto;
  left: 0;
}
.tp-header-3__main-menu > nav > ul > li:last-child {
  padding-right: 0;
}
.tp-header-3__right-box {
  margin-left: -28px;
}
.tp-header-3__right-action ul li {
  display: inline-block;
}
.tp-header-3__icon-box button {
  font-size: 24px;
  transform: translateY(3px);
  color: var(--tp-theme-1);
  font-weight: 400;
  margin-right: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header-3__icon-box button {
    font-size: 20px;
  }
}
.tp-header-3__icon-box a {
  font-size: 24px;
  transform: translateY(3px);
  display: inline-block;
  color: var(--tp-theme-1);
  font-weight: 400;
  margin-right: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header-3__icon-box a {
    font-size: 20px;
  }
}
.tp-header-3__bar {
  line-height: 0;
}
.tp-header-3__bar button {
  font-size: 18px;
  color: var(--tp-common-orange);
  margin-left: 20px;
  border: 1px solid var(--tp-common-orange);
  height: 58px;
  width: 55px;
  line-height: 55px;
}
@media (max-width: 767px) {
  .tp-header-3__bar button {
    margin-right: 0;
  }
}
.tp-header-3__btn {
  line-height: 0;
}

/** HOME-MENU GOES HERE ***/
.tp-header__main-menu nav ul li .has-homemenu {
  width: 810px;
  padding: 30px 30px 10px 30px;
  opacity: 0;
  visibility: hidden;
  background-color: var(--tp-common-white);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tp-header__main-menu nav ul li .has-homemenu .homemenu {
  padding: 0px 10px;
  position: relative;
  margin-bottom: 20px;
}

.tp-header-2__main-menu nav ul li .has-homemenu {
  width: 810px;
  padding: 30px 30px 10px 30px;
  opacity: 0;
  visibility: hidden;
  background-color: var(--tp-common-white);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tp-header-2__main-menu nav ul li .has-homemenu .homemenu {
  padding: 0px 10px;
  position: relative;
  margin-bottom: 20px;
}

.tp-header-2__main-menu nav ul li .has-homemenu {
  width: 810px;
  padding: 30px 30px 10px 30px;
  opacity: 0;
  visibility: hidden;
  background-color: var(--tp-common-white);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tp-header-2__main-menu nav ul li .has-homemenu .homemenu {
  padding: 0px 10px;
  position: relative;
  margin-bottom: 20px;
}

.tp-header-3__main-menu nav ul li .has-homemenu {
  width: 810px;
  padding: 30px 30px 10px 30px;
  opacity: 0;
  visibility: hidden;
  background-color: var(--tp-common-white);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tp-header-3__main-menu nav ul li .has-homemenu .homemenu {
  padding: 0px 10px;
  position: relative;
  margin-bottom: 20px;
}

.homemenu-btn {
  position: absolute;
  bottom: 20%;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}

.homemenu-title {
  font-size: 18px;
  margin-bottom: 0;
  color: var(--tp-common-orange);
  display: inline-block;
  font-weight: 700;
}
/*.homemenu-title:hover {
  color: var(--tp-theme-2);
}*/

.homemenu-thumb {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.homemenu-thumb:hover .homemenu-btn {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
  transform: translateY(50%);
}

.tp-main-menu-mobile .tp-submenu {
  display: none;
}
.tp-main-menu-mobile .header-icon {
  display: none;
}
.tp-main-menu-mobile ul {
  position: static;
  display: block;
  box-shadow: none;
}
.tp-main-menu-mobile ul li {
  list-style: none;
  position: relative;
  width: 100%;
  padding: 0;
}
.tp-main-menu-mobile ul li:not(:last-child) a {
  border-bottom: 1px solid rgba(6, 7, 40, 0.1);
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn {
  position: absolute;
  right: 0;
  top: 21%;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
  font-size: 18px;
  color: #7F8387;
  font-family: "Font Awesome 5 Pro";
  transition: all 0.3s ease-in-out;
  z-index: 1;
  width: 25px;
  height: 25px;
  line-height: 22px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn i {
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn.dropdown-opened i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
/*.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover {
  background-color: var(--tp-common-orange);
  border-color: var(--tp-common-orange);
  color: var(--tp-common-white);
}*/
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover i {
  color: var(--tp-common-white);
}
/*.tp-main-menu-mobile ul li.has-dropdown > a.expanded {
  color: var(--tp-common-orange);
}*/
/*.tp-main-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened {
  background-color: var(--tp-common-orange);
  border-color: var(--tp-common-orange);
  color: var(--tp-common-white);
}*/
.tp-main-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened i {
  color: var(--tp-common-white);
}
.tp-main-menu-mobile ul li.has-dropdown:hover > a::after {
  color: var(--tp-theme-green);
}
.tp-main-menu-mobile ul li:last-child a span {
  border-bottom: 0;
}
.tp-main-menu-mobile ul li > a {
  display: block;
  font-size: 16px;
  color: var(--tp-common-white);
  position: relative;
  padding: 10px 0;
  padding-right: 20px;
}
.tp-main-menu-mobile ul li > a svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-main-menu-mobile ul li > a > i {
  display: inline-block;
  width: 11%;
  margin-right: 13px;
  -webkit-transform: translateY(4px);
  -moz-transform: translateY(4px);
  -ms-transform: translateY(4px);
  -o-transform: translateY(4px);
  transform: translateY(4px);
  font-size: 21px;
  line-height: 1;
}
.tp-main-menu-mobile ul li > a .menu-text {
  font-size: 16px;
  line-height: 11px;
  border-bottom: 1px solid #EAEBED;
  width: 82%;
  display: inline-block;
  padding: 19px 0 17px;
}
.tp-main-menu-mobile ul li img {
  width: 100%;
}
.tp-main-menu-mobile ul li ul {
  padding: 0;
}
.tp-main-menu-mobile ul li ul li {
  padding: 0;
}
.tp-main-menu-mobile ul li ul li a {
  margin-left: auto;
  width: 93%;
  padding: 10px 5%;
  text-shadow: none !important;
  visibility: visible;
  padding-left: 0;
  padding-right: 20px;
}
.tp-main-menu-mobile ul li ul li li a {
  width: 88%;
  padding: 10px 7%;
  padding-left: 0;
  padding-right: 20px;
}
.tp-main-menu-mobile ul li ul li li li a {
  width: 83%;
  padding: 10px 9%;
  padding-left: 0;
  padding-right: 20px;
}
.tp-main-menu-mobile ul li ul li li li li a {
  width: 68%;
  padding: 10px 11%;
  padding-left: 0;
  padding-right: 20px;
}
/*.tp-main-menu-mobile ul li:hover > a {
  color: var(--tp-common-orange);
}*/
/*.tp-main-menu-mobile ul li:hover > a::after {
  color: var(--tp-theme-1);
}
.tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn i {
  color: var(--tp-common-orange);
}*/
.tp-main-menu-mobile ul li:hover .mega-menu {
  visibility: visible;
  opacity: 1;
  top: 0;
}
.tp-main-menu-mobile ul li .mega-menu, .tp-main-menu-mobile ul li .submenu {
  position: static;
  min-width: 100%;
  padding: 0;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  display: none;
}
.tp-main-menu-mobile ul li .mega-menu li, .tp-main-menu-mobile ul li .submenu li {
  float: none;
  display: block;
  width: 100%;
  padding: 0;
}
/*.tp-main-menu-mobile ul li .mega-menu li:hover a .dropdown-toggle-btn, .tp-main-menu-mobile ul li .submenu li:hover a .dropdown-toggle-btn {
  color: var(--tp-theme-1);
}*/
.tp-main-menu-mobile .tp-main-menu-content ul li:not(:last-child) .home-menu-title a {
  border-bottom: none;
}
.tp-main-menu-mobile * ul, .tp-main-menu-mobile * li {
  transition: none !important;
}

/*----------------------------------------*/
/*  19. slider css start 
/*----------------------------------------*/
.tp-slider__shape {
  position: absolute;
  top: 66%;
  left: 38%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-slider__shape {
    left: 31%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider__shape {
    left: 29%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider__shape {
    left: 26%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider__shape {
    top: 64%;
    left: 34%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-slider__shape {
    display: none;
    visibility: hidden;
  }
}
.tp-slider__bg {

  min-height: 500px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider__bg {
    background-position: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider__bg {
    background-position: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider__bg {
    background-position: center;
    min-height: 650px;
  }
}
@media (max-width: 767px) {
  .tp-slider__bg {
    background-position: center;
    min-height: 600px;
  }
}
.tp-slider__shape-2 {
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-slider__shape-2 {
    width: 60%;
  }
}
.tp-slider__shape-3 {
  position: absolute;
  bottom: 130px;
  right: 0;
  z-index: 5;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider__shape-3 {
    right: -25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-slider__shape-3 {
    display: none;
    visibility: hidden;
  }
}
.tp-slider__shape-4 {
  position: absolute;
  bottom: -2%;
  right: -1%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider__shape-4 {
    bottom: -11%;
    right: -1%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-slider__shape-4 {
    display: none;
    visibility: hidden;
  }
}
.tp-slider__arrow-box {
  position: absolute;
  top: 50%;
  left: 80px;
  transform: translateY(-50%);
  z-index: 99;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider__arrow-box {
    right: 120px;
    left: auto;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider__arrow-box {
    right: 80px;
    left: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-slider__arrow-box {
    display: none;
    visibility: hidden;
  }
}
.tp-slider__arrow-box .slider-next button {
  transition: 0.3s;
  opacity: 50%;
}
.tp-slider__arrow-box .slider-next button:hover {
  opacity: 100%;
}
.tp-slider__arrow-box .slider-prev {
  margin-bottom: 40px;
}
.tp-slider__arrow-box .slider-prev button {
  transition: 0.3s;
  opacity: 50%;
}
.tp-slider__arrow-box .slider-prev button:hover {
  opacity: 100%;
}

.tp-slider-2__mb {
  margin-bottom: 120px;
}
@media (max-width: 767px) {
  .tp-slider-2__mb {
    margin-bottom: 80px;
  }
}
.tp-slider-2__content {
  padding-top: 215px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-2__content {
    padding-top: 260px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-2__content {
    padding-top: 230px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-2__content {
    padding-top: 200px;
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .tp-slider-2__content {
    padding-top: 150px;
    padding-bottom: 50px;
  }
}
.tp-slider-2__content-text p {
  font-size: 14px;
  color: var(--tp-theme-1);
  line-height: 28px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-2__content-text p {
    padding-right: 30px;
  }
  .tp-slider-2__content-text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-2__content-text p {
    padding-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .tp-slider-2__content-text p {
    padding-bottom: 15px;
  }
  .tp-slider-2__content-text p br {
    display: none;
  }
}
.tp-slider-2__main-thumb {
  transform: translateX(13px);
  padding-top: 333px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-2__main-thumb {
    transform: translateX(0px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-2__main-thumb {
    transform: translateX(-6px);
    padding-top: 245px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-slider-2__main-thumb {
    transform: translateX(0px);
    padding-top: 0;
    text-align: center;
  }
}
.tp-slider-2__main-thumb img {
  max-width: inherit;
}
@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-slider-2__main-thumb img {
    max-width: 100%;
  }
}
.tp-slider-2__shape-1 {
  position: absolute;
  left: 53.4%;
  top: 19%;
  z-index: 1;
  animation: tpswing 2s ease-in-out 2s forwards infinite alternate;
  transform-origin: top left;
  z-index: -1;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-slider-2__shape-1 {
    left: 54%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-2__shape-1 {
    left: 55%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-2__shape-1 {
    left: 54%;
  }
}
.tp-slider-2__shape-2 {
  position: absolute;
  right: 18.3%;
  top: 26%;
  z-index: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-slider-2__shape-2 {
    right: 12.2%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-2__shape-2 {
    right: 6.9%;
  }
}
.tp-slider-2__circle-text {
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tp-slider-2__circle-text img {
  max-width: inherit;
  animation: rotate2 15s linear infinite;
}
.tp-slider-2__thumb-text {
  position: absolute;
  bottom: 5.5%;
  right: 36.5%;
  background-color: var(--tp-common-white);
  box-shadow: 2px 3.464px 40px 0px rgba(10, 9, 9, 0.04);
  padding: 30px 40px;
  z-index: 2;
  animation: tptranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-slider-2__thumb-text {
    right: 33.5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-2__thumb-text {
    right: 30%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-2__thumb-text {
    right: 28%;
    padding: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-2__thumb-text {
    right: 35%;
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-2__thumb-text {
    right: 52%;
    padding: 20px;
    bottom: 1.5%;
  }
}
.tp-slider-2__thumb-text span {
  font-weight: 800;
  font-size: 18px;
  color: var(--tp-theme-1);
  margin-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-2__thumb-text span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-2__thumb-text span {
    font-size: 16px;
  }
}
.tp-slider-2__grey-bg {
  position: absolute;
  right: 19.5%;
  top: 0;
  background-color: var(--tp-grey-1);
  height: 840px;
  width: 465px;
  z-index: -2;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-slider-2__grey-bg {
    right: 13.5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-2__grey-bg {
    right: 8.5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-2__grey-bg {
    right: 3.1%;
    width: 520px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-2__grey-bg {
    right: 3.5%;
    height: 752px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-slider-2__grey-bg {
    display: none;
    visibility: hidden;
  }
}

.tp-slider-3__bg {
  background-color: #022b29;
  height: 875px;
  padding-top: 235px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-3__bg {
    height: 670px;
    padding-top: 190px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-3__bg {
    background-position: center right;
    height: 660px;
    padding-top: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-3__bg {
    background-position: center right;
    height: 620px;
    padding-top: 170px;
  }
}
@media (max-width: 767px) {
  .tp-slider-3__bg {
    background-position: center right;
    height: 540px;
    padding-top: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-3__bg {
    background-position: center right;
    height: 590px;
    padding-top: 170px;
  }
}
.tp-slider-3__shape {
  position: absolute;
  bottom: -9%;
  right: 4%;
}
.tp-slider-3__shape img {
  animation: tptranslateX2 4s infinite alternate;
}
.tp-slider-3__text {
  position: absolute;
  top: 130px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.tp-slider-3__big-text {
  font-size: 356px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.1);
  color: transparent;
  font-family: "Lato", sans-serif;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-3__big-text {
    font-size: 270px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-3__big-text {
    font-size: 230px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-3__big-text {
    font-size: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-3__big-text {
    font-size: 180px;
  }
}
@media (max-width: 767px) {
  .tp-slider-3__big-text {
    display: none;
  }
}
.tp-slider-3__icon {
  position: absolute;
  bottom: -55px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 22;
  height: 110px;
  line-height: 117px;
  width: 110px;
  background-color: var(--tp-common-white);
  border-radius: 50%;
  text-align: center;
}
@media (max-width: 767px) {
  .tp-slider-3__icon {
    bottom: -40px;
    height: 80px;
    line-height: 80px;
    width: 80px;
  }
}
.tp-slider-3__icon .arrow-scroll-btn {
  color: var(--tp-common-white);
  font-size: 23px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 50%;
  background-color: var(--tp-theme-1);
  display: inline-block;
  text-align: center;
  position: relative;
}
.tp-slider-3__icon .arrow-scroll-btn i {
  line-height: 0;
  transform: translateY(3px);
  display: inline-block;
  animation: scroll 1s infinite ease-in-out alternate;
}
@media (max-width: 767px) {
  .tp-slider-3__icon .arrow-scroll-btn {
    font-size: 19px;
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}
.tp-slider-3__icon .arrow-scroll-btn::after {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 80%;
  width: 80%;
  position: absolute;
  border-radius: 50%;
  border: 1px solid #d5d9d9;
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
}
.tp-slider-3__icon .arrow-scroll-btn::before {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 75%;
  width: 75%;
  position: absolute;
  border-radius: 50%;
  background-color: rgba(213, 217, 217, 0.8);
  animation: borderanimate2 3s linear infinite;
  z-index: -1;
}

@media (max-width: 767px) {
  .tp-slider-3__arrow-box {
    display: none;
  }
}
.tp-slider-3__arrow-box button {
  color: var(--tp-common-white);
  font-size: 25px;
}
.tp-slider-3__arrow-box button.test-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 80px;
  z-index: 9;
}
/*.tp-slider-3__arrow-box button.test-prev:hover::after {
  background-color: var(--tp-theme-2);
}*/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-3__arrow-box button.test-prev {
    left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-3__arrow-box button.test-prev {
    left: 20px;
  }
}
.tp-slider-3__arrow-box button.test-prev span {
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  transform: translateY(-2px);
}
.tp-slider-3__arrow-box button.test-prev::after {
  position: absolute;
  content: "";
  top: 56%;
  transform: translateY(-50%);
  left: 38px;
  background-color: rgba(7, 132, 128, 0.4);
  height: 60px;
  width: 60px;
  border-radius: 50%;
  z-index: -1;
  transition: 0.3s;
}
.tp-slider-3__arrow-box button.test-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 80px;
  z-index: 9;
}
/*.tp-slider-3__arrow-box button.test-next:hover::after {
  background-color: var(--tp-theme-2);
}*/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-3__arrow-box button.test-next {
    right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-3__arrow-box button.test-next {
    right: 20px;
  }
}
.tp-slider-3__arrow-box button.test-next span {
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  transform: translateY(-2px);
}
.tp-slider-3__arrow-box button.test-next::after {
  position: absolute;
  content: "";
  top: 56%;
  transform: translateY(-50%);
  right: 38px;
  background-color: rgba(7, 132, 128, 0.4);
  height: 60px;
  width: 60px;
  border-radius: 50%;
  z-index: -1;
  transition: 0.3s;
}
/* 
.tp-slider-subtitle,
.tp-slider-title {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: all 3s;
} */

.tp-slider__content .tp-btn {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(120px);
  transform: translateY(120px);
  -webkit-transition-delay: 2000ms;
  transition-delay: 2000ms;
  -webkit-transition: opacity 1000ms ease, -webkit-transform 1000ms ease;
  transition: opacity 1000ms ease, -webkit-transform 2000ms ease;
  transition: transform 1000ms ease, opacity 1000ms ease;
  transition: transform 1000ms ease, opacity 1000ms ease, -webkit-transform 1000ms ease;
}

.tp-slider__shape {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(250px);
  transform: translateX(250px);
  -webkit-transition-delay: 3000ms;
  transition-delay: 3000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

.tp-slider__shape-4 {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(350px);
  transform: translateX(350px);
  -webkit-transition-delay: 5000ms;
  transition-delay: 5000ms;
  -webkit-transition: opacity 3000ms ease, -webkit-transform 3000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

.tp-slider__shape-3 {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(250px);
  transform: translateX(250px);
  -webkit-transition-delay: 3000ms;
  transition-delay: 3000ms;
  -webkit-transition: opacity 3000ms ease, -webkit-transform 3000ms ease;
  transition: opacity 3000ms ease, -webkit-transform 3000ms ease;
  transition: transform 3000ms ease, opacity 3000ms ease;
  transition: transform 3000ms ease, opacity 3000ms ease, -webkit-transform 3000ms ease;
}

.swiper-slide-active .tp-slider-subtitle,
.swiper-slide-active .tp-slider-title {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}
.swiper-slide-active .tp-btn {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}
.swiper-slide-active .tp-slider__shape {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}
.swiper-slide-active .tp-slider__shape-4 {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}
.swiper-slide-active .tp-slider__shape-3 {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}

.tp-slider-3-subtitle,
.tp-slider-3-title {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: all 3s;
}

.tp-slider-3__content .tp-btn {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(120px);
  transform: translateY(120px);
  -webkit-transition-delay: 2000ms;
  transition-delay: 2000ms;
  -webkit-transition: opacity 1000ms ease, -webkit-transform 1000ms ease;
  transition: opacity 1000ms ease, -webkit-transform 2000ms ease;
  transition: transform 1000ms ease, opacity 1000ms ease;
  transition: transform 1000ms ease, opacity 1000ms ease, -webkit-transform 1000ms ease;
}

.swiper-slide-active .tp-slider-3-subtitle,
.swiper-slide-active .tp-slider-3-title {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}
.swiper-slide-active .tp-btn {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}

/*----------------------------------------*/
/*  12. feature css start
/*----------------------------------------*/
.tp-feature__space {
  padding-top: 60px;
  padding-bottom: 70px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.tp-feature__wraper {
  padding: 0px 0px 21px 0px;
  background-color: var(--tp-common-white);
  position: relative;
  overflow: hidden;
  transition: all 500ms ease;
  text-align: center;
  border: 2px solid #358c47;
  border-radius: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-feature__wraper {
    padding: 30px 25px 40px 25px;
  }
}
@media (max-width: 767px) {
  .tp-feature__wraper {
    padding: 30px 25px 40px 25px;
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}



@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-feature__wraper:hover .tp-feature__shape-2 {
    right: -30px;
  }
}
.tp-feature__wraper::after {
  content: "";
  top: 0;
  left: 0;
  height: 0%;
  width: 100%;
  background-color: var(--tp-theme-2);
  position: absolute;
  transition: all 500ms ease;
  opacity: 0;
  visibility: hidden;
}
.tp-feature__content {
  padding-bottom: 2px;
}
.tp-feature__title-sm {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.4;
  margin-bottom: 0;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-feature__title-sm {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .tp-feature__title-sm {
    font-size: 20px;
  }
}
.tp-feature__text p {
  line-height: 30px;
  margin-bottom: 0;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-feature__text p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tp-feature__text p {
    font-size: 14px;
  }
}

.tp-feature__icon span {
  width: 90px;
  height: 60px;
  line-height: 105px;
  border-radius: 50%;
  text-align: center;
  /* background-color: var(--tp-theme-1); */
  display: inline-block;
  font-size: 50px;
  color: black;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-feature__icon span {
    width: 70px;
    height: 70px;
    line-height: 80px;
    font-size: 31px;
  }
}
@media (max-width: 767px) {
  .tp-feature__icon span {
    width: 70px;
    height: 70px;
    line-height: 80px;
    font-size: 75px;
  }
}
.tp-feature__icon span i {
  transition: 0.3s;
}
.tp-feature__shape-1 {
  position: absolute;
  right: 0px;
  top: -80px;
  opacity: 0;
  visibility: hidden;
  transition: all 500ms ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-feature__shape-1 {
    right: -51px;
    top: -8px;
  }
}
@media (max-width: 767px) {
  .tp-feature__shape-1 {
    display: none;
  }
}
.tp-feature__shape-2 {
  position: absolute;
  right: -70px;
  top: -20px;
  opacity: 0;
  visibility: hidden;
  transition: all 900ms ease;
}
@media (max-width: 767px) {
  .tp-feature__shape-2 {
    display: none;
  }
}

.tp-feature-2__bg {
  position: relative;
  opacity: 96%;
}
.tp-feature-2__bg::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
  background-color: rgba(2, 43, 41, 0.961);
}
.tp-feature-2__item {
  background-color: rgba(242, 247, 247, 0.122);
  padding: 40px 15px;
  padding-top: 35px;
  transition: all 0.3s linear;
  position: relative;
  z-index: 11;
}
.tp-feature-2__item::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background-color: var(--tp-common-white);
  transform: scaleX(0.7) rotateX(20deg);
  opacity: 0;
  transition: all 0.4s linear;
  z-index: -1;
}
.tp-feature-2__item:hover::after {
  transform: scaleX(1) rotateX(0deg);
  transition: all 0.4s linear;
  opacity: 1;
}
.tp-feature-2__item:hover .tp-feature-2__title-sm {
  color: var(--tp-theme-1);
}
.tp-feature-2__item:hover .tp-feature-2__icon span {
  color: var(--tp-common-orange);
}
.tp-feature-2__title-sm {
  font-size: 20px;
  color: var(--tp-common-white);
  margin-bottom: 0;
  transition: all 0.3s linear;
}
@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-feature-2__title-sm {
    font-size: 17px;
  }
}
.tp-feature-2__icon {
  margin-bottom: 15px;
}
.tp-feature-2__icon span {
  transition: all 0.3s linear;
  font-size: 65px;
  color: var(--tp-common-white);
  line-height: 0;
  padding-bottom: 12px;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-feature-2__icon span {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-feature-2__icon span {
    font-size: 63px;
  }
}
@media (max-width: 767px) {
  .tp-feature-2__icon span {
    font-size: 55px;
  }
}

/*----------------------------------------*/
/*  03. about css start
/*----------------------------------------*/
/* .tp-about__space {
  padding: 50px 0;
} */  .tp-about__left-side{
  text-align: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px){
  .tp-about__left-side{
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about__left-side {
    margin-bottom: 90px;
    text-align: center;
  }
}

.whychoose{
  background: #d7e7d6;

}
.whyimage { 
  float: left;
}
.enquiryimage{
float: right;
  width: 24rem;
  margin-left: 10rem;

}
.tp-about__wraper {
  padding-right: 105px;
}
.enquirysub{
  text-align: center;
}
.enquirybut{
  padding: 12px 10rem 12px 10rem;
  background: #358c47;
  border-radius: 36px;
  color: white;
  font-size: 1.5rem;
  margin-bottom: 0rem;
  margin-top: 1rem;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px){
  .enquiryimage{

    width: 24rem;
 
    margin-top: 3rem;
    margin-bottom: 2rem;
  
  }
  .enquirybut{
    padding: 9px 8rem 9px 8rem;
    margin-bottom: 0rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about__wraper {
    padding-right: 66px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about__wraper {
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .tp-about__wraper {
    flex-wrap: wrap;
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .tp-about__list-item {
    padding-bottom: 30px;
  }
}

.tp-about__text p {
  line-height: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about__text p {
    font-size: 14px;
    padding-right: 145px;
  }
  .tp-about__text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about__text p {
    font-size: 14px;
  }
  .tp-about__text p br {
    display: none;
  }
}
.tp-about__list-icon i {
  color: #f05228;
  font-size: 20px;
  font-weight: 800;
  padding-right: 15px;
}
.tp-about__title-sm {
  font-size: 18px;
  padding-bottom: 3px;
}
.tp-about__list-content p {
  line-height: 30px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about__list-content p {
    font-size: 14px;
  }
}
.tp-about-progress {
  width: 78%;
}
@media (max-width: 767px) {
  .tp-about-progress {
    width: 100%;
  }
}
.tp-about-progress-item {
  position: relative;
  padding-bottom: 55px;
}
.tp-about-progress-item h4 {
  font-weight: 800;
  font-size: 18px;
  padding-bottom: 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-progress-item h4 {
    font-size: 15px;
  }
}
.tp-about-progress-item .progress-count {
  position: absolute;
  top: 7px;
  right: 0;
  font-size: 14px;
  font-weight: 800;
  color: var(--tp-theme-1);
}
.tp-about-progress-item .progress {
  height: 9px;
  background-color: #f2f7f7;
  border-radius: 0;
  overflow: visible;
}
.tp-about-progress-item .progress .progress-bar {
  background-color: var(--tp-theme-2);
  overflow: visible;
}
@media (max-width: 767px) {
  .tp-about__bottom {
    flex-wrap: wrap;
  }
}
.tp-about__btn {
  padding-right: 30px;
}
@media (max-width: 767px) {
  .tp-about__btn {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about__btn {
    padding-bottom: 0px;
  }
}
.tp-about__author-name {
  font-size: 20px;
  margin-bottom: 0;
  padding-bottom: 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about__author-name {
    font-size: 17px;
  }
}
.tp-about__author-info span {
  font-size: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about__author-info span {
    font-size: 13px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about__main-thumb img {
    max-width: 91%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about__main-thumb img {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about__main-thumb {
    margin-left: 0;
    margin-bottom: 0;
  }
}
.tp-about__thumb-sm {
  position: absolute;
  left: -20px;
  bottom: -85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about__thumb-sm {
    left: -120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about__thumb-sm {
    position: static;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about__thumb-sm img {
    max-width: 77%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about__thumb-sm img {
    width: 100%;
  }
}
.tp-about__icon {
  position: absolute;
  top: 25%;
  left: 11%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about__icon {
    left: 6%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about__icon {
    left: 0%;
  }
}
.tp-about__icon a {
  font-size: 24px;
  color: var(--tp-common-white);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  line-height: 70px;
  background-color: var(--tp-common-orange);
  display: inline-block;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about__icon a {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .tp-about__icon a {
    font-size: 16px;
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}
.tp-about__icon a::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 70%;
  height: 70%;
  background-color: rgba(254, 126, 76, 0.597);
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
.tp-about__icon a::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 90%;
  height: 90%;
  transform: scale(1.5);
  border: 1px solid var(--tp-common-orange);
  animation: borderanimate2 2s linear infinite;
  border-radius: 50%;
}
.tp-about__icon a i {
  padding-left: 4px;
}

.tp-about-2__right-box {
  padding-left: 75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-2__right-box {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-2__right-box {
    padding-left: 0px;
  }
}
@media (max-width: 767px) {
  .tp-about-2__right-box {
    padding-left: 0px;
  }
}
@media (max-width: 767px) {
  .tp-about-2__list-item {
    padding-bottom: 30px;
  }
}
.tp-about-2__text {
  padding-bottom: 20px;
}
.tp-about-2__text p {
  line-height: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-2__text p {
    font-size: 15px;
  }
  .tp-about-2__text p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-2__text p {
    font-size: 14px;
  }
  .tp-about-2__text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-2__text p {
    font-size: 14px;
  }
  .tp-about-2__text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-about-2__text p {
    font-size: 13px;
  }
  .tp-about-2__text p br {
    display: none;
  }
}
.tp-about-2__wraper {
  padding-right: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-2__wraper {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .tp-about-2__wraper {
    padding-right: 0;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-2__wraper {
    flex-wrap: nowrap;
  }
}
.tp-about-2__list-icon i {
  color: #f05228;
  font-size: 20px;
  font-weight: 800;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .tp-about-2__list-icon i {
    font-size: 17px;
  }
}
.tp-about-2__title-sm {
  font-size: 18px;
  padding-bottom: 3px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-2__title-sm {
    font-size: 16px;
  }
}
.tp-about-2__list-content p {
  line-height: 30px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-2__list-content p {
    font-size: 14px;
  }
  .tp-about-2__list-content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-about-2__bottom {
    flex-wrap: wrap;
  }
}
.tp-about-2__btn {
  padding-right: 95px;
  line-height: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-2__btn {
    padding-right: 80px;
  }
}
@media (max-width: 767px) {
  .tp-about-2__btn {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-2__btn {
    padding-bottom: 0px;
  }
}
.tp-about-2__author-name {
  font-size: 20px;
  margin-bottom: 0;
  padding-bottom: 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-2__author-name {
    font-size: 17px;
  }
}
.tp-about-2__icon {
  position: absolute;
  bottom: 0;
  right: 0;
}
.tp-about-2__icon a {
  font-size: 24px;
  color: var(--tp-common-white);
  width: 70px;
  height: 70px;
  line-height: 70px;
  background-color: var(--tp-common-orange);
  display: inline-block;
  text-align: center;
  position: relative;
  z-index: 33;
}
.tp-about-2__icon a::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 70%;
  height: 70%;
  background-color: rgba(254, 126, 76, 0.597);
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
}
.tp-about-2__icon a::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 90%;
  height: 90%;
  transform: scale(1.5);
  border: 1px solid var(--tp-common-orange);
  animation: borderanimate2 2s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-2__icon a {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .tp-about-2__icon a {
    font-size: 14px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-2__icon a {
    font-size: 24px;
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}
.tp-about-2__icon a i {
  padding-left: 4px;
}
.tp-about-2__fact-number {
  font-weight: 800;
  font-size: 50px;
  color: var(--tp-theme-2);
  padding-right: 15px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-2__fact-number {
    font-size: 40px;
  }
}
.tp-about-2__fact span {
  font-size: 16px;
  color: var(--tp-common-orange);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-2__fact span {
    font-size: 13px;
  }
}
.tp-about-2__main-thumb {
  margin-right: -5px;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-2__main-thumb {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 120px;
  }
}
@media (max-width: 767px) {
  .tp-about-2__main-thumb {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-2__main-thumb img {
    max-width: 89%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-2__main-thumb img {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .tp-about-2__main-thumb img {
    width: 100%;
    margin-bottom: 30px;
  }
}
.tp-about-2__thumb-border {
  position: absolute;
  top: 36px;
  left: 10px;
  height: 495px;
  width: 418px;
  border: 4px solid var(--tp-common-orange);
  z-index: 2;
  animation: tptranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-2__thumb-border {
    top: 36px;
    left: 15px;
    height: 393px;
    width: 339px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-2__thumb-border {
    top: 36px;
    left: 94px;
    height: 493px;
    width: 420px;
  }
}
@media (max-width: 767px) {
  .tp-about-2__thumb-border {
    display: none;
  }
}
.tp-about-2__thumb-sm {
  position: absolute;
  left: -35px;
  bottom: -60px;
  z-index: 3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-2__thumb-sm {
    left: -80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-2__thumb-sm {
    left: 68px;
  }
}
@media (max-width: 767px) {
  .tp-about-2__thumb-sm {
    position: static;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-2__thumb-sm img {
    max-width: 94%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-2__thumb-sm img {
    max-width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-2__thumb-sm img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .tp-about-2__thumb-sm img {
    width: 100%;
    margin-bottom: 0;
  }
}
.tp-about-2__text-box {
  position: absolute;
  left: -6%;
  top: 38%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-about-2__text-box {
    left: -14%;
    top: 38%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-2__text-box {
    opacity: 0;
    visibility: hidden;
  }
}
.tp-about-2__big-text {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #e4e7e7;
  color: transparent;
  font-size: 150px;
  transform: rotate(-90deg);
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-weight: 700;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-2__section-title .tp-section-title br {
    display: none;
  }
}

.tp-about-3__main-thumb {
  margin-left: -80px;
  margin-bottom: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-3__main-thumb {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-3__main-thumb {
    margin-left: 0;
    text-align: center;
    margin-bottom: 130px;
  }
}
@media (max-width: 767px) {
  .tp-about-3__main-thumb {
    margin-left: 0;
    margin-bottom: 40px;
  }
}
.tp-about-3__main-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-3__main-thumb img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-3__main-thumb img {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .tp-about-3__main-thumb img {
    width: 100%;
    margin-bottom: 30px;
  }
}
.tp-about-3__thumb-sm {
  position: absolute;
  right: -20px;
  bottom: -75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-3__thumb-sm {
    right: -58px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-3__thumb-sm {
    right: -80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-3__thumb-sm {
    right: 60px;
  }
}
@media (max-width: 767px) {
  .tp-about-3__thumb-sm {
    position: static;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-3__thumb-sm img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-3__thumb-sm img {
    max-width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-3__thumb-sm img {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .tp-about-3__thumb-sm img {
    width: 100%;
  }
}
.tp-about-3__circle-box {
  position: absolute;
  top: 230px;
  right: 56px;
  z-index: 11;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-3__circle-box img {
    max-width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-3__circle-box img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-3__circle-box {
    top: 192px;
    right: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-3__circle-box {
    top: 145px;
    right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-3__circle-box {
    top: 230px;
    right: 56px;
  }
}
@media (max-width: 767px) {
  .tp-about-3__circle-box {
    display: none;
  }
}
.tp-about-3__circle-text {
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.tp-about-3__circle-text img {
  max-width: inherit;
  animation: rotate2 15s linear infinite;
}
.tp-about-3__left-side {
  padding-left: 85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-3__left-side {
    padding-left: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-3__left-side {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-3__wraper {
    padding-right: 140px;
  }
}
@media (max-width: 767px) {
  .tp-about-3__wraper {
    flex-wrap: wrap;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .tp-about-3__list-item {
    padding-bottom: 30px;
  }
}
.tp-about-3__text {
  padding-bottom: 15px;
}
.tp-about-3__text p {
  line-height: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-3__text p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-3__text p {
    font-size: 14px;
  }
  .tp-about-3__text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-3__text p {
    font-size: 14px;
  }
  .tp-about-3__text p br {
    display: none;
  }
}
.tp-about-3__text-2 {
  padding-bottom: 35px;
}
.tp-about-3__text-2 span {
  font-size: 50px;
  color: var(--tp-common-orange);
  display: inline-block;
  transform: translateY(1px);
}
.tp-about-3__text-2 p {
  font-weight: 600;
  color: var(--tp-theme-1);
  margin-left: 25px;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-3__text-2 p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-3__text-2 p {
    font-size: 14px;
  }
  .tp-about-3__text-2 p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-3__text-2 p {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .tp-about-3__text-2 p {
    font-size: 14px;
  }
  .tp-about-3__text-2 p br {
    display: none;
  }
}
.tp-about-3__list-icon i {
  color: #f05228;
  font-size: 20px;
  font-weight: 800;
  padding-right: 15px;
}
.tp-about-3__title-sm {
  font-size: 18px;
  padding-bottom: 3px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-3__title-sm {
    font-size: 16px;
  }
}
.tp-about-3__list-content p {
  line-height: 30px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-3__list-content p {
    font-size: 14px;
  }
}
.tp-about-3__progress {
  width: 78%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-3__progress {
    width: 85%;
  }
}
@media (max-width: 767px) {
  .tp-about-3__progress {
    width: 100%;
  }
}
.tp-about-3__progress-item {
  position: relative;
  padding-bottom: 50px;
}
.tp-about-3__progress-item h4 {
  font-weight: 800;
  font-size: 18px;
  padding-bottom: 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-3__progress-item h4 {
    font-size: 15px;
  }
}
.tp-about-3__progress-item .progress-count {
  position: absolute;
  top: 7px;
  right: 0;
  font-size: 14px;
  font-weight: 800;
  color: var(--tp-theme-1);
}
.tp-about-3__progress-item .progress {
  height: 9px;
  background-color: #f2f7f7;
  border-radius: 0;
  overflow: visible;
}
.tp-about-3__progress-item .progress .progress-bar {
  background-color: var(--tp-theme-2);
  overflow: visible;
}
.tp-about-3__section-title {
  padding-bottom: 12px;
}
.tp-about-3__pb {
  padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-3__pb {
    padding-bottom: 70px;
  }
}

.tp-about-4__space {
  padding-top: 115px;
  padding-bottom: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-4__space {
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
.tp-about-4__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 44.4%;
  height: 100%;
  background-size: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-4__bg {
    background-position: right;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-4__bg {
    background-position: center;
    width: 47.4%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-4__bg {
    position: static;
    width: 100%;
    height: 830px;
    background-position: bottom;
    background-size: cover;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .tp-about-4__bg {
    position: static;
    width: 100%;
    height: 330px;
    background-position: bottom;
    background-size: cover;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-4__bg {
    position: static;
    width: 100%;
    height: 470px;
    background-position: bottom;
    background-size: cover;
    margin-bottom: 50px;
  }
}
.tp-about-4__bg::after {
  content: "";
  bottom: 8%;
  right: -10px;
  width: 10px;
  height: 465px;
  background-color: var(--tp-common-orange);
  position: absolute;
  animation: tpupdown 0.8s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-4__bg::after {
    display: none;
    visibility: hidden;
  }
}
.tp-about-4__bg-text {
  position: absolute;
  right: -35px;
  top: 110px;
  background-color: var(--tp-theme-2);
  padding: 35px 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-4__bg-text {
    padding: 23px 35px;
  }
}
.tp-about-4__bg-text span {
  font-size: 18px;
  font-weight: 800;
  color: var(--tp-common-white);
}
.tp-about-4__left-side {
  padding-left: 10px;
  padding-right: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-4__left-side {
    padding-left: 20px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-4__left-side {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-4__wraper {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-4__wraper {
    padding-right: 160px;
  }
}
@media (max-width: 767px) {
  .tp-about-4__wraper {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-4__list-item {
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .tp-about-4__list-item {
    padding-bottom: 30px;
  }
}
.tp-about-4__text {
  padding-bottom: 20px;
}
.tp-about-4__text p {
  line-height: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-4__text p {
    font-size: 14px;
  }
  .tp-about-4__text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-4__text p {
    font-size: 15px;
  }
  .tp-about-4__text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-about-4__text p {
    font-size: 14px;
  }
  .tp-about-4__text p br {
    display: none;
  }
}
.tp-about-4__list-icon i {
  color: var(--tp-common-orange);
  font-size: 38px;
  padding-right: 25px;
  display: inline-block;
  transform: translateY(3px);
}
.tp-about-4__title-sm {
  font-size: 18px;
  font-weight: 800;
}
.tp-about-4__list-content p {
  line-height: 30px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-4__list-content p {
    font-size: 14px;
  }
}
.tp-about-4__progress {
  width: 100%;
}
.tp-about-4__progress-item {
  position: relative;
  padding-bottom: 18px;
}
.tp-about-4__progress-item h4 {
  font-weight: 800;
  font-size: 18px;
  padding-bottom: 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-4__progress-item h4 {
    font-size: 15px;
  }
}
.tp-about-4__progress-item .progress-count {
  position: absolute;
  top: 7px;
  right: 0;
  font-size: 14px;
  font-weight: 800;
  color: var(--tp-theme-1);
}
.tp-about-4__progress-item .progress {
  height: 9px;
  background-color: #fff;
  border-radius: 0;
  overflow: visible;
}
.tp-about-4__progress-item .progress .progress-bar {
  background-color: var(--tp-theme-2);
  overflow: visible;
}
.tp-about-4__section-title {
  padding-bottom: 20px;
}
.tp-about-4__section-title .tp-section-title {
  font-size: 41px;
}
.tp-about-4__shape {
  position: absolute;
  right: -2%;
  top: -26%;
  animation: moving 9s linear infinite;
}
.tp-about-4__play-btn {
  margin-left: 35px;
  display: inline-block;
  position: relative;
  z-index: 3;
}
.tp-about-4__play-btn::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 70%;
  height: 70%;
  background-color: #369b97;
  animation: borderanimate2 2s linear infinite;
  border-radius: 50%;
  z-index: -1;
}
.tp-about-4__play-btn::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 90%;
  height: 90%;
  border: 1px solid #369b97;
  animation: borderanimate2 2s linear infinite;
  border-radius: 50%;
  z-index: -1;
}
.tp-about-4__play-btn a {
  font-size: 25px;
  display: inline-block;
  height: 70px;
  line-height: 70px;
  width: 70px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--tp-common-orange);
  color: var(--tp-common-white);
  padding-left: 3px;
  transition: 0.3s;
}

.tp-about__right-box {
  padding-left: 85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about__right-box {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about__right-box {
    padding-left: 0px;
  }
}
.tp-about__right-box .tp-about__wraper {
  padding-right: 25px;
}
.tp-about__right-box .tp-about-progress-item {
  padding-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about__right-box .tp-about__text p {
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  .tp-about__right-box .tp-about__contact-us {
    margin-bottom: 30px;
  }
}
.tp-about__contact-us {
  padding-right: 60px;
}
.tp-about__contact-us span {
  display: block;
  font-size: 16px;
  margin-bottom: 7px;
}
.tp-about__contact-us a {
  display: block;
  font-weight: 800;
  font-size: 20px;
  color: var(--tp-theme-1);
}

.tp-about-us__main-thumb {
  margin-bottom: 86px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-us__main-thumb {
    margin-bottom: 50px;
  }
}
.tp-about-us__main-thumb::after {
  position: absolute;
  height: 62px;
  width: 18px;
  background-color: var(--tp-theme-2);
  content: "";
  left: 50px;
  bottom: -85px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-us__main-thumb::after {
    display: none;
    visibility: hidden;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-us__main-thumb img {
    max-width: 90%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-us__main-thumb img {
    width: 100%;
    margin-bottom: 30px;
  }
}
.tp-about-us__thumb-sm {
  position: absolute;
  right: -18px;
  bottom: -85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-us__thumb-sm {
    right: -140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-us__thumb-sm {
    position: static;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-us__thumb-sm img {
    max-width: 70%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-us__thumb-sm img {
    width: 100%;
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .tp-about-us__thumb-sm img {
    max-width: 100%;
    margin-bottom: 0px;
  }
}
.tp-about-us__thumb-border {
  position: absolute;
  top: 60px;
  right: 20px;
  height: 355px;
  width: 290px;
  border: 4px solid var(--tp-common-orange);
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-us__thumb-border {
    display: none;
    visibility: hidden;
  }
}

/*----------------------------------------*/
/*  08. donation css start
/*----------------------------------------*/
.tp-donate__bg {
  padding-top: 2rem;
  background: #d7e7d6;
 height: auto;

}
/* .slider-container{
  height: 300px;
  width: 100px;
  background-color: #022b29;
} */
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-donate__bg {
    padding-top: 0px;
    padding-bottom: 0px;
    height: auto;
  }






}
.tp-donate__bg1 {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 20rem;
  background: #d7e7d6;
}
.tp-donate__bg::after {
  content: "";
  top: 0;
  left: 0;
  background-color: #f2f7f7;
  position: absolute;
  width: 100%;
  height: 50.7%;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-donate__bg::after {
    height: 0.7%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-donate__bg::after {
    height: 50.5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-donate__bg::after {
    height: 48%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-donate__bg::after {
    height: 49.3%;
  }
}
@media (max-width: 767px) {
  .tp-donate__bg::after {
    height: 50%;
  }
}
.tp-donate__section-title {
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .tp-donate__section-title {
    padding-bottom: 15px;
  }
}
.tp-donate__item:hover .tp-donate__thumb img {
  transform: scale(1.2);
}
.tp-donate__item:hover .tp-donate__thumb::after {
  opacity: 1;
  visibility: visible;
  transform: perspective(370px) rotateY(0deg) translate(0px, 0px);
  height: 100%;
}
.tp-donate__item:hover .tp-donate__thumb-shape img {
  transform: scale(1);
}
.tp-donate__thumb {
  position: relative;
}
.tp-donate__thumb::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 0px;
  background-color: rgba(30, 55, 55, 0.6);
  visibility: hidden;
  opacity: 0;
  transform-style: preserve-3d;
  transform: perspective(370px) rotateY(90deg) translate(0px, 50px);
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: 1;
}
.tp-donate__thumb img {
  transition: 0.4s;
  transition: all 900ms ease;
}
.tp-donate__thumb-shape {
  position: absolute;
  left: -30px;
  bottom: 11px;
  z-index: 1;
  z-index: 3;
}
.tp-donate__thumb-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tp-donate__thumb-text span {
  font-size: 14px;
  color: var(--tp-common-white);
}
.tp-donate__content {
  background-color: var(--tp-common-white);
  padding-top: 14px;
  box-shadow: 1px 1.464px 20px 0px rgba(14, 5, 1, 0.04);
  margin-bottom: 3rem;
  text-align: center;
  border-radius: 8px;
}
.tp-donate__content1 {
  background-color: var(--tp-common-white);
  padding-top: 14px;
  box-shadow: 1px 1.464px 20px 0px rgba(14, 5, 1, 0.04);
  margin-bottom: 1rem;
  text-align: center;
  border-radius: 8px;
}
.tp-donate__text p {
  margin-bottom: 0;
  padding-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-donate__text p {
    font-size: 14px;
  }
}
@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-donate__text p {
    font-size: 14px;
  }
}
.services_icon{
  width: 90px;
  height: 90px;
  line-height: 105px;
  border-radius: 50%;
  text-align: center;
  background-color: #dcebdf;
  display: inline-block;
  font-size: 50px;
  color: black;
  transition: 0.3s;
}
.tp-donate__title {
  font-size: 24px;
  line-height: 1.4;
  
    transition: 0.3s;
    color: #358c47;
    margin-bottom: 0px;
    margin-top: 10px;

}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-donate__title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-donate__title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-donate__title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-donate__title {
    font-size: 22px;
  }
}

.tp-donate-progress {
  width: 100%;
}
.tp-donate-progress-item {
  position: relative;
  padding-top: 30px;
  padding-bottom: 40px;
}
.tp-donate-progress-item h4 {
  font-weight: 800;
  font-size: 18px;
  padding-bottom: 4px;
}
.tp-donate-progress-item .progress-count {
  position: absolute;
  top: 7px;
  right: 0;
  font-size: 14px;
  font-weight: 800;
  color: var(--tp-theme-1);
}
.tp-donate-progress-item .progress {
  height: 8px;
  background-color: #f2f7f7;
  border-radius: 0;
  overflow: visible;
  margin-bottom: 15px;
}
.tp-donate-progress-item .progress .progress-bar {
  background-color: var(--tp-theme-2);
  overflow: visible;
}
.tp-donate-progress-item .progress-goals {
  display: flex;
  justify-content: space-between;
}
.tp-donate-progress-item .progress-goals span {
  font-size: 14px;
  font-weight: 400;
}
.tp-donate-progress-item .progress-goals span b {
  font-weight: 800;
  color: var(--tp-theme-1);
}
.tp-donate__section-arrow .test-prev button {
  box-shadow: 3px 5.196px 18px 0px rgba(10, 9, 9, 0.06);
  height: 40px;
  width: 40px;
  background-color: var(--tp-common-white);
  color: var(--tp-theme-2);
  border-radius: 50%;
  font-size: 15px;
  transition: 0.3s;
  line-height: 42px;
}
.tp-donate__section-arrow {
  position: relative;
  width: 100%;
}
.tp-donate__section-arrow .test-next {
  
  position: absolute;
    z-index: 999;
    left: -12px;
    top: 70px;
}
.tp-donate__section-arrow .test-prev {
  
  position: absolute;
    z-index: 999;
    right: -12px;
    top: 70px;  
}
.tp-donate__section-arrow .test-next button {
  box-shadow: 3px 5.196px 18px 0px rgba(10, 9, 9, 0.06);
  height: 40px;
  width: 40px;
  line-height: 42px;
  background-color: var(--tp-common-white);
  color: var(--tp-theme-2);
  border-radius: 50%;
  font-size: 15px;
  transition: 0.3s;
}
@media (max-width:992px){
  .tp-donate__section-arrow{
    float: inline-end;
  }
}

.tp-donate__shape-1 {
  position: absolute;
  top: -10%;
  left: -1%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-donate__shape-1 {
    top: -16%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-donate__shape-1 {
    top: -16%;
  }
}
.tp-donate__shape-2 {
  position: absolute;
  top: -16%;
  left: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-donate__shape-2 {
    top: -18%;
    left: -6%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-donate__shape-2 {
    top: -18%;
    left: -6%;
  }
}
.tp-donate__shape-3 {
  position: absolute;
  top: -4%;
  right: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-donate__shape-3 {
    top: -9%;
    right: -8%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-donate__shape-3 {
    top: -11%;
    right: -10%;
  }
}
.tp-donate__active {
  padding: 0 13px;
  margin: 0 -20px;
}
@media (max-width:992px){
  .tp-donate__active {
   
   /* margin-bottom: -5rem;*/
  }
}

.tp-donate-2__section-title {
  padding-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-donate-2__section-title {
    padding-bottom: 30px;
  }

}
@media (max-width: 767px) {
  .tp-donate-2__section-title {
    padding-bottom: 5px;
  }
  .tp-donate__item { width: 80%; margin: auto; }
  .tp-donate__section-arrow .test-prev { right: 0px; }
  .tp-donate__section-arrow .test-next { left: 1px; }
}
.tp-donate-2__right-text {
  padding-left: 60px;
  padding-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-donate-2__right-text {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-donate-2__right-text {
    padding-left: 0px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-donate-2__right-text p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tp-donate-2__right-text p {
    font-size: 13px;
  }
}
.tp-donate-2__pl {
  transform: translateX(25px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-donate-2__pl {
    transform: translateX(0px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-donate-2__item {
    flex-wrap: wrap;
  }
}
.tp-donate-2__item:hover .tp-donate-2__thumb img {
  transform: scale(1.1);
}
.tp-donate-2__item:hover .tp-donate-2__thumb::after {
  opacity: 1;
  visibility: visible;
  transform: perspective(370px) rotateY(0deg) translate(0px, 0px);
  height: 100%;
}
.tp-donate-2__item:hover .tp-donate-2__thumb-text {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tp-donate-2__thumb {
  flex: 0 0 auto;
  position: relative;
  overflow: hidden;
  height: 100%;
}
@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-donate-2__thumb {
    width: 100%;
  }
}
.tp-donate-2__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 500ms ease;
}
.tp-donate-2__thumb::before {
  background-image: -moz-linear-gradient(90deg, rgb(30, 55, 55) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(30, 55, 55) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(30, 55, 55) 0%, rgba(0, 0, 0, 0) 100%);
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.tp-donate-2__thumb::after {
  background-color: rgba(30, 55, 55, 0.651);
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 0px;
  visibility: hidden;
  opacity: 0;
  transform-style: preserve-3d;
  transform: perspective(370px) rotateY(90deg) translate(0px, 50px);
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  z-index: 1;
}
.tp-donate-2__thumb-text {
  position: absolute;
  top: 89%;
  left: 50%;
  transform: translate(-50%);
  transition: 0.5s;
  z-index: 3;
}
.tp-donate-2__thumb-text a {
  color: var(--tp-common-white);
  font-weight: 700;
  font-size: 14px;
}
.tp-donate-2__thumb-text a i {
  font-size: 16px;
  padding-right: 10px;
  display: inline-block;
  transform: translateY(3px);
}
.tp-donate-2__content {
  background-color: var(--tp-common-white);
  padding-right: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-donate-2__content {
    width: 100%;
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  .tp-donate-2__content {
    width: 100%;
    padding: 0;
    padding-top: 30px;
  }
}
.tp-donate-2__text p {
  margin-bottom: 0;
  padding-bottom: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-donate-2__text p {
    font-size: 14px;
  }
}
@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-donate-2__text p {
    font-size: 14px;
  }
  .tp-donate-2__text p br {
    display: none;
  }
}
.tp-donate-2__title {
  font-size: 24px;
  line-height: 1.4;
  padding-bottom: 6px;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-donate-2__title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-donate-2__title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-donate-2__title {
    font-size: 23px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-donate-2__title {
    font-size: 24px;
  }
}
/*.tp-donate-2__title:hover {
  color: var(--tp-common-orange);
}*/
.tp-donate-2-progress {
  width: 100%;
}
.tp-donate-2-progress-item {
  position: relative;
  padding-top: 30px;
  padding-bottom: 40px;
}
.tp-donate-2-progress-item h4 {
  font-weight: 800;
  font-size: 18px;
  padding-bottom: 4px;
}
.tp-donate-2-progress-item .progress-count {
  position: absolute;
  top: 7px;
  right: 0;
  font-size: 14px;
  font-weight: 800;
  color: var(--tp-theme-1);
}
.tp-donate-2-progress-item .progress {
  height: 8px;
  background-color: #f2f7f7;
  border-radius: 0;
  overflow: visible;
  margin-bottom: 15px;
}
.tp-donate-2-progress-item .progress .progress-bar {
  background-color: var(--tp-theme-2);
  overflow: visible;
}
.tp-donate-2-progress-item .progress-goals {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.tp-donate-2-progress-item .progress-goals::after {
  content: "";
  top: 0;
  right: 54%;
  transform: translateX(-50%);
  background-color: #d6dbdb;
  width: 1px;
  height: 100%;
  position: absolute;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-donate-2-progress-item .progress-goals::after {
    right: 50%;
  }
}
.tp-donate-2-progress-item .progress-goals span {
  font-size: 14px;
  font-weight: 400;
  padding-right: 26px;
}
.tp-donate-2-progress-item .progress-goals span:last-child {
  padding-right: 0;
}
.tp-donate-2-progress-item .progress-goals span b {
  font-weight: 800;
  color: var(--tp-theme-1);
}

.tp-donation-details__progress-box {
  padding: 0 30px;
}
.tp-donation-details__progress {
  width: 65%;
}
@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-donation-details__progress {
    width: 100%;
  }
}
.tp-donation-details__progress-item {
  position: relative;
  padding-top: 50px;
  padding-bottom: 30px;
}
.tp-donation-details__progress-item h4 {
  font-weight: 800;
  font-size: 18px;
  padding-bottom: 4px;
}
.tp-donation-details__progress-item .progress-count {
  position: absolute;
  top: 21px;
  right: 0;
  font-size: 14px;
  font-weight: 800;
  color: var(--tp-theme-1);
}
.tp-donation-details__progress-item .progress {
  height: 8px;
  background-color: #fff;
  border-radius: 0;
  overflow: visible;
  margin-bottom: 15px;
}
.tp-donation-details__progress-item .progress .progress-bar {
  background-color: var(--tp-theme-2);
  overflow: visible;
}
.tp-donation-details__progress-item .progress-goals {
  display: flex;
  justify-content: space-between;
}
.tp-donation-details__progress-item .progress-goals span {
  font-size: 14px;
  font-weight: 400;
}
.tp-donation-details__progress-item .progress-goals span b {
  font-weight: 800;
  color: var(--tp-theme-1);
}
@media (max-width: 767px) {
  .tp-donation-details__wrap {
    flex-wrap: wrap;
  }
}
.tp-donation-details__item {
  background-color: var(--tp-grey-1);
  padding: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-donation-details__item {
    padding: 30px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-donation-details__item {
    padding: 30px 25px;
  }
}
@media (max-width: 767px) {
  .tp-donation-details__item {
    margin-bottom: 30px;
    width: 100%;
  }
  .tp-donate__section-arrow .test-next {

  }
}
.tp-donation-details__item h5 {
  color: var(--tp-theme-1);
  font-size: 20px;
  font-weight: 800;
  padding: 15px;
  padding-bottom: 5px;
}
.tp-donation-details__item span {
  color: var(--tp-theme-2);
  font-size: 18px;
  font-weight: 800;
}
.tp-donation-details__form-title {
  font-size: 22px;
}
.tp-donation-details__form-title span {
  color: var(--tp-common-orange);
}
.tp-donation-details__input label {
  font-size: 15px;
  font-weight: 700;
  color: var(--tp-theme-1);
  padding-bottom: 10px;
}
.tp-donation-details__input .nice-select {
  border: 0;
  border-radius: 0;
  height: 60px;
  line-height: 60px;
  padding-left: 30px;
  padding-right: 30px;
  float: none;
  font-size: 15px;
  font-weight: 700;
  border: 1px solid #dde0e0;
}
.tp-donation-details__input input {
  border: 1px solid #dde0e0;
  width: 100%;
  transition: 0.3s;
}
.tp-donation-details__input input:focus {
  border: 1px solid var(--tp-common-orange);
}
.tp-donation-details__notice-box {
  padding: 29px 50px;
  margin-bottom: 60px;
  position: relative;
}
@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-donation-details__notice-box {
    padding: 29px 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-donation-details__notice-box span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-donation-details__notice-box span {
    font-size: 14px;
  }
}
.tp-donation-details__notice-box span b {
  color: var(--tp-theme-1);
}
.tp-donation-details__notice-shape {
  position: absolute;
  top: 0;
  left: -20px;
}
.tp-donation-details__text-box {
  height: 60px;
  line-height: 60px;
  width: 60px;
  padding: 0 30px;
  background-color: var(--tp-grey-1);
  width: 100%;
}

.tp-donate__method {
  padding-bottom: 40px;
}
.tp-donate__method span {
  padding-right: 60px;
}
.tp-donate__method span:last-child {
  padding-left: 0;
}
.tp-donate__method span label {
  padding-left: 10px;
  font-weight: 700;
  font-size: 14px;
  color: var(--tp-common-black);
}
.tp-donate__method span label:hover {
  cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-donate__method span {
    display: block;
    margin-bottom: 15px;
  }
}
.tp-donate__button-box {
  margin-bottom: 30px;
}
.tp-donate__button-box button {
  margin-right: 29px;
  padding: 20px 30px;
  border: 1px solid #dde0e0;
  font-size: 14px;
  font-weight: 700;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-donate__button-box button {
    margin-bottom: 30px;
    margin-right: 16px;
    padding: 13px 26px;
  }
}
.tp-donate__button-box button:last-child {
  margin-right: 0;
}
.tp-donate__button-box button:hover {
  background-color: var(--tp-theme-2);
  color: var(--tp-common-white);
  border: 1px solid transparent;
}
.tp-donate__button-box button.active {
  background-color: var(--tp-theme-2);
  color: var(--tp-common-white);
  border: 1px solid transparent;
}

/*----------------------------------------*/
/*  14. gallery css start
/*----------------------------------------*/
.tp-gallery__plr {
  padding: 0 125px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-gallery__plr {
    padding: 0;
  }
}
.tp-gallery__thumb {
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-gallery__thumb {
    margin-bottom: 30px;
  }
}
.tp-gallery__thumb img {
  width: 100%;
  transition: all 700ms ease;
}
.tp-gallery__thumb:hover img {
  transform: scale(1.1);
}
.tp-gallery__thumb:hover .tp-gallery__thumb-overly {
  opacity: 1;
  visibility: visible;
}
.tp-gallery__thumb-overly {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: scale(0.9);
  background-color: rgba(254, 126, 76, 0.949);
  overflow: hidden;
  transition: all 500ms ease;
  opacity: 0;
  visibility: hidden;
}
.tp-gallery__overly-text span {
  color: var(--tp-common-white);
  display: inline-block;
  padding-bottom: 10px;
}
.tp-gallery__title-sm {
  font-size: 24px;
  font-weight: 800;
  color: var(--tp-common-white);
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-gallery__title-sm {
    font-size: 20px;
  }
}
.tp-gallery__shape {
  position: absolute;
  left: -13px;
  bottom: -8px;
}

.tp-gallery-2__item {
  position: relative;
  overflow: hidden;
}
.tp-gallery-2__item:hover img {
  transform: scale(1.1);
}
.tp-gallery-2__item:hover::after {
  opacity: 1;
  visibility: visible;
  width: 100%;
  right: auto;
  left: 0;
}
.tp-gallery-2__item:hover .tp-gallery-2__icon-box {
  opacity: 1;
  visibility: visible;
}
.tp-gallery-2__item img {
  width: 100%;
  transition: 0.9s;
}
.tp-gallery-2__item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  width: 0%;
  height: 100%;
  background-color: rgba(254, 126, 76, 0.902);
  opacity: 0;
  visibility: hidden;
  transition: 0.9s;
}
.tp-gallery-2__icon-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: 0.7s;
}
.tp-gallery-2__icon {
  position: absolute;
  top: 50%;
  left: 46%;
  transform: translate(-50%, -50%);
}
.tp-gallery-2__icon i {
  font-size: 25px;
  color: var(--tp-common-white);
}

.tp-gallery-3__space {
  padding: 0 162px;
  margin-bottom: 90px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-gallery-3__space {
    padding: 0 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-gallery-3__space {
    padding: 0;
  }
}
.tp-gallery-3__item {
  position: relative;
}
.tp-gallery-3__item img {
  width: 100%;
  transition: 1s;
}
.tp-gallery-3__item:hover img {
  opacity: 20%;
}
.tp-gallery-3__item:hover::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1) translateZ(0px);
  transform: scaleY(1) translateZ(0px);
}
.tp-gallery-3__item:hover .tp-gallery-3__icon {
  -webkit-transform: scale(1) translate(-50%, -50%);
  transform: scale(1) translate(-50%, -50%);
  transition-delay: 300ms;
  opacity: 1;
  visibility: visible;
}
.tp-gallery-3__item::after {
  background-color: rgba(30, 55, 55, 0.8);
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scaleY(0) translateZ(100px);
  transform: scaleY(0) translateZ(100px);
  -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
}
.tp-gallery-3__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: scale(0) translate(-50%, -50%);
  transform: scale(0) translate(-50%, -50%);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  transition-delay: 0s;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
}
.tp-gallery-3__icon a {
  display: inline-block;
  position: relative;
}
.tp-gallery-3__icon a::after {
  content: "";
  display: inline-block;
  height: 60px;
  line-height: 81px;
  width: 60px;
  border-radius: 50%;
  background-color: var(--tp-common-orange);
}
.tp-gallery-3__icon a svg {
  position: absolute;
  top: 7px;
  left: 53px;
  transform: translate(-50%, -50%) rotate(0);
  transform-origin: left bottom;
}

/*----------------------------------------*/
/*  15. mission css start
/*----------------------------------------*/
.tp-mission-2__space {
  padding: 120px 0;
}
@media (max-width: 767px) {
  .tp-mission-2__space {
    padding: 70px 0;
  }
}
.tp-mission-2__plr {
  padding-left: 375px;
  padding-right: 195px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-mission-2__plr {
    padding-left: 215px;
    padding-right: 90px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-mission-2__plr {
    padding-left: 115px;
    padding-right: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-mission-2__plr {
    padding-left: 45px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-mission-2__plr {
    padding-left: 30px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-mission-2__plr {
    padding-left: 40px;
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .tp-mission-2__plr {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.tp-mission-2__shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.tp-mission-2__wrapper {
  margin-left: -95px;
}
@media (max-width: 767px) {
  .tp-mission-2__wrapper {
    margin-left: 0px;
  }
}
.tp-mission-2__item {
  padding: 40px 30px;
  padding-bottom: 35px;
  position: relative;
  overflow: hidden;
  z-index: 2;
  background-color: var(--tp-common-white);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
}
/*
*/
.tp-mission-2__item:hover .tp-mission-2__single-bg {
  transform: scaleY(1);
}
.tp-mission-2__item:hover .tp-mission-2__title-sm {
  color: var(--tp-common-white);
}
.tp-mission-2__item:hover .tp-mission-2__text p {
  color: var(--tp-common-white);
}
.tp-mission-2__item:hover .tp-mission-2__icon span {
  color: var(--tp-common-white);
}
.tp-mission-2__item:hover .tp-mission-2__shape-box::after {
  background-color: var(--tp-common-orange);
}
.tp-mission-2__item:hover .tp-mission-2__arrow::after {
  background-color: var(--tp-common-orange);
}
.tp-mission-2__single-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(30, 55, 55, 0.059);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-blend-mode: luminosity;
  transition-timing-function: ease-in-out;
  transition: 0.5s;
  transition-property: all;
  transform-origin: top;
  transform-style: preserve-3d;
  transform: scaleY(0);
  z-index: -1;
}
.tp-mission-2__icon {
  padding-bottom: 20px;
}
.tp-mission-2__icon span {
  font-size: 65px;
  color: var(--tp-common-orange);
  line-height: 0;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
}
.tp-mission-2__left-text p {
  padding-bottom: 15px;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-mission-2__left-text p {
    padding-right: 100px;
    font-size: 15px;
  }
  .tp-mission-2__left-text p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-mission-2__left-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-mission-2__left-text p {
    font-size: 14px;
    padding-right: 100px;
  }
  .tp-mission-2__left-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-mission-2__left-text p {
    font-size: 13px;
    padding-right: 0;
  }
  .tp-mission-2__left-text p br {
    display: none;
  }
}
.tp-mission-2__title-sm {
  font-size: 24px;
  font-weight: 800;
  padding-bottom: 10px;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
}
.tp-mission-2__text p {
  margin-bottom: 0;
  font-size: 15px;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-mission-2__text p br {
    display: none;
  }
}
.tp-mission-2__shape-box {
  position: absolute;
  top: 0;
  right: 0;
}
.tp-mission-2__shape-box::after {
  content: "";
  top: -98px;
  right: -83px;
  position: absolute;
  height: 166px;
  width: 166px;
  background-color: var(--tp-theme-2);
  border-radius: 50%;
  transition: 0.5s;
}
.tp-mission-2__arrow {
  position: relative;
  z-index: 11;
  display: inline-block;
  padding-right: 20px;
  padding-top: 11px;
  font-size: 20px;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .tp-mission-2__left-box {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-mission-2__section-box .tp-section-title br {
    display: block;
  }
}

/*----------------------------------------*/
/*  05. brand css start
/*----------------------------------------*/
.tp-brand-2__border {
  padding-top: 60px;
  padding-bottom: 70px;
  border-top: 1px solid var(--tp-border-2);
}
.tp-brand-2__item:hover img {
  filter: grayscale(0%);
  opacity: 1;
}
.tp-brand-2__item img {
  filter: grayscale(100%);
  opacity: 0.5;
  transition: all 0.3s linear;
}

/*----------------------------------------*/
/*  07. cta css start
/*----------------------------------------*/
.tp-cta__bg {
  padding-top: 67px;
  padding-bottom: 67px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cta__bg {
    background-position: right;
  }
}
.tp-cta__title-sm {
  font-size: 36px;
  line-height: 1.2;
  margin-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-cta__title-sm {
    font-size: 33px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-cta__title-sm {
    font-size: 29px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-cta__title-sm {
    font-size: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cta__title-sm {
    font-size: 22px;
  }
  .tp-cta__title-sm br {
    display: none;
  }
}
.tp-cta__icon {
  padding-right: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cta__icon {
    padding-right: 30px;
    flex: 0 0 auto;
  }
}
.tp-cta__icon span {
  font-size: 65px;
  color: var(--tp-common-orange);
  display: inline-block;
  transform: translateY(6px);
}
@media (max-width: 767px) {
  .tp-cta__content {
    padding-bottom: 30px;
  }
}
.tp-cta__shape-1 {
  position: absolute;
  left: 0;
  top: -4%;
}
.tp-cta__shape-2 {
  position: absolute;
  left: 55px;
  top: -10px;
}
.tp-cta__shape-3 {
  position: absolute;
  top: -155%;
  right: 0;
}

.tp-cta-2__bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 120px;
  padding-top: 115px;
  background-color: #022b29;
  background-attachment: fixed;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cta-2__bg {
    padding-bottom: 100px;
    padding-top: 100px;
  }
}
.tp-cta-2__subtitle {
  color: var(--tp-common-white);
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 15px;
  display: inline-block;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-cta-2__subtitle {
    font-size: 17px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-cta-2__subtitle {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cta-2__subtitle {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tp-cta-2__subtitle {
    font-size: 12px;
  }
}
.tp-cta-2__title {
  color: var(--tp-common-white);
  font-size: 60px;
  font-weight: 800;
  padding-bottom: 48px;
  line-height: 1.2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-cta-2__title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-cta-2__title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-cta-2__title {
    font-size: 45px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cta-2__title {
    font-size: 38px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .tp-cta-2__title {
    font-size: 33px;
    padding-bottom: 30px;
  }
  .tp-cta-2__title br {
    display: none;
  }
}
.tp-cta-2__shape-1 {
  position: absolute;
  right: 0;
  top: 28px;
  z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-cta-2__shape-1 {
    right: -28px;
    top: 49px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-cta-2__shape-1 {
    right: -47px;
    top: 18px;
  }
}
.tp-cta-2__shape-2 {
  position: absolute;
  right: 0;
  bottom: -15px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-cta-2__shape-2 {
    right: -10px;
    bottom: -50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-cta-2__shape-2 {
    right: -17px;
    bottom: -89px;
  }
}
.tp-cta-2__shape-3 {
  position: absolute;
  right: 18%;
  bottom: -55px;
  animation: tptranslateX2 4s infinite alternate;
}
.tp-cta-2__pt {
  padding-top: 50px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cta-2__pt {
    padding-top: 0;
  }
}

/*----------------------------------------*/
/*  10. event css start
/*----------------------------------------*/
.tp-event__section-title {
  padding-bottom: 55px;
}
@media (max-width: 767px) {
  .tp-event__section-title {
    padding-bottom: 30px;
  }
}
.tp-event__wrapper:hover .tp-event__thumb img {
  transform: scale(1.1);
}
.tp-event__wrapper:hover .tp-event__thumb::after {
  -webkit-transform: perspective(400px) rotateX(0deg) scale(1);
  -ms-transform: perspective(400px) rotateX(0deg) scale(1);
  transform: perspective(400px) rotateX(0deg) scale(1);
  opacity: 1;
  visibility: visible;
}
/*.tp-event__wrapper:hover .tp-event__thumb-date::after {
  background-color: var(--tp-common-orange);
}*/
.tp-event__thumb {
  position: relative;
  overflow: hidden;
}
.tp-event__thumb::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: rgba(30, 55, 55, 0.749);
  opacity: 1;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: perspective(400px) rotateX(-90deg) scale(0.2);
  -ms-transform: perspective(400px) rotateX(-90deg) scale(0.2);
  transform: perspective(400px) rotateX(-90deg) scale(0.2);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  z-index: 1;
}
.tp-event__thumb img {
  width: 100%;
  transition: all 500ms ease;
}
.tp-event__thumb-text {
  position: absolute;
  bottom: 16px;
  right: 20px;
  z-index: 3;
}
.tp-event__thumb-date {
  font-size: 22px;
  font-weight: 800;
  color: var(--tp-common-white);
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}
.tp-event__thumb-date span {
  font-size: 14px;
  font-weight: 400;
}
.tp-event__thumb-date::after {
  content: "";
  position: absolute;
  top: -30px;
  left: -28px;
  height: 150px;
  width: 150px;
  background-color: var(--tp-theme-2);
  border-radius: 50%;
  z-index: -1;
  transition: all 0.3s ease-out 0s;
}
.tp-event__content {
  padding: 30px;
  padding-top: 23px;
  padding-bottom: 25px;
  box-shadow: 2px 3.464px 40px 0px rgba(14, 5, 1, 0.04);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-event__content {
    padding: 18px;
    padding-top: 20px;
    padding-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .tp-event__content {
    padding: 25px;
    padding-top: 20px;
    padding-bottom: 25px;
  }
}
.tp-event__title {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.4;
  margin-bottom: 25px;
  transition: 0.3s;
  display: inline-block;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-event__title {
    font-size: 21px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-event__title {
    font-size: 19px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-event__title {
    font-size: 21px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-event__title {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .tp-event__title {
    font-size: 21px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-event__title {
    font-size: 23px;
  }
  .tp-event__title br {
    display: none;
  }
}
/*.tp-event__title:hover {
  color: var(--tp-common-orange);
}*/
.tp-event__meta {
  padding-bottom: 20px;
}
.tp-event__meta span {
  font-size: 14px;
  padding-right: 30px;
  font-weight: 400;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-event__meta span {
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-event__meta span {
    font-size: 12px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-event__meta span {
    font-size: 13px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .tp-event__meta span {
    font-size: 12px;
    padding-right: 20px;
  }
}
.tp-event__meta span:last-child {
  padding-right: 0;
}
.tp-event__meta span i {
  padding-right: 10px;
  font-size: 15px;
  color: var(--tp-theme-1);
}
.tp-event__link a {
  font-weight: 700;
  font-size: 14px;
  transition: 0.3s;
}
.tp-event__link a i {
  font-size: 16px;
  padding-left: 10px;
  transform: translateY(2px);
  transition: 0.3s;
}
/*.tp-event__link a:hover {
  color: var(--tp-common-orange);
}*/
/*.tp-event__link a:hover i {
  color: var(--tp-common-orange);
}*/

.tp-event-2__item-box {
  background-color: var(--tp-grey-1);
  padding: 15px 20px;
}
.tp-event-2__item-box:hover .tp-event-2__item-thumb img {
  transform: scale(1.1);
}
@media (max-width: 767px) {
  .tp-event-2__item {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-event-2__item {
    flex-wrap: nowrap;
  }
}
.tp-event-2__item-thumb {
  flex: 0 0 auto;
  margin-right: 30px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .tp-event-2__item-thumb {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-event-2__item-thumb {
    margin-right: 17px;
    margin-bottom: 0;
    width: auto;
  }
}
.tp-event-2__item-thumb img {
  width: 170px;
  height: 170px;
}
@media (max-width: 767px) {
  .tp-event-2__item-thumb img {
    width: 100%;
    transition: all 500ms ease;
  }
}
.tp-event-2__item-thumb-text {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.tp-event-2__item-thumb-text span {
  color: var(--tp-common-white);
  font-weight: 700;
  font-size: 14px;
}
.tp-event-2__left-text p {
  margin-bottom: 0;
  padding-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-event-2__left-text p {
    font-size: 14px;
  }
  .tp-event-2__left-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-event-2__left-text p {
    font-size: 13px;
  }
  .tp-event-2__left-text p br {
    display: none;
  }
}
.tp-event-2__shape {
  position: absolute;
  bottom: 4%;
  right: 25%;
  animation: tpswing 2s ease-in-out 2s forwards infinite alternate;
  transform-origin: top right;
}
.tp-event-2__text b {
  margin-bottom: 0;
  font-size: 14px;
  color: var(--tp-theme-2);
  text-transform: uppercase;
  padding-bottom: 15px;
  display: inline-block;
}
.tp-event-2__title-sm {
  font-size: 24px;
  margin-bottom: 25px;
  line-height: 34px;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-event-2__title-sm {
    font-size: 19px;
  }
  .tp-event-2__title-sm br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-event-2__title-sm {
    font-size: 22px;
  }
  .tp-event-2__title-sm br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-event-2__title-sm {
    font-size: 20px;
  }
  .tp-event-2__title-sm br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-event-2__title-sm {
    font-size: 21px;
  }
}
/*.tp-event-2__title-sm:hover {
  color: var(--tp-common-orange);
}*/
.tp-event-2__meta span {
  padding-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-event-2__meta span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-event-2__meta span {
    font-size: 14px;
    display: block;
    padding-bottom: 3px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-event-2__meta span {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tp-event-2__meta span {
    font-size: 13px;
    display: block;
    padding-bottom: 5px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-event-2__meta span {
    font-size: 12px;
    display: inline-block;
    padding-right: 11px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .tp-event-2__meta span {
    font-size: 14px;
    display: inline-block;
  }
}
.tp-event-2__meta span:last-child {
  padding-right: 0;
}
.tp-event-2__meta span i {
  font-size: 16px;
  color: var(--tp-theme-1);
  margin-right: 7px;
}
@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-event-2__meta span i {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-event-2__meta span i {
    font-size: 12px;
    margin-right: 1px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-event-2__left-side {
    padding-bottom: 50px;
  }
}

.tp-event-2__section-title .tp-section-title br {
  display: none;
}

.tp-event-details__thumb img {
  width: 100%;
}
.tp-event-details__thumb-text {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 88px;
  height: 40px;
  background-color: var(--tp-common-orange);
  text-align: center;
  line-height: 40px;
}
.tp-event-details__thumb-text span {
  color: var(--tp-common-white);
  font-size: 14px;
}
.tp-event-details__title {
  font-size: 36px;
  padding-bottom: 10px;
}
@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-event-details__title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .tp-event-details__title {
    font-size: 25px;
  }
}
.tp-event-details__left-box {
  padding-right: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-event-details__left-box {
    padding-right: 0;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-event-details__left-box {
    padding-right: 0;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-event-details__text p {
    font-size: 15px;
  }
  .tp-event-details__text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-event-details__text p {
    font-size: 14px;
  }
  .tp-event-details__text p br {
    display: none;
  }
}
.tp-event-details__icon span {
  font-size: 65px;
  color: var(--tp-common-orange);
  padding-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-event-details__icon span {
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-event-details__icon span {
    font-size: 35px;
    padding-right: 20px;
  }
}
.tp-event-details__title-sm {
  font-size: 18px;
  padding-bottom: 5px;
}
.tp-event-details__item-text span {
  line-height: 30px;
  font-size: 14px;
}
@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-event-details__item-text span {
    font-size: 15px;
  }
  .tp-event-details__item-text span br {
    display: none;
  }
}
.tp-event-details__item-box {
  padding-bottom: 35px;
}
@media (max-width: 767px) {
  .tp-event-details__item-box {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-event-details__item-box {
    flex-wrap: nowrap;
  }
}
@media (max-width: 767px) {
  .tp-event-details__item {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-event-details__item {
    flex-wrap: nowrap;
  }
}
.tp-event-details__author-info {
  padding: 50px;
}
@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-event-details__author-info {
    padding: 50px 20px;
  }
}
.tp-event-details__author-thumb {
  padding-right: 25px;
}
.tp-event-details__author-thumb.pr {
  padding-right: 0;
}
.tp-event-details__author-text h5 {
  font-size: 20px;
}
.tp-event-details__author-text span {
  font-size: 14px;
}
.tp-event-details__info-box iframe {
  width: 100%;
}
.tp-event-details__contact-icon span {
  font-size: 24px;
  color: var(--tp-theme-2);
  margin-right: 25px;
  margin-top: 3px;
  display: inline-block;
}
.tp-event-details__contact-text span {
  display: block;
  padding-bottom: 5px;
}
.tp-event-details__contact-text b {
  font-size: 18px;
  color: var(--tp-theme-1);
  font-weight: 800;
}
@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-event-details__contact-text b {
    font-size: 16px;
  }
}
.tp-event-details__contact-box {
  box-shadow: 1px 1.732px 40px 0px rgba(23, 19, 4, 0.04);
  padding: 50px;
  position: relative;
}
@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-event-details__contact-box {
    padding: 50px 20px;
  }
}
.tp-event-details__contact-box::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--tp-theme-2);
}
.tp-event-details__contact-box ul li:not(:last-child) {
  padding-bottom: 25px;
}
.tp-event-details__item-2 {
  padding: 50px 20px;
}
.tp-event-details__button {
  line-height: 0;
}
.tp-event-details__item-2-title {
  color: var(--tp-common-white);
  font-size: 24px;
  line-height: 34px;
  padding-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-event-details__item-2-title br {
    display: none;
  }
}
.tp-event-details__item-2-text {
  padding-bottom: 35px;
}
.tp-event-details__item-2-text span {
  color: var(--tp-common-white);
}
.tp-event-details__social-box {
  padding-top: 25px;
}
.tp-event-details__social-box a {
  font-size: 17px;
  color: var(--tp-theme-1);
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #eaefef;
  line-height: 40px;
  text-align: center;
  margin: 0 4px;
  transition: all 500ms ease;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.tp-event-details__social-box a::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: var(--tp-common-orange);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.4s;
  transition-property: all;
  opacity: 1;
  transform-origin: top;
  transform-style: preserve-3d;
  transform: scaleY(0);
  z-index: -1;
}
.tp-event-details__social-box a:hover {
  color: var(--tp-common-white);
}
.tp-event-details__social-box a:hover::after {
  opacity: 1;
  transform: scaleY(1);
}
.tp-event-details__left-side {
  padding-right: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-event-details__left-side {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-event-details__left-side {
    padding-right: 0;
    padding-bottom: 50px;
  }
}

/*----------------------------------------*/
/*  13. funfact css start
/*----------------------------------------*/
.tp-funfact-2__shape {
  position: absolute;
  top: -96%;
  left: 0;
  z-index: -1;
}
.tp-funfact-2__item:hover .tp-funfact-2__icon span i {
  animation: icon-bounce 0.8s 1;
}
.tp-funfact-2__item:hover .tp-funfact-2__icon span::after {
  opacity: 1;
  visibility: visible;
}
.tp-funfact-2__icon span {
  display: inline-block;
  height: 90px;
  width: 90px;
  background-color: var(--tp-theme-2);
  font-size: 50px;
  color: var(--tp-common-white);
  line-height: 103px;
  text-align: center;
  margin-right: 30px;
  transition: 0.3s;
  position: relative;
  z-index: 1;
}
.tp-funfact-2__icon span i {
  transition: 0.3s;
  display: inline-block;
}
.tp-funfact-2__icon span::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background-color: var(--tp-common-orange);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s linear;
  z-index: -1;
  height: 100%;
  width: 100%;
}
@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-funfact-2__icon span {
    height: 76px;
    width: 76px;
    font-size: 35px;
    line-height: 85px;
    margin-right: 25px;
  }
}
.tp-funfact-2__title-sm {
  font-size: 50px;
  color: var(--tp-common-white);
  margin-bottom: 0;
  padding-bottom: 10px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-funfact-2__title-sm {
    font-size: 44px;
  }
}
@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-funfact-2__title-sm {
    font-size: 35px;
  }
}
.tp-funfact-2__title-sm i {
  font-style: normal;
}
.tp-funfact-2__text span {
  font-weight: 500;
  color: #8b9e9e;
}
@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-funfact-2__text span {
    font-size: 14px;
  }
}

/*----------------------------------------*/
/*  16. providing css start
/*----------------------------------------*/
.tp-providing__space {
  padding: 115px 0;
}
@media (max-width: 767px) {
  .tp-providing__space {
    padding-bottom: 60px;
  }
}
.tp-providing__wrapper {
  position: relative;
  z-index: 2;
}
.tp-providing__item-box {
  padding-left: 77px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-providing__item-box {
    padding-left: 105px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-providing__item-box {
    padding-left: 45px;
    padding-top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-providing__item-box {
    padding-left: 0px;
    padding-top: 50px;
  }
}
@media (max-width: 767px) {
  .tp-providing__item-box {
    padding-left: 0;
    padding-top: 40px;
  }
}
.tp-providing__content p {
  padding-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) {
  .tp-providing__content p {
    font-size: 14px;
  }
  .tp-providing__content p br {
    display: none;
  }
}
.tp-providing__grey-bg {
  position: absolute;
  height: 100%;
  width: 75%;
  right: 0;
  top: 0;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-providing__grey-bg {
    width: 100%;
  }
}
.tp-providing__tab nav button {
  font-weight: 800;
  font-size: 18px;
  color: var(--tp-theme-1);
  background-color: var(--tp-common-white);
  height: 58px;
  line-height: 58px;
  padding: 0 50px;
  margin-right: 20px;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-providing__tab nav button {
    padding: 0 40px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .tp-providing__tab nav button {
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    padding: 0 40px;
    margin-bottom: 20px;
  }
}
/*.tp-providing__tab nav button:hover {
  background-color: var(--tp-common-orange);
  color: var(--tp-common-white);
}*/
/*.tp-providing__tab nav button.active {
  background-color: var(--tp-common-orange);
  color: var(--tp-common-white);
}*/
.tp-providing__text p {
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-providing__text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-providing__text p {
    font-size: 14px;
  }
  .tp-providing__text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-providing__text p {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .tp-providing__text p {
    font-size: 13px;
  }
  .tp-providing__text p br {
    display: none;
  }
}
.tp-providing__icon span {
  width: 40px;
  height: 40px;
  line-height: 47px;
  border-radius: 50%;
  background-color: var(--tp-common-white);
  display: inline-block;
  text-align: center;
  margin-right: 25px;
  color: #f05228;
  font-size: 21px;
  font-weight: 800;
}
.tp-providing__title-sm {
  font-size: 18px;
  padding-bottom: 2px;
}
.tp-providing__bg-text {
  position: absolute;
  right: 1px;
  bottom: 117px;
  background-color: var(--tp-common-orange);
  padding: 38px 70px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-providing__bg-text {
    right: 0px;
    bottom: 118px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-providing__bg-text {
    padding: 35px 50px;
    right: 0px;
    bottom: 112px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-providing__bg-text {
    padding: 35px 40px;
    right: 0px;
    bottom: 108px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-providing__bg-text {
    padding: 35px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-providing__bg-text {
    padding: 35px 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-providing__bg-text {
    padding: 30px 25px;
  }
}
.tp-providing__bg-text span {
  color: var(--tp-common-white);
  font-size: 65px;
  margin-right: 40px;
  display: inline-block;
  transform: translateY(12px);
}
@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-providing__bg-text span {
    font-size: 55px;
    margin-right: 34px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-providing__bg-text span {
    font-size: 50px;
    margin-right: 30px;
  }
}
.tp-providing__title-2 {
  color: var(--tp-common-white);
  font-size: 24px;
  margin-bottom: 0;
  line-height: 34px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-providing__title-2 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-providing__title-2 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-providing__title-2 {
    font-size: 20px;
  }
}
.tp-providing__bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 33;
  width: 44.4%;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-providing__bg {
    width: 48.4%;
    background-repeat: no-repeat;
    background-position: right;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-providing__bg {
    position: static;
    height: 580px;
    width: 100%;
    background-size: cover;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-providing__bg {
    width: 100%;
    position: static;
    height: 550px;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .tp-providing__bg {
    position: static;
    height: 330px;
    width: 100%;
    background-size: cover;
    background-position: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-providing__bg {
    position: static;
    height: 380px;
    width: 100%;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .tp-providing__bg {
    position: static;
    height: 380px;
    width: 100%;
  }
}

/*----------------------------------------*/
/*  17. service css start 
/*----------------------------------------*/
.tp-service-3__space {
  padding-top: 155px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-3__space {
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-service-3__space {
    padding-bottom: 90px;
    padding-top: 90px;
  }
}
@media (max-width: 767px) {
  .tp-service-3__space {
    padding-bottom: 90px;
    padding-top: 90px;
  }
}
.tp-service-3__item:hover .tp-service-3__thumb-box::after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.tp-service-3__item:hover .tp-service-3__thumb img {
  transform: scale(1.1) rotate(-2deg);
}
.tp-service-3__item:hover .tp-service-3__icon span {
  color: var(--tp-common-white);
}
.tp-service-3__item:hover .tp-service-3__icon::after {
  opacity: 1;
  transform: scaleY(1);
}
.tp-service-3__item:hover .tp-service-3__shape {
  opacity: 1;
  visibility: visible;
  right: -56px;
}
.tp-service-3__thumb {
  overflow: hidden;
}
.tp-service-3__thumb img {
  width: 100%;
  transition: all 500ms ease;
}
.tp-service-3__thumb-box {
  position: relative;
}
.tp-service-3__thumb-box::after {
  content: "";
  top: 0;
  left: 0%;
  height: 30%;
  width: 100%;
  background-color: rgba(7, 132, 128, 0.851);
  position: absolute;
  transition: all 500ms ease;
  opacity: 0;
  visibility: hidden;
}
.tp-service-3__content {
  position: relative;
  overflow: hidden;
  background-color: var(--tp-common-white);
  padding: 60px 20px;
  padding-bottom: 35px;
  box-shadow: 2px 3.464px 40px 0px rgba(14, 5, 1, 0.04);
}
.tp-service-3__content a {
  font-weight: 800;
  font-size: 14px;
  color: var(--tp-theme-1);
  transition: all 500ms ease;
}
/*.tp-service-3__content a:hover {
  color: var(--tp-common-orange);
}*/
.tp-service-3__content p {
  padding-bottom: 14px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-service-3__content p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-3__content p {
    font-size: 14px;
  }
  .tp-service-3__content p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-service-3__content p {
    font-size: 16px;
  }
}
.tp-service-3__title-sm {
  font-size: 24px;
  padding-bottom: 20px;
  transition: all 500ms ease;
}
/*.tp-service-3__title-sm:hover {
  color: var(--tp-common-orange);
}*/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-service-3__title-sm {
    font-size: 22px;
  }
}
.tp-service-3__icon {
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  bottom: -17%;
  height: 80px;
  line-height: 91px;
  text-align: center;
  width: 80px;
  border-radius: 50%;
  background-color: var(--tp-grey-1);
  overflow: hidden;
  z-index: 1;
}
.tp-service-3__icon::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: var(--tp-common-orange);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.4s;
  transition-property: all;
  opacity: 1;
  transform-origin: top;
  transform-style: preserve-3d;
  transform: scaleY(0);
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-3__icon {
    bottom: -15%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-service-3__icon {
    bottom: -13%;
  }
}
@media (max-width: 767px) {
  .tp-service-3__icon {
    bottom: -14%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-service-3__icon {
    bottom: -9%;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .tp-service-3__icon {
    bottom: -11%;
  }
}
.tp-service-3__icon span {
  font-size: 40px;
  color: var(--tp-theme-1);
  transition: all 500ms ease;
}
.tp-service-3__shape {
  position: absolute;
  right: -100px;
  bottom: -70px;
  opacity: 0;
  visibility: hidden;
  transition: all 500ms ease;
}

/*----------------------------------------*/
/*  20. team css start
/*----------------------------------------*/
.tp-team-2__section-title {
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .tp-team-2__section-title {
    padding-bottom: 25px;
  }
}
.tp-team-2__wrapper {
  padding: 0 21px;
  position: relative;
}
.tp-team-2__wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 75%;
  width: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.961) 20%, rgba(254, 126, 76, 0.633) 100%, rgba(255, 255, 255, 0.957) 100%);
  background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.961) 20%, rgba(254, 126, 76, 0.633) 100%, rgba(255, 255, 255, 0.957) 100%);
  background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.961) 20%, rgba(254, 126, 76, 0.633) 100%, rgba(255, 255, 255, 0.957) 100%);
  background: -ms-linear-gradient(90deg, rgba(255, 255, 255, 0.961) 20%, rgba(254, 126, 76, 0.633) 100%, rgba(255, 255, 255, 0.957) 100%);
  z-index: -2;
}
.tp-team-2__wrapper::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 74.3%;
  width: 98%;
  z-index: -1;
  background-color: var(--tp-common-white);
}
.tp-team-2__wrapper:hover .tp-team-2__thumb img {
  transform: scale(1.1) rotate(-2deg);
}
.tp-team-2__wrapper:hover .tp-team-2__thumb::after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.tp-team-2__thumb {
  position: relative;
  overflow: hidden;
}
.tp-team-2__thumb img {
  transition: 0.5s;
  width: 100%;
}
.tp-team-2__thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 70%;
  width: 100%;
  background-color: rgba(30, 55, 55, 0.349);
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}
.tp-team-2__content {
  padding: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-team-2__content {
    padding: 25px 15px;
  }
}
.tp-team-2__author-name {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 0;
  padding-bottom: 3px;
  transition: 0.3s;
}
/*.tp-team-2__author-name:hover {
  color: var(--tp-common-orange);
}*/
.tp-team-2__author-info {
  padding-bottom: 25px;
}
.tp-team-2__author-info span {
  font-size: 14px;
  color: #6e7a7a;
  font-weight: 600;
}
.tp-team-2__social-box a {
  font-size: 17px;
  color: var(--tp-theme-1);
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #eef3f2;
  line-height: 40px;
  text-align: center;
  margin: 0 6px;
  transition: all 500ms ease;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.tp-team-2__social-box a::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: var(--tp-common-orange);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.4s;
  transition-property: all;
  opacity: 1;
  transform-origin: top;
  transform-style: preserve-3d;
  transform: scaleY(0);
  z-index: -1;
}
.tp-team-2__social-box a:hover {
  color: var(--tp-common-white);
}
.tp-team-2__social-box a:hover::after {
  opacity: 1;
  transform: scaleY(1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-2__social-box a {
    font-size: 14px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    margin: 0 1px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-details__section-title p {
    font-size: 15px;
  }
  .tp-team-details__section-title p br {
    display: none;
  }
}
.tp-team-details__sapce {
  padding-top: 65px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-team-details__sapce {
    padding-top: 100px;
    padding-bottom: 65px;
  }
}
@media (max-width: 767px) {
  .tp-team-details__sapce {
    padding-top: 70px;
    padding-bottom: 65px;
  }
}
.tp-team-details__thumb {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-details__thumb {
    margin-bottom: 50px;
  }
}
.tp-team-details__thumb::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 94%;
  width: 70%;
  background-color: var(--tp-common-orange);
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-details__thumb::after {
    width: 67%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-details__thumb::after {
    width: 100%;
    height: 105%;
  }
}
.tp-team-details__thumb img {
  max-width: inherit;
  margin-left: 71px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-team-details__thumb img {
    max-width: 100%;
    margin-left: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-details__thumb img {
    max-width: 100%;
    margin-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-team-details__thumb img {
    max-width: 80%;
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .tp-team-details__thumb img {
    max-width: 90%;
    margin-left: 0px;
  }
}
.tp-team-details__progress {
  width: 100%;
}
.tp-team-details__progress-item {
  position: relative;
  padding: 50px 0;
  margin: 0 50px;
}
@media (max-width: 767px) {
  .tp-team-details__progress-item {
    margin: 0 15px;
    padding-bottom: 30px;
  }
}
.tp-team-details__progress-item.progress-pb {
  padding-bottom: 30px;
}
.tp-team-details__progress-item h4 {
  font-weight: 800;
  font-size: 18px;
  padding-bottom: 4px;
}
.tp-team-details__progress-item .progress-count {
  position: absolute;
  top: 21px;
  right: 0;
  font-size: 14px;
  font-weight: 800;
  color: var(--tp-theme-1);
}
.tp-team-details__progress-item .progress {
  height: 8px;
  background-color: #fff;
  border-radius: 0;
  overflow: visible;
  margin-bottom: 15px;
}
.tp-team-details__progress-item .progress .progress-bar {
  background-color: var(--tp-theme-2);
  overflow: visible;
}
.tp-team-details__progress-item .progress-goals {
  display: flex;
  justify-content: space-between;
}
.tp-team-details__progress-item .progress-goals span {
  font-size: 14px;
  font-weight: 400;
}
.tp-team-details__progress-item .progress-goals span b {
  font-weight: 800;
  color: var(--tp-theme-1);
}
.tp-team-details__left-box {
  padding-left: 85px;
}
@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-team-details__left-box {
    padding-left: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-details__left-box {
    padding-left: 0px;
  }
}

.tp-register__left-box {
  padding-right: 20px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-register__left-box {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-register__left-box {
    padding-right: 0;
    padding-bottom: 60px;
  }
}
.tp-register__list {
  padding-bottom: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-register__list {
    padding-bottom: 35px;
  }
}
.tp-register__list ul li {
  font-weight: 700;
  color: var(--tp-theme-1);
  position: relative;
  padding-left: 30px;
}
.tp-register__list ul li:not(:last-child) {
  padding-bottom: 20px;
}
.tp-register__list ul li i {
  color: var(--tp-common-orange);
  position: absolute;
  top: 3px;
  left: 0;
}
@media (max-width: 767px) {
  .tp-register__tel-box {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .tp-register__tel-icon {
    padding-bottom: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-register__tel-icon {
    padding-bottom: 0px;
  }
}
.tp-register__tel-icon span {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--tp-theme-2);
  display: inline-block;
  font-size: 36px;
  color: var(--tp-common-white);
  margin-right: 25px;
}
.tp-register__tel-icon span i {
  transform: translateY(3px);
  display: inline-block;
}
.tp-register__tel-text a {
  font-size: 16px;
  color: var(--tp-theme-1);
  font-weight: 700;
  transition: 0.3s;
  display: block;
}
/*.tp-register__tel-text a:hover {
  color: var(--tp-common-orange);
}*/
.tp-register__tel-text a.number {
  color: var(--tp-text-body);
  font-weight: 400;
  padding-bottom: 15px;
}
.tp-register__input-box input {
  background-color: var(--tp-grey-1);
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid transparent;
  transition: 0.3s;
}
.tp-register__input-box input:focus {
  border: 1px solid var(--tp-common-orange);
}
.tp-register__textarea-box textarea {
  height: 150px;
  resize: none;
  margin-bottom: 20px;
  background-color: var(--tp-grey-1);
  width: 100%;
  padding: 30px;
  padding-top: 25px;
  font-size: 14px;
  color: var(--tp-common-black);
  border: 1px solid transparent;
  transition: 0.3s;
}
.tp-register__textarea-box textarea:focus {
  border: 1px solid var(--tp-common-orange);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-register__thumb img {
    max-width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-register__thumb img {
    width: 49%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-register__text p {
    font-size: 15px;
  }
  .tp-register__text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-register__text p {
    font-size: 14px;
  }
  .tp-register__text p br {
    display: none;
  }
}

/*----------------------------------------*/
/*  04. blog css start
/*----------------------------------------*/
.tp-blog__space {
  padding-top: 115px;
  padding-bottom: 90px;
}
.tp-blog__item {
  display: block;
  position: relative;
  overflow: hidden;
  background-color: rgba(30, 55, 55, 0.949);
}
.tp-blog__item img {
  transition: 0.9s;
  width: 100%;
}
.tp-blog__item:hover img {
  transform: scale(1.1);
}
.tp-blog__item:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
}
.tp-blog__item:hover .tp-blog__img-text {
  opacity: 1;
  visibility: visible;
}
.tp-blog__item::before {
  background-image: -moz-linear-gradient(90deg, rgb(30, 55, 55) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(30, 55, 55) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(30, 55, 55) 0%, rgba(0, 0, 0, 0) 100%);
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.tp-blog__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(-30%);
  background-color: rgba(30, 55, 55, 0.949);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: 0.7s;
}
.tp-blog__img-text {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: 0.7s;
  padding: 12px 22px;
  background-color: rgba(243, 248, 248, 0.078);
}
.tp-blog__img-text span {
  font-weight: 700;
  font-size: 14px;
  color: #d7e3e3;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog__img-text span {
    font-size: 12px;
  }
}
.tp-blog__img-text span i {
  padding-right: 10px;
  font-size: 16px;
  transform: translateY(3px);
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog__img-text span i {
    font-size: 12px;
  }
}
.tp-blog__title-sm {
  color: var(--tp-common-white);
  font-weight: 800;
  font-size: 24px;
  line-height: 1.3;
  margin-bottom: 18px;
  transition: 0.3s;
  display: inline-block;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-blog__title-sm {
    font-size: 21px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-blog__title-sm {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-blog__title-sm {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog__title-sm {
    padding-bottom: 0;
    font-size: 22px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-blog__title-sm {
    padding-bottom: 0;
    font-size: 23px;
  }
  .tp-blog__title-sm br {
    display: none;
  }
}
/*.tp-blog__title-sm:hover {
  color: var(--tp-common-orange);
}*/
.tp-blog__content {
  position: absolute;
  bottom: 25px;
  left: 30px;
  z-index: 2;
}
.tp-blog__content span {
  font-weight: 700;
  font-size: 14px;
  color: #d7e3e3;
  padding-bottom: 27px;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog__content span {
    font-size: 12px;
    padding-bottom: 20px;
  }
}
.tp-blog__link a {
  font-weight: 700;
  font-size: 14px;
  color: #d7e3e3;
  transition: 0.3s;
}
.tp-blog__link a i {
  padding-left: 10px;
  transform: translateY(1px);
}
/*.tp-blog__link a:hover {
  color: var(--tp-common-orange);
}*/

.tp-blog-2__space {
  padding-top: 115px;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .tp-blog-2__space {
    padding: 70px 0;
  }
}
.tp-blog-2__item:hover .tp-blog-2__thumb img {
  transform: scale(1.1);
}
.tp-blog-2__item:hover .tp-blog-2__thumb::after {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
}
.tp-blog-2__item:hover .tp-blog-2__link {
  background-color: var(--tp-theme-2);
}
.tp-blog-2__item:hover .tp-blog-2__link span {
  color: var(--tp-common-white);
}
.tp-blog-2__item:hover .tp-blog-2__icon {
  opacity: 1;
  visibility: visible;
}
.tp-blog-2__thumb {
  overflow: hidden;
  position: relative;
}
.tp-blog-2__thumb img {
  width: 100%;
  transition: all 500ms ease;
}
.tp-blog-2__thumb::after {
  background-color: rgba(30, 55, 55, 0.851);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition: 0.5s;
  transition-property: all;
  z-index: 1;
}
.tp-blog-2__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  z-index: 3;
  transition: all 600ms ease;
}
.tp-blog-2__icon a {
  color: var(--tp-common-white);
  font-size: 25px;
}
.tp-blog-2__tag {
  padding-bottom: 25px;
}
.tp-blog-2__tag span {
  font-weight: 700;
  color: var(--tp-common-orange);
  text-transform: uppercase;
  font-size: 14px;
  display: inline-block;
}
.tp-blog-2__tag span i {
  font-size: 16px;
  transform: translateY(4px);
  margin-right: 10px;
  color: var(--tp-theme-1);
  display: inline-block;
}
.tp-blog-2__content {
  padding: 35px 30px;
  padding-top: 30px;
  box-shadow: 2px 3.464px 40px 0px rgba(14, 5, 1, 0.04);
}
.tp-blog-2__title-sm {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 18px;
}
.tp-blog-2__title-sm:hover {
  color: var(--tp-common-orange);
  transition: all 500ms ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-2__title-sm {
    font-size: 20px;
  }
  .tp-blog-2__title-sm br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-blog-2__title-sm {
    font-size: 23px;
  }
  .tp-blog-2__title-sm br {
    display: none;
  }
}
.tp-blog-2__meta {
  font-weight: 700;
  font-size: 14px;
  display: inline-block;
  padding-bottom: 35px;
}
.tp-blog-2__meta::before {
  content: "";
  display: inline-block;
  height: 2px;
  width: 10px;
  background-color: var(--tp-theme-2);
  margin-right: 10px;
  transform: translateY(-5px);
}
.tp-blog-2__meta-3 {
  font-weight: 700;
  font-size: 14px;
  display: inline-block;
  padding-bottom: 35px;
}
.tp-blog-2__meta-3::before {
  content: "";
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: var(--tp-theme-2);
  display: inline-block;
  transform: translateY(-3px);
  margin-right: 9px;
}
.tp-blog-2__link {
  height: 38px;
  line-height: 38px;
  background-color: var(--tp-grey-1);
  transition: 0.3s;
}
.tp-blog-2__link span {
  color: var(--tp-theme-1);
  font-weight: 700;
  font-size: 14px;
  transition: 0.5s;
}
.tp-blog-2__link span i {
  margin-left: 10px;
  font-size: 14px;
  display: inline-block;
  transform: translateY(2px);
}

.tp-blog-2__overly-2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(30, 55, 55, 0.6);
  transform: scale(0.5);
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}
.tp-blog-2__item:hover .tp-blog-2__overly-2 {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__wrapper {
    margin-bottom: 50px;
  }
}
.postbox__thumb {
  position: relative;
}
.postbox__thumb img {
  width: 100%;
}
.postbox__thumb .play-btn {
  position: absolute;
  top: 38%;
  left: 44%;
  z-index: 1;
}
.postbox__thumb .play-btn a {
  height: 85px;
  width: 85px;
  line-height: 87px;
}
.postbox__thumb .play-btn a::after {
  display: none;
}
.postbox__thumb-text {
  position: absolute;
  top: 30px;
  left: 30px;
}
.postbox__thumb-text span {
  color: var(--tp-common-white);
  font-size: 14px;
  padding: 10px 20px;
  background-color: var(--tp-common-orange);
  display: inline-block;
}
.postbox__item-single:hover {
  box-shadow: none;
}
.postbox__tag {
  position: absolute;
  bottom: 0px;
  left: 0;
}
.postbox__tag p {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.135em;
  background: var(--tp-theme-1);
  clip-path: polygon(0px 0px, 100% 0px, 92.7% 53.45%, 100% 100%, 0px 100%, 0px 50%);
  width: 130px;
}
.postbox__content {
  padding-top: 28px;
}
@media (max-width: 767px) {
  .postbox__content {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.postbox__content-single {
  padding-left: 0;
  padding-right: 0;
  border: none;
}
.postbox__title {
  font-size: 36px;
  color: var(--tp-theme-1);
  margin-bottom: 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox__title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .postbox__title {
    font-size: 25px;
  }
}
.postbox__meta {
  margin-bottom: 20px;
}
.postbox__meta span {
  position: relative;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-right: 25px;
}
@media (max-width: 767px) {
  .postbox__meta span {
    font-size: 12px;
    margin-right: 20px;
  }
}
.postbox__meta span:last-child {
  margin-right: 0;
}
.postbox__meta span i {
  color: var(--tp-theme-2);
  margin-right: 10px;
  font-weight: 700;
}
.postbox__blockquote-shape {
  position: absolute;
  bottom: 34px;
  right: 44px;
}
.postbox__blockquote blockquote {
  background: #f2f7f7;
  padding: 35px 40px;
  margin-bottom: 50px;
  margin-top: 50px;
}
.postbox__blockquote blockquote p {
  font-family: var(--tp-ff-heading);
  font-weight: 700;
  font-size: 22px;
  color: var(--tp-theme-1);
  margin-bottom: 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) {
  .postbox__blockquote blockquote p {
    font-size: 16px;
  }
}
.postbox__blockquote blockquote cite {
  font-weight: 400;
  font-size: 14px;
  font-style: inherit;
  position: relative;
}
.postbox__blockquote blockquote cite::before {
  content: "";
  font-size: 28px;
  color: #fff;
  padding-bottom: 0px;
  display: inline-block;
  background: #191515;
  height: 2px;
  width: 16px;
  font-weight: 400;
  text-align: center;
  top: -4px;
  margin-right: 10px;
  position: relative;
}
.postbox-details-desc-thumb-caption {
  font-size: 18px;
  font-weight: 500;
  color: #807A7A;
  font-style: italic;
  text-align: center;
  display: block;
  margin-top: 30px;
  margin-bottom: 50px;
}
.postbox__list {
  margin-bottom: 60px;
}
@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__list {
    margin-bottom: 30px;
  }
}
.postbox__list-title {
  font-weight: 800;
  font-size: 30px;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .postbox__list-title {
    font-size: 25px;
  }
}
.postbox__list-content ul li {
  list-style: none;
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-theme-1);
  margin-bottom: 24px;
  position: relative;
  padding-left: 27px;
}
@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__list-content ul li {
    margin-bottom: 15px;
    font-size: 14px;
  }
}
.postbox__list-content ul li span {
  color: var(--tp-theme-2);
  top: 5px;
  left: 0;
  font-size: 14px;
  position: absolute;
}
.postbox__details-share-wrapper {
  padding-top: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #F7F7F7;
}
.postbox__details-share span {
  font-size: 22px;
  font-weight: 800;
  color: var(--tp-theme-1);
  margin-right: 15px;
}
@media (max-width: 767px) {
  .postbox__details-share span {
    font-size: 16px;
  }
}
.postbox__details-share a {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  background-color: #F2F6F7;
  color: var(--tp-theme-1);
  margin-right: 10px;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__details-share a {
    margin-bottom: 10px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin-right: 8px;
  }
}
.postbox__details-share a:hover {
  background-color: var(--tp-common-orange);
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .postbox__details-tag {
    margin-bottom: 20px;
  }
}
.postbox__details-tag span {
  font-size: 22px;
  font-weight: 800;
  color: var(--tp-theme-1);
  margin-right: 25px;
}
@media (max-width: 767px) {
  .postbox__details-tag span {
    font-size: 16px;
  }
}
.postbox__read-more .postbox-btn {
  position: relative;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: #132047;
}
.postbox__read-more .postbox-btn span {
  margin-left: 5px;
}
.postbox__read-more .postbox-btn span::before {
  position: absolute;
  content: "";
  top: 1px;
  right: -10px;
  border: 1px solid #E8F2F9;
  height: 28px;
  width: 28px;
  display: inline-block;
  border-radius: 50%;
}
.postbox__text img {
  max-width: 100%;
}
.postbox__text p {
  font-weight: 400;
  margin-bottom: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__text p {
    font-size: 14px;
  }
  .postbox__text p br {
    display: none;
  }
}
.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.postbox-slider-button-next {
  left: auto;
  right: 50px;
}
@media (max-width: 767px) {
  .postbox__slider button.postbox-slider-button-next {
    right: 10px;
  }
}
@media (max-width: 767px) {
  .postbox__slider button {
    left: 10px;
  }
}
.postbox__comment ul li {
  margin-bottom: 10px;
  list-style: none;
  border-bottom: 1px solid #e9ebea;
}
.postbox__comment ul li.children {
  margin-left: 95px;
}
@media (max-width: 767px) {
  .postbox__comment ul li.children {
    margin-left: 15px;
  }
}
.postbox__comment-form-title {
  font-size: 36px;
  margin-bottom: 25px;
}
@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) {
  .postbox__comment-form-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .postbox__comment-form-title {
    font-size: 25px;
  }
}
.postbox__comment-input {
  position: relative;
  margin-bottom: 30px;
}
.postbox__comment-input span {
  font-size: 14px;
  margin-bottom: 12px;
  display: block;
}
.postbox__comment-input input, .postbox__comment-input textarea {
  height: 55px;
  width: 100%;
  font-size: 14px;
  color: var(--tp-common-black);
  outline: none;
  background: var(--tp-grey-1);
  transition: 0.4s;
  border: 1px solid transparent;
  text-transform: capitalize;
}
.postbox__comment-input input:focus, .postbox__comment-input textarea:focus {
  border: 1px solid var(--tp-common-orange);
}
.postbox__comment-input textarea {
  height: 175px;
  resize: none;
  padding: 30px;
  padding-top: 26px;
}
.postbox__comment-title {
  font-size: 36px;
  color: var(--tp-theme-1);
  font-weight: 800;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__comment-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .postbox__comment-title {
    font-size: 25px;
  }
}
.postbox__comment-box {
  padding: 30px 0;
}
.postbox__comment-avater {
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .postbox__comment-avater {
    padding-bottom: 30px;
  }
}
.postbox__comment-name {
  margin-bottom: 5px;
}
.postbox__comment-name h5 {
  font-weight: 800;
  font-size: 20px;
  line-height: 1;
  color: var(--tp-theme-1);
  margin-bottom: 0;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .postbox__comment-text {
    margin-left: 0;
    margin-top: 15px;
  }
}
.postbox__comment-text p {
  font-size: 16px;
  margin-bottom: 15px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__comment-text p {
    font-size: 15px;
  }
  .postbox__comment-text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__comment-text p {
    font-size: 14px;
  }
  .postbox__comment-text p br {
    display: none;
  }
}
.postbox__comment-reply {
  position: absolute;
  bottom: 0;
  left: 0;
}
.postbox__comment-reply a {
  color: var(--tp-theme-2);
  font-size: 14px;
  font-weight: 700;
}
.postbox__comment-reply a i {
  padding-right: 15px;
  transform: translateY(2px) rotateY(159deg);
  display: inline-block;
  margin-right: 15px;
}
@media (max-width: 767px) {
  .postbox__comment-btn {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .postbox__comment-btn button {
    margin-bottom: 30px;
  }
}
.postbox__comment-agree {
  padding-left: 30px;
}
@media (max-width: 767px) {
  .postbox__comment-agree {
    padding-left: 0;
  }
}
.postbox__comment-agree .form-check-label {
  font-weight: 700;
  font-size: 12px;
  color: #6e7a7a;
}
.postbox__comment-agree input {
  height: 13px;
  width: 13px;
  transform: translateY(1px);
}
.postbox__comment-agree .form-check-input:checked {
  background-color: var(--tp-common-orange);
  border-color: transparent;
}
.postbox__comment-agree .form-check-input:focus {
  box-shadow: none;
}
.postbox__comment-agree .form-check-input.form-check-input[type=checkbox] {
  border-radius: 2px;
  margin-top: 4px;
}
@media (max-width: 767px) {
  .postbox__comment-agree-2 {
    padding-right: 0;
  }
}
.postbox__comment-agree-2 .form-check-label {
  font-size: 12px;
  color: var(--tp-theme-1);
  font-weight: 500;
}
.postbox__comment-agree-2 input {
  height: 12px;
  width: 12px;
  transform: translateY(2px);
}
.postbox__comment-agree-2 .form-check-input:checked {
  background-color: var(--tp-common-orange);
  border-color: transparent;
}
.postbox__comment-agree-2 .form-check-input:focus {
  box-shadow: none;
}
.postbox__comment-agree-2 .form-check-input.form-check-input[type=checkbox] {
  border-radius: 2px;
  margin-top: 4px;
}
.postbox__tag span {
  font-size: 16px;
  margin-bottom: 17px;
  color: var(--tp-common-black);
  margin-right: 10px;
}
.postbox__play-btn a {
  height: 70px;
  width: 70px;
  line-height: 70px;
  background-color: var(--tp-common-white);
  color: var(--tp-theme-1);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  border-radius: 50%;
  animation: pulse 2s infinite;
  font-size: 23px;
  padding-left: 4px;
}
.postbox__wrapper-2 {
  margin-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__wrapper-2 {
    margin-right: 0;
    margin-bottom: 40px;
  }
}
.postbox__star span {
  font-size: 14px;
  color: var(--tp-theme-1);
  margin-right: 15px;
}
.postbox__star i {
  color: var(--tp-common-orange);
  padding-left: 2px;
}
.postbox__star i.star-color {
  color: #ffdfd2;
}
@media (max-width: 767px) {
  .postbox__comment-info {
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .postbox__slider-arrow-wrap {
    display: none;
    visibility: hidden;
  }
}
.postbox__slider-arrow-wrap button {
  height: 60px;
  width: 60px;
  line-height: 60px;
  background-color: var(--tp-common-white);
  color: var(--tp-theme-1);
  text-align: center;
  font-size: 20px;
  border-radius: 50%;
}
.postbox__slider-arrow-wrap .postbox-arrow-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  z-index: 9;
}
.postbox__slider-arrow-wrap .postbox-arrow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  z-index: 9;
}

.basic-pagination ul li {
  display: inline-block;
}
.basic-pagination ul li:not(:last-child) {
  margin-right: 10px;
}
.basic-pagination ul li a, .basic-pagination ul li span {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  transition: 0.3s;
  background: #EFF9F1;
  background-color: var(--tp-grey-1);
  border-radius: 50%;
  color: var(--tp-theme-1);
}
@media (max-width: 767px) {
  .basic-pagination ul li a, .basic-pagination ul li span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
}
.basic-pagination ul li a.current i, .basic-pagination ul li span.current i {
  display: inline-block;
  transform: translateY(2px);
}
.basic-pagination ul li a:hover, .basic-pagination ul li a.current {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.basic-pagination ul li span:hover, .basic-pagination ul li span.current {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.basic-pagination ul li a i {
  font-size: 20px;
}

.sidebar__widget {
  padding: 50px;
  background: var(--tp-grey-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sidebar__widget {
    padding: 50px 40px;
  }
}
.sidebar__widget-title {
  position: relative;
  display: inline-block;
  font-weight: 800;
  font-size: 22px;
  margin-bottom: 30px;
}
.sidebar__widget-title::after {
  position: absolute;
  content: "";
  left: 0px;
  height: 21px;
  width: 2px;
  top: 50%;
  background: var(--tp-theme-secondary);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sidebar__widget ul li {
  list-style: none;
  margin-bottom: 10px;
}
.sidebar__widget ul li:last-child {
  margin-bottom: 0px;
}
/*.sidebar__widget ul li:hover a {
  color: var(--tp-theme-1);
}*/
.sidebar__widget ul li:hover a span {
  opacity: 1;
  visibility: visible;
}
.sidebar__widget ul li a {
  position: relative;
  font-weight: 700;
  font-size: 16px;
  display: block;
}
.sidebar__widget ul li a span {
  font-size: 20px;
  float: right;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  color: var(--tp-common-orange);
}
.sidebar__about {
  padding: 37px 0 38px 0;
}
.sidebar__thumb img {
  border-radius: 50%;
  margin-bottom: 20px;
}
.sidebar__content-title {
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: var(--tp-common-black);
  margin-bottom: 6px;
}
.sidebar__content-designation {
  font-weight: 400;
  font-size: 14px;
  color: #727A7D;
  display: block;
  margin-bottom: 13px;
}
.sidebar__content p {
  font-size: 16px;
  color: #838383;
  margin-bottom: 27px;
}
.sidebar__content-social a {
  height: 37px;
  width: 42px;
  line-height: 37px;
  text-align: center;
  display: inline-block;
  border: 1px solid #E8E8E8;
  margin-right: 12px;
}
.sidebar__content-social a i {
  transition: 0.3s;
}
.sidebar__content-social a:hover {
  border: 1px solid var(--tp-theme-1);
  background-color: var(--tp-theme-1);
}
.sidebar__content-social a:hover i {
  color: var(--tp-common-white);
}
.sidebar__search {
  position: relative;
}
.sidebar__search input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: var(--tp-common-white);
  padding: 0 25px;
  padding-right: 75px;
  text-transform: capitalize;
  outline: none;
  padding-right: 70px;
}
.sidebar__search button {
  position: absolute;
  top: 0;
  right: 0px;
  height: 100%;
  width: 60px;
  background-color: var(--tp-grey-1);
  line-height: 60px;
  color: var(--tp-theme-primary);
}
.sidebar__banner::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.sidebar__banner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  background: var(--tp-common-white);
}
.sidebar__banner-content h4 {
  padding: 15px 20px;
  font-size: 24px;
  color: var(--tp-common-black);
  text-transform: uppercase;
  margin-bottom: 0;
}
.sidebar__widget-theme-bg {
  background-color: var(--tp-theme-2);
}

.tagcloud a {
  font-weight: 400;
  font-size: 12px;
  text-transform: capitalize;
  padding: 12px 20px;
  margin-right: 5px;
  box-shadow: 1px 1.732px 10px 0px rgba(23, 19, 4, 0.04);
  background-color: var(--tp-common-white);
  border: 1px solid #F6F3EE;
  margin-bottom: 14px;
  display: inline-block;
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tagcloud a {
    padding: 6px 12px;
  }
}
/*.tagcloud a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-2);
}*/

.rc__post {
  margin-bottom: 20px;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rc__post {
    flex-wrap: wrap;
  }
}
.rc__post ul li:not(:last-child) {
  margin-bottom: 15px;
}
.rc__post-title {
  font-weight: 700;
  font-size: 16px;
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rc__post-title {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .rc__post-title {
    font-size: 14px;
  }
  .rc__post-title br {
    display: none;
  }
}
/*.rc__post-title a:hover {
  color: var(--tp-common-orange);
}*/
.rc__meta span {
  font-weight: 400;
  font-size: 14px;
  display: block;
  margin-bottom: 7px;
}
.rc__meta span i {
  transform: translateY(4px);
  display: inline-block;
  color: var(--tp-theme-2);
  margin-right: 5px;
  font-size: 15px;
}
.rc__post-thumb {
  flex: 0 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rc__post-thumb {
    margin-bottom: 20px;
  }
}

/*----------------------------------------*/
/*  11. faq css start
/*----------------------------------------*/
.tp-faq-2__section-title {
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .tp-faq-2__section-title {
    padding-bottom: 25px;
  }
}
.tp-faq-2__bg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 796px;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-faq-2__bg {
    width: 675px;
    background-position: right;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-faq-2__bg {
    width: 594px;
    background-position: right;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-faq-2__bg {
    width: 550px;
    background-position: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-faq-2__bg {
    width: 460px;
    background-position: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-faq-2__bg {
    position: static;
    height: 680px;
    width: 100%;
    background-position: top;
    margin-bottom: 50px;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .tp-faq-2__bg {
    position: static;
    height: 330px;
    width: 100%;
    background-position: top;
    margin-bottom: 50px;
    background-size: cover;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-faq-2__bg {
    position: static;
    height: 630px;
    width: 100%;
    background-position: top;
    margin-bottom: 50px;
    background-size: cover;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .tp-faq-2__bg {
    height: 380px;
  }
}
.tp-faq-2__bg::after {
  position: absolute;
  content: "";
  left: -10px;
  top: 100px;
  width: 10px;
  height: 360px;
  background-color: var(--tp-theme-2);
  animation: tpupdown 0.8s infinite alternate;
}
.tp-faq-2__space {
  padding-top: 115px;
  padding-bottom: 100px;
}
@media (max-width: 767px) {
  .tp-faq-2__space {
    padding: 70px 0;
  }
}
.tp-faq-2__bg-text {
  position: absolute;
  left: -80px;
  bottom: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-faq-2__bg-text {
    left: 0px;
    bottom: 0px;
  }
}
.tp-faq-2__bg-text::after {
  content: "";
  position: absolute;
  bottom: -39px;
  left: 0;
  height: 40px;
  width: 80px;
  background-color: #172d2d;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}
.tp-faq-2__bg-text span {
  font-size: 24px;
  font-weight: 800;
  color: var(--tp-common-white);
  display: inline-block;
  padding: 36px 65px;
  background-color: var(--tp-theme-1);
  line-height: 34px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-faq-2__bg-text span {
    font-size: 21px;
    padding: 25px 80px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-faq-2__bg-text span {
    font-size: 19px;
    padding: 18px 30px;
    line-height: 34px;
  }
}
.tp-faq-2__bg-text span b {
  font-weight: 800;
  color: var(--tp-common-orange);
}
.tp-faq-2__bg-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tp-faq-2__bg-icon a {
  font-size: 25px;
  color: var(--tp-common-white);
  width: 80px;
  height: 80px;
  line-height: 80px;
  background-color: var(--tp-common-orange);
  display: inline-block;
  text-align: center;
  position: relative;
  transition: all 0.5s ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-faq-2__bg-icon a {
    font-size: 18px;
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}
.tp-faq-2__bg-icon a::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 70%;
  height: 70%;
  background-color: rgba(254, 126, 76, 0.597);
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
}
.tp-faq-2__bg-icon a::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 90%;
  height: 90%;
  transform: scale(1.5);
  border: 1px solid var(--tp-common-orange);
  animation: borderanimate2 2s linear infinite;
}
.tp-faq-2__bg-icon a i {
  padding-left: 4px;
}
.tp-faq-2__shape {
  position: absolute;
  bottom: -20px;
  left: 0;
  z-index: -1;
}

/*----------------------------------------*/
/*  21. testimonial css start
/*----------------------------------------*/
.tp-testimonial__bg {
  padding: 40px 0;
  padding-left: 140px;
  padding-right: 140px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-testimonial__bg {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-testimonial__bg {
    padding-left: 115px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial__bg {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial__bg {
    padding-left: 45px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial__bg {
    padding-left: 35px;
    padding-right: 25px;
  }
}
@media (max-width: 767px) {
  .tp-testimonial__bg {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.tp-testimonial__wrapper {
  margin-left: -90px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-testimonial__wrapper {
    margin-left: -80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial__wrapper {
    margin-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) {
  .tp-testimonial__wrapper {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .tp-testimonial__left-side {
    padding-bottom: 50px;
  }
}
.tp-testimonial__left-text p {
  line-height: 30px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-testimonial__left-text p {
    padding-right: 170px;
  }
  .tp-testimonial__left-text p br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial__left-text p {
    font-size: 14px;
    padding-right: 135px;
  }
  .tp-testimonial__left-text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial__left-text p {
    font-size: 14px;
    padding-right: 80px;
  }
  .tp-testimonial__left-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-testimonial__left-text p {
    font-size: 14px;
    padding-right: 0px;
  }
  .tp-testimonial__left-text p br {
    display: none;
  }
}
.tp-testimonial__text p {
  line-height: 30px;
  margin-bottom: 0;
  transition: 0.3s;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial__text p {
    font-size: 15px;
  }
}
@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-testimonial__text p {
    font-size: 14px;
  }
}
.tp-testimonial__item-box {
  margin-top: 36px;
}
@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-testimonial__item-box {
  margin-left: 9px;
  }
}
.tp-testimonial__thumb {
  position: absolute;
  top: -25px;
  left: 46px;
  display: inline-block;
  z-index: 3;
}
.tp-testimonial__thumb img {
  position: relative;
  z-index: 11;
}
.tp-testimonial__thumb::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  height: 118%;
  width: 118%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--tp-common-white);
  z-index: 2;
}
.tp-testimonial__thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 125%;
  width: 125%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--tp-common-orange);
  z-index: 1;
}
.tp-testimonial__item {
  position: relative;

}
.tp-testimonial__content {
  background-color: var(--tp-common-white);
  padding: 98px 40px 0px 41px;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
  border: 3px solid #358c47;
  width:100%;
  height: 20rem;
  border-radius: 8px;
  margin-bottom: 1rem;
  
  overflow-y: scroll;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-testimonial__content {
    height: auto;

  }
}

.landingenq{

    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d4d2d2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-bottom: 10px;
}
.enquiry{
  background: #f5faf5;
}
/*@media screen (max-width: 768px){
  .tp-testimonial__content{
width: 18rem;

  }

}
@media only screen and (min-width: 375px) and (max-width: 667px)
{
   .tp-testimonial__content{
width: 16rem;

  }
}
@media only screen and (min-width: 360px) and (max-width: 740px)
{
   .tp-testimonial__content{
width: 15rem;

  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px)
{
   .tp-testimonial__content{
width: 11rem;

  }
}*/
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-testimonial__content {
    padding: 70px 38px 30px 38px;
  }
}

.tp-testimonial__star {
  padding-bottom: 15px;
}
.tp-testimonial__star i {
  color: var(--tp-common-orange);
  padding-right: 1px;
}
.tp-testimonial__quote {
  position: absolute;
  right: 20px;
  top: 20px;
}
.tp-testimonial__quote span {
  display: inline-block;
  font-size: 27px;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  line-height: 43px;
  text-align: center;
  background-color: var(--tp-common-white);
  color: var(--tp-theme-1);
}
.tp-testimonial__author-info {
  padding-left: 40px;
  padding-top: 22px;
}
.tp-testimonial__author-info span {
  font-size: 14px;
  font-weight: 400;
}
.tp-testimonial__author-name {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 800;
  padding-bottom: 5px;
}

.tp-testimonial-2__space {
  padding-top: 115px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-2__space {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-testimonial-2__left-side {
    padding-bottom: 60px;
  }
}
.tp-testimonial-2__left-text p {
  padding-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-2__left-text p {
    font-size: 14px;
    padding-right: 30px;
  }
  .tp-testimonial-2__left-text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-2__left-text p {
    font-size: 14px;
    padding-right: 30px;
    padding-bottom: 10px;
  }
  .tp-testimonial-2__left-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-testimonial-2__left-text p {
    font-size: 13px;
    padding-right: 0;
  }
  .tp-testimonial-2__left-text p br {
    display: none;
  }
}
.tp-testimonial-2__item {
  background-color: var(--tp-common-white);
  padding: 30px 40px;
  padding-top: 35px;
  position: relative;
  margin-bottom: 75px;
}
@media (max-width: 767px) {
  .tp-testimonial-2__item {
    padding: 30px 33px;
  }
}
.tp-testimonial-2__item::after {
  content: "";
  bottom: -55px;
  left: 120px;
  height: 55px;
  width: 50px;
  clip-path: polygon(100% 0, 0 0, 0 100%);
  background-color: var(--tp-common-white);
  position: absolute;
}
.tp-testimonial-2__icon span {
  font-size: 50px;
  color: var(--tp-theme-2);
  line-height: 0;
}
.tp-testimonial-2__star i {
  font-size: 15px;
  padding: 0 2px;
  color: var(--tp-common-orange);
}
.tp-testimonial-2__text p {
  margin-bottom: 0;
  line-height: 30px;
}
@media (max-width: 767px) {
  .tp-testimonial-2__text p {
    font-size: 13px;
  }
}
.tp-testimonial-2__author-name {
  font-size: 20px;
  margin-bottom: 0;
  padding-bottom: 5px;
}
.tp-testimonial-2__author-info span {
  font-size: 14px;
}
.tp-testimonial-2__section-arrow {
  position: absolute;
  right: 0;
  bottom: 2.2%;
  z-index: 2;
}
@media (max-width: 767px) {
  .tp-testimonial-2__section-arrow {
    bottom: -17.8%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.tp-testimonial-2__section-arrow button {
  box-shadow: 3px 5.196px 18px 0px rgba(10, 9, 9, 0.06);
  height: 60px;
  width: 60px;
  background-color: var(--tp-common-white);
  color: var(--tp-theme-1);
  border-radius: 50%;
  margin: 0 7px;
  font-size: 22px;
  transition: 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tp-testimonial-2__section-arrow button i {
  font-weight: 400;
}
@media (max-width: 767px) {
  .tp-testimonial-2__section-arrow button {
    height: 50px;
    width: 50px;
    font-size: 15px;
  }
}
/*.tp-testimonial-2__section-arrow button:hover {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}*/
.tp-testimonial-2__item-shape {
  position: absolute;
  top: 0;
  right: 0;
}
.tp-testimonial-2__shape {
  position: absolute;
  left: 0;
  top: 30px;
  z-index: -1;
}

.tp-testimonial-2__section-title .tp-section-title br {
  display: none;
}

.tp-testimonial-3__item {
  padding: 40px;
  box-shadow: 2px 3.464px 40px 0px rgba(14, 5, 1, 0.04);
}
.tp-testimonial-3__top {
  padding-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-3__top {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .tp-testimonial-3__top {
    flex-wrap: wrap;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-3__top-thumb {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-3__top-thumb {
    flex: 0 0 auto;
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .tp-testimonial-3__top-thumb {
    flex: 0 0 auto;
    margin-right: 30px;
    margin-bottom: 20px;
  }
}
.tp-testimonial-3__bottom {
  padding-top: 40px;
  border-top: 1px solid #f2f3f3;
}
@media (max-width: 767px) {
  .tp-testimonial-3__bottom {
    padding-top: 20px;
  }
}
.tp-testimonial-3__top-text p {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-testimonial-3__top-text p {
    font-size: 14px;
  }
  .tp-testimonial-3__top-text p br {
    display: none;
  }
}
.tp-testimonial-3__author-name {
  font-size: 20px;
}
@media (max-width: 767px) {
  .tp-testimonial-3__author-name {
    font-size: 17px;
  }
}
.tp-testimonial-3__author-info span {
  font-size: 14px;
}

.tp-testimonial-slider-dots {
  text-align: center;
  margin-top: 40px;
  position: relative;
  z-index: 2;
}
.tp-testimonial-slider-dots .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  background-color: var(--tp-theme-1);
  opacity: 1;
  margin: 0 5px;
  transition: 0.3s;
  position: relative;
}
.tp-testimonial-slider-dots .swiper-pagination-bullet::after {
  content: "";
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 1px solid var(--tp-common-orange);
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(2);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.tp-testimonial-slider-dots .swiper-pagination-bullet-active {
  background-color: var(--tp-common-orange);
}
.tp-testimonial-slider-dots .swiper-pagination-bullet-active.swiper-pagination-bullet::after {
  opacity: 1;
  visibility: visible;
}

.tp-testimonial-3__active {
  padding: 20px;
  margin: -20px;
}

.tp-testimonial__active .swiper-slide-active .tp-testimonial__content {
  background-color: var(--tp-theme-1);
}
.tp-testimonial__active .swiper-slide-active .tp-testimonial__content::before {
  background-color: var(--tp-theme-2);
}
.tp-testimonial__active .swiper-slide-active .tp-testimonial__item::after {
  background-color: var(--tp-theme-1);
}
.tp-testimonial__active .swiper-slide-active .tp-testimonial__text p {
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  09. error css start
/*----------------------------------------*/
.tp-error__thumb {
  padding-bottom: 50px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-error__thumb img {
    max-width: 50%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-error__thumb img {
    max-width: 40%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-error__thumb img {
    max-width: 40%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-error__thumb img {
    max-width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-error__thumb img {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .tp-error__thumb img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-error__thumb img {
    max-width: 80%;
  }
}
.tp-error__title {
  font-size: 50px;
  font-weight: 800;
  padding-bottom: 45px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .tp-error__title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-error__title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-error__title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-error__title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .tp-error__title {
    font-size: 30px;
  }
}
.tp-error__form-box {
  width: 630px;
  margin-bottom: 30px;
  position: relative;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-error__form-box {
    width: 530px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-error__form-box {
    width: 430px;
  }
}
@media (max-width: 767px) {
  .tp-error__form-box {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-error__form-box {
    width: 530px;
  }
}
.tp-error__form-box form input {
  background-color: rgb(242, 247, 247);
  padding: 18px 50px;
  padding-right: 100px;
  font-size: 16px;
  transition: 0.3s;
  border: 1px solid transparent;
}
.tp-error__form-box form input:focus {
  border: 1px solid var(--tp-common-orange);
}
.tp-error__search-box {
  position: absolute;
  right: 37px;
  top: 52%;
  transform: translateY(-50%);
  font-size: 17px;
  color: var(--tp-theme-1);
}
.tp-error__btn {
  line-height: 0;
}

/*----------------------------------------*/
/*  06. contact css start
/*----------------------------------------*/
.tp-contact-form__space {
  padding-top: 120px;
  padding-bottom: 130px;
}
.tp-contact-form__subtitle {
  color: var(--tp-common-orange);
  font-weight: 700;
  display: inline-block;
  padding-bottom: 10px;
}


@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-contact-form__left-box {
    padding-bottom: 50px;
  }
}
.tp-contact-form__left-box p {
  margin-bottom: 0;
  padding-bottom: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-contact-form__left-box p {
    font-size: 14px;
  }
  .tp-contact-form__left-box p br {
    display: none;
  }
}
.tp-contact-form__social-box a {
  font-size: 17px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  width: 40px;
  color: var(--tp-theme-1);
  border-radius: 50%;
  border: 1px solid #e6e9e9;
  display: inline-block;
  transition: all 500ms ease;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.tp-contact-form__social-box a:not(:last-child) {
  margin-right: 10px;
}
.tp-contact-form__social-box a::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: var(--tp-common-orange);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.4s;
  transition-property: all;
  opacity: 1;
  transform-origin: top;
  transform-style: preserve-3d;
  transform: scaleY(0);
  z-index: -1;
}
.tp-contact-form__social-box a:hover {
  color: var(--tp-common-white);
  border: 1px solid transparent;
}
.tp-contact-form__social-box a:hover::after {
  opacity: 1;
  transform: scaleY(1);
}
.tp-contact-form__form-box {
  background-color: var(--tp-grey-1);
  padding: 60px 50px;
}
@media (max-width: 767px) {
  .tp-contact-form__form-box {
    padding: 30px 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-contact-form__form-box {
    padding: 50px 25px;
  }
}
.tp-contact-form__input-box input {
  color: var(--tp-common-black);
  border: 1px solid transparent;
  transition: 0.3s;
}
.tp-contact-form__input-box input:focus {
  border: 1px solid var(--tp-common-orange);
}
.tp-contact-form__textarea-box textarea {
  height: 150px;
  resize: none;
  border: none;
  padding: 30px;
  padding-top: 25px;
  font-size: 14px;
  width: 100%;
  color: var(--tp-common-black);
  transition: 0.3s;
  border: 1px solid transparent;
}
.tp-contact-form__textarea-box textarea:focus {
  border: 1px solid var(--tp-common-orange);
}
.tp-contact-form__button {
  line-height: 0;
}

.tp-contact__bg {
  background-color: var(--tp-theme-2);
  padding: 50px 55px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-contact__bg {
    padding: 50px 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-contact__bg {
    padding: 50px 25px;
    padding-bottom: 20px;
  }
}
.tp-contact__item {
  margin-bottom: 30px;
}
/*.tp-contact__item:hover .tp-contact__icon span {
  background-color: var(--tp-common-orange);
  color: var(--tp-common-white);
}*/
.tp-contact__icon span {
  margin-right: 25px;
  font-size: 40px;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  line-height: 91px;
  text-align: center;
  display: inline-block;
  background-color: var(--tp-common-white);
  color: var(--tp-theme-1);
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-contact__icon span {
    font-size: 34px;
    height: 70px;
    width: 70px;
    line-height: 81px;
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .tp-contact__icon span {
    font-size: 20px;
    height: 50px;
    width: 50px;
    line-height: 55px;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-contact__icon span {
    font-size: 30px;
    height: 70px;
    width: 70px;
    line-height: 81px;
    margin-right: 30px;
  }
}
.tp-contact__text a {
  color: var(--tp-common-white);
  display: block;
  padding-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-contact__text a {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-contact__text a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tp-contact__text a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-contact__text a {
    font-size: 15px;
  }
}
.tp-contact__text a:last-child {
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-contact__wrapper {
    flex-wrap: wrap;
  }
}

.tp-location__info-box {
  line-height: 0;
}
.tp-location__info-box iframe {
  width: 100%;
}

/*----------------------------------------*/
/*  18. shop css start
/*----------------------------------------*/
.tp-product__title-sm h4 {
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-product__title-sm h4 {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .tp-product__title-sm h4 {
    font-size: 20px;
  }
}
.tp-product__item {
  background-color: var(--it-common-white);
}
.tp-product__item:hover .tp-product__icon {
  opacity: 1;
  visibility: visible;
  bottom: 40%;
}
.tp-product__thumb {
  position: relative;
}
.tp-product__thumb img {
  width: 100%;
}
.tp-product__icon {
  position: absolute;
  bottom: 20%;
  left: 0;
  right: 0;
  padding: 0px 10px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.tp-product__icon a {
  height: 40px;
  width: 40px;
  background-color: var(--tp-common-white);
  line-height: 40px;
  text-align: center;
  display: inline-block;
  color: var(--tp-theme-1);
  margin: 0px 5px;
  transition: 0.3s;
  font-size: 16px;
}
/*.tp-product__icon a:hover {
  background-color: var(--tp-common-orange);
  color: var(--tp-common-white);
}*/
.tp-product__thumb-text {
  position: absolute;
  top: 30px;
  left: 30px;
  background-color: var(--tp-theme-2);
  padding: 3px 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-product__thumb-text {
    padding: 6px 17px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-product__thumb-text {
    padding: 6px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-product__thumb-text {
    padding: 6px 13px;
  }
}
@media (max-width: 767px) {
  .tp-product__thumb-text {
    padding: 6px 15px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .tp-product__thumb-text {
    padding: 6px 15px;
  }
}
.tp-product__thumb-text span {
  font-weight: 700;
  font-size: 14px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-product__thumb-text span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-product__thumb-text span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-product__thumb-text span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .tp-product__thumb-text span {
    font-size: 15px;
  }
}
.tp-product__content {
  padding: 30px;
  padding-top: 20px;
  border: 1px solid #edefef;
  border-top: none;
  text-align: start;
}
.tp-product__content-text span {
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  color: var(--tp-theme-2);
  padding-right: 15px;
}
.tp-product__content-text s {
  font-size: 14px;
  font-weight: 700;
}
.tp-product__content-text h4 {
  font-size: 18px;
  transition: 0.3s;
}
/*.tp-product__content-text h4:hover {
  color: var(--tp-common-orange);
}*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-product__content-text h4 {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-product__content-text h4 {
    font-size: 16px;
  }
}
.tp-product__star {
  color: var(--tp-common-orange);
}
.tp-product__text span {
  font-weight: 700;
}
.tp-product__filter .nice-select {
  position: relative;
  background: var(--tp-common-white);
  border-radius: 0;
  padding: 0px 30px;
  padding-right: 80px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  border: 1px solid #e6e9e9;
  font-size: 14px;
  color: var(--tp-theme-1);
}
.tp-product__filter .nice-select.open::after {
  transform: translateY(-45%) rotate(-180deg);
}
.tp-product__filter .nice-select .option.selected {
  font-weight: 400;
  color: var(--tp-common-black);
}
.tp-product__filter .nice-select::after {
  border: none;
  background-color: transparent;
  transform: translateY(-50%);
  margin-top: 0;
  right: 30px;
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  transform-origin: center;
  color: #77829D;
  height: auto;
  width: auto;
  font-size: 20px;
  font-weight: 400;
}
.tp-product__filter .nice-select ul {
  padding: 25px;
  width: 100%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 0;
}
.tp-product__filter .nice-select ul li {
  color: #77829D;
  margin-bottom: 15px;
  font-weight: 400;
  font-size: 16px;
  padding: 0;
}
.tp-product__filter .nice-select ul li:last-child {
  margin-bottom: 0;
}
.tp-product__filter .nice-select .option {
  line-height: 1;
  min-height: 0;
}
.tp-product__filter .nice-select.open ul {
  opacity: 1;
  visibility: visible;
}
.tp-product__input {
  position: relative;
}
.tp-product__input input {
  padding: 0px 30px;
  padding-right: 80px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  transition: 0.3s;
  border: 1px solid #e6e9e9;
}
.tp-product__input input:focus {
  border: 1px solid var(--tp-common-orange);
}
.tp-product__search {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}

.tp-shop-details__right-warp {
  padding-left: 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-shop-details__right-warp {
    padding-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) {
  .tp-shop-details__right-warp {
    padding-left: 0;
  }
}
.tp-shop-details__wrapper {
  margin-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-shop-details__wrapper {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-shop-details__wrapper {
    margin-bottom: 70px;
  }
}
.tp-shop-details__tab-big-img img {
  background-color: #F7F7F7;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-shop-details__tab-big-img img {
    width: 100%;
  }
}
.tp-shop-details__tab-btn-box button {
  display: inline-block;
  margin-right: 10px;
  border: 1px solid transparent;
}
.tp-shop-details__tab-btn-box button:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-shop-details__tab-btn-box button {
    width: 30%;
  }
}
@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-shop-details__tab-btn-box button img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .tp-shop-details__tab-btn-box button {
    margin-bottom: 20px;
  }
}
.tp-shop-details__ratting {
  margin-bottom: 35px;
}
.tp-shop-details__ratting span {
  color: var(--tp-theme-1);
}
.tp-shop-details__ratting span svg {
  color: var(--tp-common-orange);
}
.tp-shop-details__ratting span.review-text {
  padding-left: 10px;
}
.tp-shop-details__price span {
  color: var(--tp-common-black);
  font-size: 24px;
  font-weight: 700;
}
.tp-shop-details__social span {
  font-weight: 700;
  font-size: 18px;
  color: var(--tp-theme-1);
  display: inline-block;
  padding-right: 30px;
}
.tp-shop-details__social a {
  font-size: 16px;
  margin-right: 15px;
  color: var(--tp-theme-1);
  transition: 0.3s;
}
/*.tp-shop-details__social a:hover {
  color: var(--tp-common-orange);
}*/
.tp-shop-details__btn {
  padding-bottom: 35px;
}

.tp-shop-details__tab-btn-box {
  margin-top: -50px;
  z-index: 99;
  position: relative;
}
@media (max-width: 767px) {
  .tp-shop-details__quantity-wrap {
    flex-wrap: wrap;
  }
}
.tp-shop-details__quantity {
  border: 1px solid #e6e9e9;
  border-right: 0;
  width: 70px;
  height: 60px;
  position: relative;
}
@media (max-width: 767px) {
  .tp-shop-details__quantity {
    margin-bottom: 20px;
  }
}
.tp-shop-details__quantity input {
  border: 0;
  background-color: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  color: var(--tp-theme-1);
  font-weight: 700;
  font-size: 16px;
  padding: 0 10px;
  color: var(--tp-theme-1);
}
.tp-shop-details__quantity .tp-cart-minus {
  position: absolute;
  top: -1px;
  right: -29px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  color: var(--tp-theme-1);
  border: 1px solid #e6e9e9;
  border-bottom: none;
  font-weight: 600;
  font-size: 12px;
  color: var(--tp-theme-1);
}
.tp-shop-details__quantity .tp-cart-minus:hover {
  cursor: pointer;
}
.tp-shop-details__quantity .tp-cart-plus {
  position: absolute;
  bottom: -1px;
  right: -29px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  color: var(--tp-theme-1);
  font-weight: 600;
  font-size: 12px;
  color: var(--tp-theme-1);
  border: 1px solid #e6e9e9;
}
.tp-shop-details__quantity .tp-cart-plus:hover {
  cursor: pointer;
}
.tp-shop-details__btn {
  line-height: 0;
}
@media (max-width: 767px) {
  .tp-shop-details__btn a {
    margin-bottom: 30px;
  }
  .tp-shop-details__btn a:last-child {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-shop-details__btn a {
    margin-bottom: 0;
  }
}
.tp-shop-details__quantity-box {
  padding-bottom: 55px;
}
.tp-shop-details__quantity-box span {
  margin-right: 20px;
  color: var(--tp-theme-1);
  font-size: 18x;
  font-weight: 700;
}
.tp-shop-details__title-sm {
  font-weight: 700;
  font-size: 40px;
  color: #060728;
  padding-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-shop-details__title-sm {
    font-size: 32px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-shop-details__title-sm {
    font-size: 29px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-shop-details__title-sm {
    font-size: 29px;
  }
  .tp-shop-details__title-sm br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-shop-details__title-sm {
    font-size: 30px;
  }
  .tp-shop-details__title-sm br {
    display: none;
  }
}
.tp-shop-details__text {
  margin-bottom: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-shop-details__text p {
    font-size: 15px;
  }
  .tp-shop-details__text p br {
    display: none;
  }
}
.tp-shop-details__price {
  margin-bottom: 10px;
}
.tp-shop-details__price span {
  font-weight: 700;
  font-size: 22px;
  margin-right: 30px;
}
.tp-shop-details__price span.text-theme {
  color: var(--tp-theme-2);
}
.tp-shop-details__price span:hover {
  cursor: pointer;
}
.tp-shop-details__product-info {
  margin-bottom: 45px;
}
.tp-shop-details__product-info ul li {
  font-weight: 700;
  font-size: 16px;
  color: var(--tp-theme-1);
  margin-bottom: 20px;
  list-style-type: none;
  padding-left: 30px;
  position: relative;
}
.tp-shop-details__product-info ul li i {
  position: absolute;
  top: 3px;
  left: 0;
  color: var(--tp-theme-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-shop-details__product-info ul li {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .tp-shop-details__product-info ul li {
    font-size: 15px;
  }
}
.tp-shop-details__product-info ul li:last-child {
  margin-bottom: 0;
}
.tp-shop-details__product-info ul li span {
  color: var(--tp-common-black);
}
.tp-shop-details__text-box {
  background-color: var(--tp-grey-1);
  padding: 60px;
  padding-bottom: 50px;
  margin-bottom: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-shop-details__text-box {
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .tp-shop-details__text-box {
    margin-top: 80px;
    padding: 50px 20px;
  }
}
.tp-shop-details__text-box p {
  margin-bottom: 0;
  padding-bottom: 25px;
}
@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-shop-details__text-box p {
    font-size: 15px;
  }
  .tp-shop-details__text-box p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-shop-details__text-box p {
    font-size: 14px;
  }
  .tp-shop-details__text-box p br {
    display: none;
  }
}
.tp-shop-details__title {
  font-size: 36px;
  font-weight: 800;
  color: var(--tp-theme-1);
  margin-bottom: 0;
  padding-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-shop-details__title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .tp-shop-details__title {
    font-size: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-shop-details__quantity-wrap {
    margin-bottom: 30px;
  }
}

.basic-pagination-2 ul li {
  display: inline-block;
}
.basic-pagination-2 ul li:not(:last-child) {
  margin-right: 8px;
}
.basic-pagination-2 ul li a, .basic-pagination-2 ul li span {
  display: inline-block;
  padding: 0 14px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 12px;
  transition: 0.3s;
  border: 1px solid #e6e9e9;
  color: var(--tp-theme-1);
}
.basic-pagination-2 ul li a.current i, .basic-pagination-2 ul li span.current i {
  display: inline-block;
  transform: translateY(2px);
}
/*.basic-pagination-2 ul li a:hover, .basic-pagination-2 ul li a.current {
  background: var(--tp-theme-2);
  color: var(--tp-common-white);
}*/
/*.basic-pagination-2 ul li span:hover, .basic-pagination-2 ul li span.current {
  background: var(--tp-theme-2);
  color: var(--tp-common-white);
}*/
.basic-pagination-2 ul li a i {
  font-size: 20px;
}

/*----------------------------------------*/
/*  23. cart 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 rgba(6, 7, 40, 0.1);
  border-right: 1px solid rgba(6, 7, 40, 0.1);
}

.product-quantity input {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  height: 64px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  width: 100%;
}

.coupon input {
  height: 58px;
  line-height: 58px;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  border: 1px solid #E0E2E3;
  margin-right: 10px;
}

.tp-quantity {
  width: 200px;
  margin: 0 auto;
}
.tp-quantity .cart-minus {
  height: 64px;
  width: 64px;
  text-align: center;
  line-height: 64px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.tp-quantity .cart-plus {
  height: 64px;
  width: 64px;
  text-align: center;
  line-height: 64px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

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

.product-thumbnail, .cart-product-name, .product-price, .product-quantity, .product-subtotal, .product-remove {
  font-weight: 600;
  font-size: 20px;
  color: #060728;
  font-family: var(--tp-ff-clash-semibold);
}

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

.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 {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
  margin-right: 10px;
  width: inherit;
  height: 67px;
  line-height: 67px;
  padding: 0 25px;
  overflow: hidden;
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #coupon_code {
    height: 54px;
  }
}
@media (max-width: 767px) {
  #coupon_code {
    padding: 0px 15px;
  }
}

@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: 35px;
  margin-top: 100px;
  background: var(--tp-grey-1);
}

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

.cart-page-total > ul {
  border: 1px solid rgba(6, 7, 40, 0.1);
}

.cart-page-total > ul > li {
  list-style: none;
  padding: 21px 30px;
  border-bottom: 1px solid rgba(6, 7, 40, 0.1);
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  color: #696A7E;
}

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

/*----------------------------------------*/
/*  22. checkout css start
/*----------------------------------------*/
.tp-checkout-verify-item {
  margin-bottom: 40px;
}
.tp-checkout-verify-item:not(:last-child) {
  margin-bottom: 14px;
}
.tp-checkout-verify-reveal {
  font-size: 14px;
  color: var(--tp-common-black);
  margin-bottom: 0;
  display: inline-block;
  border: 1px dashed #AAB0B2;
  padding: 18px 40px;
  width: 100%;
}
.tp-checkout-verify-reveal button {
  color: var(--tp-theme-2);
  position: relative;
}
.tp-checkout-verify-reveal button::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 1px;
  background-color: var(--tp-theme-2);
}
.tp-checkout-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-2);
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  text-align: center;
}
/*.tp-checkout-btn:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}*/
.tp-checkout-input {
  margin-bottom: 20px;
}
.tp-checkout-input label {
  font-weight: 500;
  color: var(--tp-common-black);
  padding-bottom: 10px;
  font-size: 14px;
}
.tp-checkout-input label span {
  color: red;
}
.tp-checkout-input input, .tp-checkout-input textarea {
  width: 100%;
  background: #FFFFFF;
  color: var(--tp-common-black);
  height: 64px;
  border: 1px solid #E0E2E3;
}
.tp-checkout-input input:focus, .tp-checkout-input textarea:focus {
  border-color: var(--tp-common-orange);
}
.tp-checkout-input textarea {
  height: 200px;
  resize: none;
  padding: 25px;
  font-size: 14px;
}
.tp-checkout-input .nice-select {
  height: 64px;
  line-height: 63px;
  border-radius: 0;
  border: 0;
  float: none;
  padding: 0 25px;
  font-size: 14px;
}
.tp-checkout-input .nice-select::after {
  right: 26px;
}
.tp-checkout-input .nice-select.open .list {
  -webkit-transform: scale(1) translateY(0px);
  -moz-transform: scale(1) translateY(0px);
  -ms-transform: scale(1) translateY(0px);
  -o-transform: scale(1) translateY(0px);
  transform: scale(1) translateY(0px);
}
.tp-checkout-input .nice-select .list {
  margin-top: 0;
  border-radius: 0;
  transform-origin: center center;
  -webkit-transform: scale(0.9) translateY(0px);
  -moz-transform: scale(0.9) translateY(0px);
  -ms-transform: scale(0.9) translateY(0px);
  -o-transform: scale(0.9) translateY(0px);
  transform: scale(0.9) translateY(0px);
  width: 100%;
  padding: 12px 0;
}
.tp-checkout-input .nice-select .list .option {
  line-height: 1.2;
  min-height: inherit;
  padding-top: 5px;
  padding-bottom: 5px;
}
/*.tp-checkout-input .nice-select .list .option:hover {
  color: var(--tp-theme-2);
}*/
.tp-checkout-option {
  margin-bottom: 4px;
}
.tp-checkout-option-wrapper {
  margin-top: 10px;
  margin-bottom: 17px;
}
.tp-checkout-option input {
  display: none;
}
.tp-checkout-option input:checked ~ label::after {
  background-color: var(--tp-common-orange);
  border-color: var(--tp-common-orange);
}
.tp-checkout-option input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.tp-checkout-option label {
  font-size: 15px;
  color: #55585B;
  position: relative;
  padding-left: 26px;
  z-index: 1;
}
.tp-checkout-option label::after {
  position: absolute;
  content: "";
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border: 1px solid rgba(6, 7, 40, 0.2);
  z-index: -1;
  transition: 0.3s;
}
.tp-checkout-option label::before {
  position: absolute;
  content: "\f00c";
  top: 5px;
  left: 5px;
  font-size: 10px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-white);
  transition: 0.3s;
  font-family: "Font Awesome 5 Pro";
}
/*.tp-checkout-option label a:hover {
  color: var(--tp-theme-2);
}*/
.tp-checkout-option label:hover {
  cursor: pointer;
}
.tp-checkout-bill-area {
  padding: 45px 40px 24px;
  background-color: var(--tp-grey-1);
}
@media (max-width: 767px) {
  .tp-checkout-bill-area {
    padding: 45px 25px 24px;
  }
}
.tp-checkout-bill-title {
  font-weight: 600;
  font-size: 26px;
  margin-bottom: 35px;
}
.tp-checkout-place {
  padding: 44px 50px 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-checkout-place {
    padding: 35px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-checkout-place {
    padding: 35px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-checkout-place {
    margin-top: 50px;
  }
}
.tp-checkout-place-title {
  font-size: 26px;
  font-weight: 600;
  margin-right: 37px;
}
.tp-checkout-payment {
  padding-bottom: 26px;
  margin-bottom: 24px;
  border-bottom: 1px solid #E0E2E3;
}
.tp-checkout-payment-item:not(:last-child) {
  margin-bottom: 10px;
}
.tp-checkout-payment-item.paypal-payment label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.tp-checkout-payment-item input {
  display: none;
}
.tp-checkout-payment-item input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}
.tp-checkout-payment-item label {
  font-size: 14px;
  position: relative;
  padding-left: 27px;
  font-weight: 500;
  color: var(--tp-common-black);
}
.tp-checkout-payment-item label:hover {
  cursor: pointer;
}
.tp-checkout-payment-item label::after {
  position: absolute;
  content: "";
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--tp-common-orange);
  transition: 0.3s;
}
.tp-checkout-payment-item label::before {
  position: absolute;
  content: "";
  left: 3px;
  top: 6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--tp-common-orange);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
.tp-checkout-payment-item label img {
  margin-left: 14px;
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
}
.tp-checkout-payment-item label a {
  margin-left: 20px;
  position: relative;
}
.tp-checkout-payment-desc {
  position: relative;
  padding-top: 10px;
  display: none;
}
.tp-checkout-payment-desc::after {
  position: absolute;
  content: "";
  left: 57px;
  top: 0;
  width: 16px;
  height: 16px;
  background-color: #fff;
  -webkit-transform: translateY(3px) rotate(45deg);
  -moz-transform: translateY(3px) rotate(45deg);
  -ms-transform: translateY(3px) rotate(45deg);
  -o-transform: translateY(3px) rotate(45deg);
  transform: translateY(3px) rotate(45deg);
}
.tp-checkout-payment-desc p {
  background-color: #fff;
  padding: 19px 30px;
  margin-left: 27px;
  font-size: 14px;
  line-height: 1.57;
  color: #55585B;
  margin-bottom: 0;
}
.tp-checkout-agree {
  margin-bottom: 24px;
}

.tp-return-customer {
  display: none;
  margin-top: 14px;
  padding: 40px 40px;
  background-color: var(--tp-grey-1);
}
.tp-return-customer-input {
  margin-bottom: 20px;
}
.tp-return-customer-input label {
  font-weight: 500;
  color: var(--tp-common-black);
  padding-bottom: 10px;
}
.tp-return-customer-input label span {
  color: red;
}
.tp-return-customer-input input {
  width: 100%;
  background: #fff;
  border: 0;
  color: var(--tp-common-black);
  height: 64px;
  transition: 0.3s;
  border: 1px solid transparent;
}
.tp-return-customer-input input:focus {
  border: 1px solid var(--tp-common-orange);
}
.tp-return-customer-remeber input {
  display: none;
}
.tp-return-customer-remeber input:checked ~ label::after {
  background-color: var(--tp-common-orange);
  border-color: var(--tp-common-orange);
}
.tp-return-customer-remeber input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.tp-return-customer-remeber label {
  font-size: 15px;
  color: #55585B;
  position: relative;
  padding-left: 26px;
  z-index: 1;
}
.tp-return-customer-remeber label::after {
  position: absolute;
  content: "";
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border: 1px solid rgba(6, 7, 40, 0.2);
  z-index: -1;
  transition: 0.3s;
}
.tp-return-customer-remeber label::before {
  position: absolute;
  content: "\f00c";
  top: 3px;
  left: 5px;
  font-size: 10px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-white);
  transition: 0.3s;
  font-family: "Font Awesome 5 Pro";
}
/*.tp-return-customer-remeber label a:hover {
  color: var(--tp-common-orange);
}*/
.tp-return-customer-remeber label:hover {
  cursor: pointer;
}
.tp-return-customer-forgot a {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-theme-2);
  position: relative;
  display: inline-block;
}
.tp-return-customer-forgot a::after {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  bottom: 4px;
  width: 0%;
  height: 1px;
  background-color: var(--tp-theme-primary);
}
.tp-return-customer-forgot a:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}

.tp-order-details {
  padding: 70px 100px 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-order-details {
    padding: 70px 70px 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-order-details {
    padding: 70px 30px 55px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-order-details {
    padding: 70px 50px 55px;
  }
}
@media (max-width: 767px) {
  .tp-order-details {
    padding: 40px 30px 45px;
  }
}
.tp-order-details-icon {
  margin-bottom: 22px;
}
.tp-order-details-icon span {
  display: inline-block;
  width: 120px;
  height: 120px;
  line-height: 118px;
  text-align: center;
  font-size: 55px;
  color: var(--tp-common-white);
  border: 1px solid rgba rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}
.tp-order-details-title {
  font-size: 30px;
  font-weight: 600;
  color: var(--tp-common-white);
  margin-bottom: 7px;
}
.tp-order-details-content p {
  font-size: 16px;
  color: var(--tp-common-white);
  line-height: 1.38;
}
.tp-order-details-item {
  margin-bottom: 38px;
}
.tp-order-details-item-wrapper .row [class*=col-]:nth-child(2n) .tp-order-details-item {
  padding-left: 40px;
}
@media (max-width: 767px) {
  .tp-order-details-item-wrapper .row [class*=col-]:nth-child(2n) .tp-order-details-item {
    padding-left: 0;
  }
}
.tp-order-details-item h4 {
  font-size: 18px;
  color: var(--tp-common-white);
  margin-bottom: 0;
  font-weight: 400;
}
.tp-order-details-item p {
  font-weight: 700;
  font-size: 18px;
  color: var(--tp-common-white);
  margin-bottom: 0;
}
.tp-order-info-wrapper {
  padding: 42px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-order-info-wrapper {
    padding: 42px 40px;
  }
}
@media (max-width: 767px) {
  .tp-order-info-wrapper {
    padding: 42px 30px;
  }
}
.tp-order-info-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 40px;
}
.tp-order-info-list ul li {
  list-style: none;
  padding: 15px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tp-order-info-list ul li:not(:last-child) {
  border-bottom: 1px solid #E0E2E3;
}
.tp-order-info-list ul li span {
  font-size: 15px;
  color: var(--tp-common-black);
}
.tp-order-info-list ul li.tp-order-info-list-header {
  padding-top: 0;
  padding-bottom: 12px;
}
.tp-order-info-list ul li.tp-order-info-list-header h4 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
.tp-order-info-list ul li.tp-order-info-list-desc p {
  font-size: 15px;
  margin-bottom: 0;
}
.tp-order-info-list ul li.tp-order-info-list-desc p span {
  font-size: 15px;
  font-weight: 500;
}
.tp-order-info-list ul li.tp-order-info-list-subtotal span:last-child {
  color: var(--tp-theme-primary);
}
.tp-order-info-list ul li.tp-order-info-list-shipping span input {
  display: none;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span label {
  font-size: 14px;
  position: relative;
  padding-right: 27px;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span label span {
  color: var(--tp-theme-primary);
}
.tp-order-info-list ul li.tp-order-info-list-shipping span label:hover {
  cursor: pointer;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span label::after {
  position: absolute;
  content: "";
  right: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--tp-common-orange);
  transition: 0.3s;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span label::before {
  position: absolute;
  content: "";
  right: 4px;
  top: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--tp-common-orange);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
.tp-order-info-list ul li.tp-order-info-list-total {
  padding: 14px 0;
}
.tp-order-info-list ul li.tp-order-info-list-total span {
  font-size: 16px;
  font-weight: 500;
}
.tp-order-inner {
  background-color: var(--tp-common-white);
  box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1);
}

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

/*----------------------------------------*/
/*  24. login css start 
/*----------------------------------------*/
.tp-login-wrapper {
  padding: 50px 60px 70px;
  background-color: var(--tp-grey-1);
}
@media (max-width: 767px) {
  .tp-login-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.tp-login-title {
  font-weight: 700;
  font-size: 35px;
  margin-bottom: 4px;
}
.tp-login-top p {
  font-weight: 400;
  font-size: 16px;
  color: #49535B;
}
.tp-login-top p a {
  color: var(--tp-theme-1);
  position: relative;
  display: inline-block;
}
.tp-login-top p a::after {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  bottom: 4px;
  width: 0%;
  height: 1px;
  background-color: var(--tp-theme-1);
  transition: 0.3s;
}
.tp-login-top p a:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}
.tp-login-option-item {
  margin-bottom: 10px;
}
.tp-login-option-item:not(:last-child) {
  margin-right: 10px;
}
.tp-login-option-item.has-google a {
  width: 252px;
}
.tp-login-option-item.has-google a img {
  margin-right: 7px;
}
.tp-login-option-item a {
  display: inline-block;
  width: 98px;
  height: 56px;
  line-height: 54px;
  text-align: center;
  border: 1px solid #E0E2E3;
  font-size: 16px;
  color: #041226;
}
.tp-login-option-item a img {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-login-option-item a img.apple {
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
}
.tp-login-option-item a:hover {
  border-color: var(--tp-common-orange);
}
.tp-login-mail {
  position: relative;
  z-index: 1;
}
.tp-login-mail p {
  font-size: 15px;
  color: #55585B;
  margin-bottom: 0;
  padding: 0 20px;
  position: relative;
  display: inline-block;
  background-color: var(--tp-grey-1);
}
.tp-login-mail p a:hover {
  color: var(--tp-theme-1);
}
.tp-login-mail::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 12px;
  width: 100%;
  height: 1px;
  background-color: #E0E2E3;
  transition: 0.3s;
  z-index: -1;
}
.tp-login-input-wrapper {
  margin-bottom: 25px;
}
.tp-login-input-box {
  position: relative;
}
.tp-login-input-box:not(:last-child) {
  margin-bottom: 30px;
}
.tp-login-input input {
  height: 56px;
  background: #FFFFFF;
  border: 1px solid transparent;
  font-size: 14px;
  transition: 0.3s;
  color: var(--tp-common-black);
  text-transform: capitalize;
}
.tp-login-input input::-webkit-input-placeholder {
  color: #95999D;
}
.tp-login-input input:-moz-placeholder {
  color: #95999D;
}
.tp-login-input input::-moz-placeholder {
  color: #95999D;
}
.tp-login-input input:-ms-input-placeholder {
  color: #95999D;
}
.tp-login-input input:focus {
  border: 1px solid var(--tp-common-orange);
}
.tp-login-input-eye {
  position: absolute;
  right: 26px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tp-login-input-eye .open-eye {
  display: none;
}
.tp-login-input-eye span {
  transition: 0.3s;
}
.tp-login-input-eye:hover {
  cursor: pointer;
}
.tp-login-input-eye:hover span {
  color: var(--tp-common-black);
}
.tp-login-remeber input {
  display: none;
}
.tp-login-remeber input:checked ~ label::after {
  background-color: var(--tp-common-white);
  border-color: var(--tp-common-orange);
}
.tp-login-remeber input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.tp-login-remeber label {
  font-size: 15px;
  color: #55585B;
  position: relative;
  padding-left: 26px;
  z-index: 1;
}
.tp-login-remeber label::after {
  position: absolute;
  content: "";
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border: 1px solid #C3C7C9;
  z-index: -1;
  transition: 0.3s;
}
.tp-login-remeber label::before {
  position: absolute;
  content: url("../img/login/check.svg");
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-orange);
  transition: 0.3s;
}
.tp-login-remeber label a:hover {
  color: var(--tp-common-orange);
}
.tp-login-remeber label:hover {
  cursor: pointer;
}
.tp-login-forgot a {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-theme-1);
  position: relative;
  display: inline-block;
}
.tp-login-forgot a::after {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  bottom: 4px;
  width: 0%;
  height: 1px;
  background-color: var(--tp-theme-1);
  transition: 0.3s;
}
.tp-login-forgot a:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}
.tp-login-btn {
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
  padding: 14px 30px;
  text-align: center;
  display: inline-block;
  transition: 0.3s;
}
.tp-login-btn:hover {
  background-color: var(--tp-common-orange);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  25. footer css start
/*----------------------------------------*/
.tp-footer__bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top:41px;
  padding-bottom: 7px;
  position: relative;
  z-index: 2;
}
.tp-footer__bg::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#358c47;
  position: absolute;
  content: "";
  z-index: -1;
}
.tp-footer__logo {
  padding-bottom: 10px;
}
.tp-footer__text p {
  line-height: 30px;
  color:white;
  padding-bottom: 7px;
  font-size: 15px;
}
@media (max-width: 767px) {
  .tp-footer__text p {
    font-size: 14px;
  }
  .tp-footer__text p br {
    display: none;
  }
}
.tp-footer__icon i {
  font-size: 16px;
  color: var(--tp-common-orange);
  margin-right: 15px;
  display: inline-block;
  transform: translateY(6px);
}
.tp-footer__text a {
  font-size: 15px;
  font-weight: 400;
  color: var(--tp-grey-2);
  transition: 0.3s;
}
@media (max-width: 767px) {
  .tp-footer__text a {
    font-size: 14px;
  }
}
.tp-footer__text a:hover {
  color: var(--tp-common-white);
}
.tp-footer__widget-title {
  font-weight: 700;
  font-size: 18px;
  color: var(--tp-common-white);
  padding-bottom: 17px;
}
@media (max-width: 767px) {
  .tp-footer__widget-title {
    padding-bottom: 15px;
  }
}
.tp-footer__list ul li {
  list-style-type: none;
  padding-bottom: 15px;
  color: white;
}
.tp-footer__list ul li:last-child {
  padding-bottom: 0;
  cursor: pointer;
}
.tp-footer__list ul li a {
  color: white;
  font-size: 15px;
  transition: 0.3s;
}
hr{
  color: white;
}
@media (max-width: 767px) {
  .tp-footer__list ul li a {
    font-size: 14px;
  }
}
.tp-footer__list ul li a:hover {
/*  color: var(--tp-common-orange);*/
/*  margin-left: 7px;*/
}
.tp-footer__form form input {
  width: 100%;
  border: 1px solid var(--tp-border-1);
  background-color: transparent;
  height: 47px;
  line-height: 47px;
  padding: 0 30px;
  font-size: 14px;
  color: var(--tp-common-white);
  margin-bottom: 10px;
}
.tp-footer__form form input::-webkit-input-placeholder {
  color: #8b9e9e;
}
.tp-footer__form form input:-moz-placeholder {
  color: #8b9e9e;
}
.tp-footer__form form input::-moz-placeholder {
  color: #8b9e9e;
}
.tp-footer__form form input:-ms-input-placeholder {
  color: #8b9e9e;
}
.tp-footer__widget-title-2 {
  font-weight: 700;
  font-size: 18px;
  color: var(--tp-common-white);
  padding-bottom: 37px;
}
@media (max-width: 767px) {
  .tp-footer__widget-title-2 {
    padding-bottom: 15px;
  }
}
.tp-footer__widget-title-2::after {
  content: "";
  display: inline-block;
  height: 2px;
  width: 10px;
  background-color: var(--tp-common-orange);
  margin-left: 10px;
  transform: translateY(-4px);
}
.tp-footer__widget-title-3 {
  font-weight: 700;
  font-size: 18px;
  color: var(--tp-common-white);
  padding-bottom: 37px;
}
@media (max-width: 767px) {
  .tp-footer__widget-title-3 {
    padding-bottom: 15px;
  }
}
.tp-footer__widget-title-3::after {
  content: "";
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: var(--tp-common-orange);
  display: inline-block;
  transform: translateY(-2px);
  margin-left: 10px;
}
.tp-footer__donate-box {
  background-color: #294141;
  padding: 30px;
  padding-top: 20px;
}
.tp-footer__donate-title-sm {
  font-weight: 800;
  font-size: 24px;
  color: var(--tp-common-white);
  line-height: 34px;
  padding-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-footer__donate-title-sm {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .tp-footer__donate-title-sm {
    font-size: 17px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-footer__donate-title-sm {
    font-size: 18px;
  }
  .tp-footer__donate-title-sm br {
    display: none;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .tp-footer__donate-title-sm br {
    display: none;
  }
}

.footer-col-3 {
  padding-left: 9px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-col-3 {
    padding-left: 0;
  }
}

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

.footer-2-col-2 {
  margin-left: -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) {
  .footer-2-col-2 {
    margin-left: 0;
  }
}

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

.tp-copyright__bg {
  background-color: #172c2d;
  padding: 25px 0;
}
.tp-copyright__text span {
  font-size: 16px;
  display: inline-block;
  color: var(--tp-grey-2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-copyright__text span {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tp-copyright__text span {
    font-size: 14px;
    padding-bottom: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-copyright__text span {
    padding-bottom: 0px;
  }
}
.tp-copyright__social {
  line-height: 0;
}
.tp-copyright__social a {
  font-size: 17px;
  color: var(--tp-common-orange);
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #1f3737;
  line-height: 40px;
  text-align: center;
  margin-left: 9px;
  transition: all 500ms ease;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.tp-copyright__social a::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: var(--tp-common-orange);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.4s;
  transition-property: all;
  opacity: 1;
  transform-origin: top;
  transform-style: preserve-3d;
  transform: scaleY(0);
  z-index: -1;
}
.tp-copyright__social a:hover {
  color: var(--tp-common-white);
}
.tp-copyright__social a:hover::after {
  opacity: 1;
  transform: scaleY(1);
}

/*# sourceMappingURL=style.css.map */
.navdesign{
  background-image: url("../img//about/sfc.jpg");
  background-color: #358c47;
  background-repeat: no-repeat;
  cursor: pointer;
}
.landlogo{
  height: 50px;
  float: left;
}
.nav-link{
  color: white;
}
.bookbutton{
         background: white;
    color: #358c47;
    margin-top: 7px;
    padding: 0.7rem;
    border-radius: 8px;
    margin-left: 0px;
    font-size: 0.8rem;
    font-weight: bold;


}
 @keyframes Change {
  0% {
    background-color:red;
  }
  50% {
    background-color:  #358c47;
  }
  100% {
    background-color:#78d98c; 
  }
}

.bookbutton {
  animation: Change 4s infinite;
  color: #fff; /* Text color */
}

.checkmark::after {
  content: '\2713';
  color: green;
  margin-left: 5px;
  font-size: 2rem;
  font-weight: bolder;
} 


@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .landlogo{
    float: left;
    margin-top: 6px;
    margin-left: 1rem;
    width: auto;
    height: 75%;
}
.navdesign{
  background-image:none;
  background-color: white; 
}
  }
 
  .navbar-toggler{
margin-left: 7rem;
  }
  .bookbuttonsmall{
    background: white ;
    color: #358c47;

    padding: 11px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: bold;
    width: 80%;
    margin-bottom: 1rem;
  }
  @keyframes colorChange {
  0% {
    background-color:red;
  }
  50% {
    background-color:  #358c47;
  }
  100% {
    background-color:#78d98c; 
  }
}

.bookbuttonsmall {
  animation: colorChange 4s infinite;
  color: #fff; 
}

/* About us style */
.aboutbanner{
  background-image: url("../img/about/aboutbanner.jpg");
  background-size: 100% ;
  background-repeat: no-repeat;
  height: 300px;
  width: 100%;
}
.aboutbanner h1{
  padding-top: 7rem;
}
.aboutcontainer1{
  background:#d7e7d6;
  margin-bottom: 2rem;
}
.abouthead{
  color: #1ec21e;
  font-size: xx-large;
  font-weight: 300;
}
.checkmark1::before{
  content: '\2713';
  margin-right: 5px;
  color: rgb(70 234 70);
  font-size: 20px;
  font-weight: 900;
}
.aboutcontainer3{
margin-top: -3rem;
}
.addingcolor{
  background:#d7e7d6;
  height: 14rem;
}
.imgdesign{
  border: 2px solid #358c47;
  border-radius: 8px;
}
.trust{
  /* margin-left: 6rem; */
  margin-top: 2rem;
  width: 35%;
}
.connect{
  margin-top: 2rem;
}
.contentdesign{
  margin-left: -5rem;
}
.aboutcontainer4{
  background:#d7e7d6;
}
.aboutcares {
  background-color: var(--tp-common-white);
padding-top: 14px;
box-shadow: 1px 1.464px 20px 0px rgba(14, 5, 1, 0.04);
margin-top: 3rem;
text-align: center;
border-radius: 8px;
border:2px solid #358c47;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px){
  .aboutbanner{
    height: 150px;
  }
  .aboutbanner h1{
    padding-top: 3rem;
  }
  .abouthead{
    font-size: larger;
  }
  .contentdesign{
    margin-left: 0rem;
  }
  .trust{
    /* margin-left: 6rem; */
    margin-top: 0rem;
    width: 90%;
    float: inline-end;
  
  }
  .connect{
    margin-top: 2rem;
    float: inline-end;
  }

}

/* Department style */
.departbanner{
  background-image: url("../img/about/aboutbanner.jpg");
  background-size: 100% ;
  background-repeat: no-repeat;
  height: 300px;
  width: 100%;
}
.buttonadd{
  cursor: pointer;
}
.departsearch{
  border: 2px solid;
  border-radius: 8px;
  width: 40%;
  margin: auto;
}
.departicon{
 padding-top: 0.2rem;
  padding-right: 8px;
  font-size: 20px;
}
.departcard {
  background-color: var(--tp-common-white);
padding-top: 14px;
box-shadow: 1px 1.464px 20px 0px rgba(14, 5, 1, 0.04);
margin-top: 3rem;
text-align: center;
border-radius: 8px;
border:2px solid #358c47;
cursor: pointer;
}
.depart_icon{
  width: 7rem;
  height:7rem;
  line-height: 105px;
  border-radius: 50%;
  text-align: center;
  background-color: #dcebdf;
  display: inline-block;
  font-size: 50px;
  color: black;
  transition: 0.3s;
}
.cardcontent{
  background: #358c47;
}
.cardshead{
  font-size: medium;
  font-weight: 700;
}
.loginmodal{
  background: #358c47;
}
.pincheck{
  margin-left: -1rem;
}
.inneradd{
  float: right;
}
.remove{
  margin-left: -10px;
}

.servicesubmit{
      background: green;
    color: white;
    border: none;
    padding: 10px;

}
@media (max-width:992px){
  .departbanner{
    height: 150px;
  }
  .departsearch{
    margin-left: 0px;
    margin-top: 2rem;
  }
  .pincheck{
    margin-left: 0px;
  }
}


/* innerdepartment style */
.innercards{
  border: 2px solid #358c47;
  border-radius: 8px;
  padding: 13px 25px;
  margin-bottom: 2rem;
  background:  #eaebea;
}
.linedText {
  text-decoration: line-through;
  color: red;
}
/*.add{
  background: green;
  color: white;
  padding: 0px 18px 0px 5px;
  font-size: 21px;
  border-radius: 5px;
  line-height: 21px;
  margin-top: 5px;
}*/
.confirmbutton{
  background: green;
  color: white;
  padding: 7px 20px 7px 20px;
  border-radius: 17px;
  float: right;
}
.testcount{
  float:right;
}
.department-body{
  background: #d7e7d6;
  border-radius: 8px;
  margin-bottom: 2rem;
  padding: 1rem;
}
.modal-content{
  background: #d7e7d6;
 
}
.mobileuser{
      background: green;
    color: white;
    padding: 10px;
    border-radius: 8px;
}
.modal-body{
  background: #b4d9b2;
border-radius: 8px;
    padding: 20px;

}
.modalfotter{
 margin-top: 3rem;
 margin-bottom: 2rem;
}
.modalicon{
  float: right;
margin-right: -25px;
margin-top: 3px;
}
.dail{
  line-height: 15px;
}
.book{
  position: absolute;
  bottom: 0;
  background-color: #358c47;
  color: white;
  text-align: center;
  padding: 8px;
  right: 0;
  border-radius: 8px;
}
.modalbodyclose{
  width: 1px;
}
.detailhead{
  background-color: #358c47;
  color: white;
  padding: 9px;
  border-radius: 8px;
  margin-bottom: 2rem;
}
.detailclose{
  float: right;
  font-size: small;
}
.detailinput{
  display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d4d2d2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-bottom: 1rem;

}
.detailsubmit{
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #358c47;
  padding: 10px;
  border-radius: 8px;

}
.alreadymemb{
  margin-bottom: 3rem;
  cursor: pointer;
}
.loginmodalinput{
  width: 100%;
    padding: 13px;
    border: 2px solid #c8d5c8;
    margin-top: 1rem;
}
.loginmodalsubmit{
  background: #358c47;
  color: white;
  text-align: center;
  padding: 10px;
  margin-top: 2rem;
  border-radius: 8px 8px 8px 8px;
}
.fa-xmark{
  color: white;
  font-size: larger;
}
.modal1close{
  color: black;
}








/* contact us */
.adress{
  width: 75%;
  border: 2px solid green;
  border-radius: 6px;
  text-align: center;
  padding: 10px;
  margin-bottom: 2rem;
  margin-left: 3rem;
}
.sendinput{
  width: 100%;
    padding: 13px;
    border: 2px solid #c8d5c8;
    margin-top: 1rem;
}
.textinput{
  width: 100%;
  
  border: 2px solid #c8d5c8;
  padding: 9px;
}
.contactbutton{
  background: green;
  color: white;
  padding: 20px 30px 20px 30px;
  border-radius: 8px;
  margin-top: 1rem;

}

.maphead{
  text-align:center;
}

.units{
  background: #358c47;
  color: white;
  padding: 10px;
  text-align: center;
}


/* login-sign-up */
.form-login{

  width: 500px;
  position: relative;
  margin: 6% auto;
  background:#c2e0c0;
  border-radius:30px ;
  overflow: hidden;
  padding: 20px;
    }



.tabs {
  display: flex;
  width: 370px;
  margin: 20px auto;
  position: relative;
  box-shadow: 0 0 20px 9px #ff61241f;
  border-radius: 30px;
  background: white; 
}

.tab {
  flex: 1;
  text-align: center;
  padding: 10px;
  background-color:white;
  cursor: pointer;
  user-select: none;
  border-radius: 25px;
}

.tab:hover {
  background-color:#c2e0c0;
}


.tab-content {
  display: none;
  padding: 20px;
}



.user-input, .user-log{
  display: block;
  width: 100%;
  margin: 10px 0;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
}

.user-log {
  background-color: #358c47;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.3s;
}



#signup {
  display: block;
}
.forgot{
  text-align: center;
}
.loginbottom{
  position: absolute;
  bottom: 10px;
  margin-left: 8rem;
}
.signupbottom{
  position: absolute;
  bottom: 10px;
  margin-left: 8rem;
}
.form-forgot{
  height: 300px;
  width: 500px;
  position: relative;
  margin: 6% auto;
  background:#c2e0c0;
  border-radius:30px ;
  overflow: hidden;
  padding: 20px;
}
.form-forgot h4{
  color:#358c47 ;
}
.reset-pass{
  display: block;
  width: 100%;
  margin: 40px 0;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
}
.forgot-send{
  background-color: #358c47;
  color: #fff;
  cursor: pointer;
  width: 100%;
  margin: 10px 0;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 8px
}
@media (max-width:992px){
  .form-login{
    width: 360px;
  }
  .tabs{
    width: 225px;
  }
  .loginbottom {
    margin-left: 3rem;
  }
  .signupbottom{
    margin-left: 3rem;
  }
  .form-forgot{
    width: 370px;
  }
  .map{
    width: 25rem;
    margin-left: 5px;
  }
}

.input-group>
:focus{
  z-index: 0 !important;
}
.form-controls {
    display: block;
    width: 47.3rem;
    padding: 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.departmentsearch{
    padding: 15px; 
   border: 1px solid;
   border-radius: 5px; 
   background: #fff;
  width: 100%;
 z-index: 999;
  display:none;
}
.searchresultdep{
  text-align: justify;
    font-weight: bold;
    padding-bottom: 9px;
   overflow-y: visibles;
    cursor: pointer;
     
}
.indexsearch{
    padding: 15px;
    border: 1px solid;
    border-radius: 5px;
    background: #fff;
    width: 50%;
    z-index: 999;
    display: none;
    margin: auto;
    height: auto;
    position: absolute;
    margin: auto;
    left: 0;
    overflow-x: hidden !important;
    right: 0;
        max-height: 208px;
}
.indexsearchgl {
    padding: 15px;
    border: 1px solid;
    border-radius: 5px;
    background: #fff;
    width: 100%;
    z-index: 999;
    display: none;
    margin: auto;
    height: auto;
    position: absolute;
    margin: auto;
    left: 0;
    overflow-x: hidden !important;
    right: 0;
    max-height: 208px;
    top: 255%;
    width: 300px;
}
.pricetext { font-size:18px; }
.searchimage{
  width: 30%;
}

.copy{
  font-size: small;
}
.footerimage{
  width: 60%;
}

/* submit page */
.submitinput{
  background: #d7e7d6;
  width: 100%;
  padding: 0.65rem;
  border: none;
  margin-bottom: 1rem;
  border-radius: 6px;
}
.selectsubmit{
  float: none;
  background: #d7e7d6;
  width: 100%;
  margin-bottom: 1rem;
}
.submitage{
  padding: 0.65rem;
  border: none;
  background: #d7e7d6;
  width: 100%;
 
  border-radius: 6px;
  margin-bottom: 1rem;
}
.searchadd { width:100%; padding:4px; border-radius:5px; border:1px solid #000; font-size:14px; }
.submitpin{
  padding: 0.65rem;
  border: none;
  background: #d7e7d6;
  width: 100%;
  border-radius: 6px;
  margin-bottom: 1rem;
}
.submitpage{
  background: #358c47;
    padding: 10px;
    color: white;
    border-radius: 6px;
    margin-bottom: 1rem;
    width: 100%;
}
.finaltest{
  background: #d4e6d5;
  height: 100%;
}
.totalsubmit{
  background: white;
  margin: 1rem;
  padding: 15px;
  border-radius: 30px;
}
.totalprice{
  position: relative;
  bottom: 0;
  width: 100%;
  
}
@media (max-width:992px){
  .submitinput{
    width: 100%;
  }
  .selectsubmit{
    width: 100%;
  }
  .submitage{
    width: 100%;
    margin-left: 0px;
    padding: 1rem;
  }
  .submitpin{
    width: 100%;
  }
  .submitpage{
    padding: 1rem 8rem 1rem 9rem;
  }
  .totalprice{
    position: inherit;
    width: 100%;
    margin-top: 5rem;
  }
  .indexsearch{
width: 97%;
  }
}
.slider {
  width: 80%;
  margin: 0 auto;
}
.slick-slide {
  margin: 0 10px;
  text-align: center;
}


.slick-prev:before, .slick-next:before {
  font-family: 'slick';
  font-size: 24px;
  line-height: 1;
  opacity: 0.75;
  color: #333;
}
.slick-prev:before {
  content: '❮';
}
.slick-next:before {
  content: '❯';
}
.slick-dots li button:before {
  font-family: slick;
  font-size: 35px !important;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: #000;
}
.checkclose{
  float: right;

}

/*Customer Dashboard CSS*/

.side-bar { min-height:300px; padding:20px; border-right: 1px solid #ccc; }
.sidbarmenu li { margin-bottom:5px; }



/*Custom Header CSS*/
.mainheader{
    background-image: url(../img//about/headerback.jpg);
    background-color: #358c47;
    background-repeat: no-repeat;
    cursor: pointer;
    box-shadow: -2px 4px 4px #ccc;

}
.bookalign{
    text-align: right;
}
.gmailalign{
    text-align: right;
}
.phonealign{
    text-align: right;
}
a { text-decoration:none !important }
li { margin-left:0px !important }
.userlogo a{
    color: white;
    font-weight: 400;
    font-size: 24px;
    transform: translateY(4px);
    display: inline-block;
    text-decoration: none;
    margin-top: 8px;
}
#depModal .modal-body { background: #fff; }
@media only screen and  (min-width: 768px) and (max-width: 991px) {
    .mainheader{
        background-image: url(../img//about/headerback.jpg);
        background-color: white;
      
    
    }
}


@media (max-width: 767px) {
    .mainheader{
        background-image: url(../img//about/headerback.jpg);
        background-color: white;
      
    
    }
    .serviceslide .slick-next {
      right: 0;
    }

    .serviceslide  .slick-prev {
       left: 0;
    }
}
@media (min-width: 1044px) and (max-width: 1080px)   {
    .bookbutton {
     font-size: 12px!important; 
     margin-top:12px
   }
}
.navbar-nav li.nav-item:hover a {
    text-decoration: underline !important;
}

/* Add this style to change the color of the nav-item on hover */
.navbar-nav li.nav-item:hover a {
    color: #d7e7d6 !important;
}


/*Custom CSS Nasir*/
/*label.error { display:none!important }*/
label {
    display: block;
    margin-top: -2px;
    margin-bottom: 10px;
    color: red;
    font-size: 12px;
}
input.error { border:1px solid red; }
textarea.error { border:1px solid red; }
.testimonial-container {
    
    overflow: hidden;
    margin-bottom: 10px;
}
.read-more-btn {
    display: none;
    cursor: pointer;
    color: black;
    font-size: 13px;
}

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

.search-dropdown {
    position: relative;
    cursor: pointer;
}

.search-box {
    display: none;
    position: absolute;
    top: 53px;
    left: 0;
    width: 300px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
    transform: translateY(-10px);
    z-index: 999;
}

.search-box.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.search-box input {
    padding: 12px;
    width: 90%;
    border: none;
    outline: none;
    transition: border-color 0.3s ease-in-out;
    float: left;
}

.search-box input:focus {
    border-color: #007bff;
}

.search-box button {
    padding: 0px;
    cursor: pointer;
    border: none;
    background: none;
    /* color: #fff; */
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    float: left;
    color: #000;

}

.search-box button:hover {
    background: none;
    color: #000;
}
p {
  line-height: 25px !important
}
.detailinput {
  margin-bottom: 0.5rem!important;
}
.borbottom { border-bottom:1px solid #fff; padding-top: 5px; }
.tp-footer__list ul li a:hover { text-decoration:underline !important; }
.searchresultdep li:hover { text-decoration:underline !important; }

.nav-link.active {
    text-decoration: underline !important;
    color: #d7e7d6 !important;
}
.txt-right { text-align:right }
.txt-left { text-align:left }
.serviceslide .slick-next {
  top: 35%;
}

.serviceslide  .slick-prev {
   top: 35%;
}
#countdownDisplay { font-size:12px; color:red }
.myaccountblock { background:#b3c3b6; padding:5px; border-radius:5px; color:#000; font-size: 12px; display:inline; }