@charset "UTF-8";
/*-----------------------------------------------------------------------------------

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

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

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

    01. THEME DEFAULT CSS
    02. HEADER CSS
    03. MEAN MENU CSS
    04. SLIDER CSS
	05. HERO CSS
	06. TEAM CSS
	07. SERVICES CSS
	08. PORTFOLIO CSS
	09. EVENT CSS
	10.	TESTIMONIAL CSS
	11. BRAND CSS
	12. CONTACT CSS
	13. BLOG CSS
	14. FOOTER CSS



**********************************************/
/*----------------------------------------*/
/*  01. THEME DEFAULT CSS START
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&display=swap");
:root {
  /**
  @font family declaration
  */
  --tp-ff-body: 'Manrope', sans-serif;
  --tp-ff-heading: 'Manrope', sans-serif;
  --tp-ff-p: 'Manrope', sans-serif;
  --tp-ff-fontawesome: "Font Awesome 5 Pro";
  /**
  @color declaration
  */
  --tp-common-white: #ffffff;
  --tp-common-black: #000;
  --tp-common-black-2: #241F1B;
  --tp-common-black-3: #212227;
  --tp-common-balck-4: #292930;
  --tp-common-black-5: #2D2621;
  --tp-heading-primary: #000;
  --tp-grey-1: #D0D0D0;
  --tp-grey-2: #F9F9F9;
  --tp-grey-3: #74696B;
  --tp-grey-4: #342E2A;
  --tp-text-body: #74696B;
  --tp-text-1: #74696B;
  --tp-text-2: #0D0D0D;
  --tp-text-3: #767270;
  --tp-text-4: #A89D9F;
  --tp-text-5: #787571;
  --tp-text-6: #8A879F;
  --tp-text-7: #B4B2B1;
  --tp-theme-primary: #7a1a4a;
  --tp-theme-secondary: #FF9B40;
  --tp-theme-1: #5BB286;
  --tp-theme-2: #8EA1E4;
  --tp-border-1: #0D0D0D;
  --tp-border-2: #F0F0F0;
  /**
  @font weight declaration
  */
  --tp-fw-normal: normal;
  --tp-fw-elight: 200;
  --tp-fw-light: 300;
  --tp-fw-regular: 400;
  --tp-fw-medium: 500;
  --tp-fw-sbold: 600;
  --tp-fw-bold: 700;
  --tp-fw-ebold: 800;
  --tp-fw-black: 900;
  /**
  @font size declaration
  */
  --tp-fz-body: 16px;
  --tp-fz-p: 16px;
  --tp-fz-h1: 40px;
  --tp-fz-h2: 36px;
  --tp-fz-h3: 24px;
  --tp-fz-h4: 20px;
  --tp-fz-h5: 16px;
  --tp-fz-h6: 14px;
}

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

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

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--tp-ff-heading);
  color: var(--tp-heading-primary);
  margin-top: 0px;
  font-weight: var(--tp-fw-sbold);
  line-height: 1.2;
  -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;
}

h1 {
  font-size: var(--tp-fz-h1);
}

h2 {
  font-size: var(--tp-fz-h2);
}

h3 {
  font-size: var(--tp-fz-h3);
}

h4 {
  font-size: var(--tp-fz-h4);
}

h5 {
  font-size: var(--tp-fz-h5);
}

h6 {
  font-size: var(--tp-fz-h6);
}

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

p {
  font-family: var(--tp-ff-p);
  font-size: var(--tp-fz-p);
  font-weight: var(--tp-fw-normal);
  color: var(--tp-text-body);
  margin-bottom: 15px;
  line-height: 26px;
}

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

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

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

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

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input {
  outline: none;
}

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

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

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

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

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

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

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

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

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

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

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

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

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

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

/*----------------------------------------
    Body Overlay 
-----------------------------------------*/
.body-overlay {
  background-color: var(--tp-common-black);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 98;
  right: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1s ease-out 0s;
  -moz-transition: all 1s ease-out 0s;
  -ms-transition: all 1s ease-out 0s;
  -o-transition: all 1s ease-out 0s;
  transition: all 1s ease-out 0s;
}
.body-overlay:hover {
  cursor: url(../img/icons/cross-out.png), pointer;
}

.body-overlay.opened {
  opacity: 0.7;
  visibility: visible;
}

/*----------------------------------------
    Progress Wrap
-----------------------------------------*/
@media (max-width: 575px) {
  .progress-wrap {
    right: 15px;
    bottom: 15px;
  }
}

.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: 50px;
  height: 50px;
  line-height: 46px;
  text-align: center;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  border: 2px solid #f1f1f1;
  font-size: 18px;
  font-weight: 600;
}
.basic-pagination ul li a:hover, .basic-pagination ul li a.current, .basic-pagination ul li span:hover, .basic-pagination ul li span.current {
  background: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}

.nice-select::after {
  border: none;
  background-color: transparent;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 0;
  right: 0;
  content: "\f107";
  font-family: var(--tp-ff-fontawesome);
  transform-origin: center;
  color: var(--tp-common-black);
  font-weight: 500;
  height: auto;
  width: auto;
}
.nice-select.open::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}

/* cart plus minus default style css */
.cart-plus,
.cart-minus {
  width: 25px;
  height: 30px;
  border: 2px solid var(--tp-border-1);
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
}
.cart-plus:hover,
.cart-minus:hover {
  cursor: pointer;
  color: var(--tp-common-white);
  background: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
}

.cart-input {
  height: 30px;
  width: 32px;
  text-align: center;
  font-size: 14px;
  border: none;
  border-top: 2px solid var(--tp-border-1);
  border-bottom: 2px solid var(--tp-border-1);
  display: inline-block;
  vertical-align: middle;
  margin: 0 -3px;
  padding-bottom: 0px;
}
.cart-input:focus {
  outline: none;
}

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

.tp-box__shadow {
  position: relative;
}
.tp-box__shadow::after {
  content: "";
  position: absolute;
  margin: 0 30px;
  width: 100%;
  display: inline-block;
  background-color: rgba(204, 204, 204, 0.56);
  filter: blur(32px);
  z-index: 1;
  opacity: 1;
  height: 20px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.tp-backtotop {
  position: fixed;
  bottom: 0;
  right: 40px;
  background: var(--tp-theme-primary);
  z-index: 6;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 16px;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  opacity: 0;
  transition: 0.6s;
  z-index: 99;
  font-size: 20px;
  border-radius: 5px;
}
.tp-backtotop.show {
  top: auto;
  bottom: 40px;
  opacity: 1;
}
.tp-backtotop:hover {
  background-color: var(--tp-theme-secondary);
}

/*--
    - Spacing
-----------------------------------------*/
/*----------------------------------------*/
/*  ALL CSS START
/*----------------------------------------*/
/* theme btn */
.tp-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--tp-common-white);
  background: var(--tp-theme-primary);
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 0 38px;
  text-transform: uppercase;
  border-radius: 5px;
  position: relative;
  letter-spacing: 1.4px;
}
.tp-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-secondary);
}

.tp-secondary-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--tp-common-white);
  background: var(--tp-theme-secondary);
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 0 38px;
  text-transform: uppercase;
  border-radius: 5px;
  position: relative;
  letter-spacing: 1.4px;
}
.tp-secondary-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
}

.tp-white-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--tp-common-black);
  background: var(--tp-common-white);
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding: 0 38px;
  text-transform: uppercase;
  border-radius: 5px;
  position: relative;
  letter-spacing: 1.4px;
}
.tp-white-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}

.tp-border-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--tp-common-black);
  background: var(--tp-common-white);
  height: 64px;
  line-height: 64px;
  text-align: center;
  padding: 0 38px;
  text-transform: uppercase;
  border-radius: 5px;
  position: relative;
  letter-spacing: 1.4px;
  border: 1px solid #F0F0F0;
  border-radius: 5px;
}
.tp-border-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}

/* read more btn */
.tp-readmore-btn {
  font-size: 15px;
  font-weight: 600;
  padding: 5px 15px;
  background-color: rgba(255, 68, 96, 0.15);
  letter-spacing: -0.01rem;
  display: inline-block;
  color: var(--tp-theme-primary);
  border-radius: 5px;
  -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;
}
.tp-readmore-btn:hover {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}

.cta-white-btn {
  height: 105px;
  width: 100%;
  text-align: center;
  color: var(--tp-text-6);
  background-color: var(--tp-common-white);
  text-transform: uppercase;
  display: inline-block;
  line-height: 105px;
  border-radius: 50px;
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 40px;
  letter-spacing: 0.1em;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.cta-white-btn::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  width: 0;
  height: 5px;
  display: inline-block;
  border-radius: 50px;
  background-color: var(--tp-theme-primary);
  z-index: -1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.cta-white-btn:hover {
  color: var(--tp-common-black-2);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.cta-white-btn:hover::before {
  height: 5px;
  width: 100%;
}

.tp-contact-btn {
  font-size: 20px;
  color: var(--tp-common-white);
}
.tp-contact-btn span {
  margin-left: 20px;
}
.tp-contact-btn:hover {
  color: var(--tp-theme-primary);
}

/* pulse btn */
.pulse-btn {
  display: inline-block;
  width: 112px;
  height: 112px;
  line-height: 112px;
  text-align: center;
  background-color: var(--tp-common-white);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: var(--tp-common-black);
  animation: pulse 2s infinite;
}
.pulse-btn i,
.pulse-btn svg {
  padding-left: 2px;
}
@media (max-width: 575px), (max-width: 575px) {
  .pulse-btn {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}

/* hambur btn */
.hamburger-btn {
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  background: transparent;
  border: 0;
  outline: 0;
  transform: scale(1.5);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .hamburger-btn {
    transform: scale(1);
  }
}
.hamburger-btn span {
  display: inline-block;
  width: 100%;
  background: var(--tp-common-black);
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  opacity: 1;
  left: 0;
  z-index: 1;
}
.hamburger-btn span:nth-child(1) {
  top: 0;
}
.hamburger-btn span:nth-child(2) {
  top: 10px;
}
.hamburger-btn span:nth-child(3) {
  top: 20px;
}

/* link btn style 1 */
.link-btn {
  position: relative;
  display: inline-block;
  font-size: 18px;
  color: var(--tp-text-3);
  background: transparent;
  border: 1px solid var(--tp-border-2);
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 48px;
  padding-right: 25px;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  overflow: hidden;
}
.link-btn i {
  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%);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
}
.link-btn i:last-child {
  left: 0%;
  visibility: hidden;
  opacity: 0;
}
.link-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
}
.link-btn:hover i {
  left: 100%;
  visibility: hidden;
  opacity: 0;
}
.link-btn:hover i:last-child {
  left: 50%;
  visibility: visible;
  opacity: 1;
}

/* link btn style 2 */
.link-btn-2 {
  position: relative;
  font-size: 16px;
  color: var(--tp-text-1);
  font-weight: 500;
  padding-right: 21px;
  display: inline-block;
}
.link-btn-2 i {
  font-size: 14px;
  position: absolute;
  top: 12px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
}
.link-btn-2 i:first-child {
  right: 10%;
  visibility: hidden;
  opacity: 0;
}
.link-btn-2 i:last-child {
  right: 0;
}
.link-btn-2:hover {
  color: var(--tp-theme-primary);
}
.link-btn-2:hover i:first-child {
  right: 0;
  visibility: visible;
  opacity: 1;
}
.link-btn-2:hover i:last-child {
  right: -10%;
  visibility: hidden;
  opacity: 0;
}
.link-btn-2.link-prev {
  padding-right: 0;
  padding-left: 21px;
}
.link-btn-2.link-prev i:first-child {
  left: 10%;
  right: auto;
}
.link-btn-2.link-prev i:last-child {
  left: 0;
  right: auto;
}
.link-btn-2.link-prev:hover i:first-child {
  left: 0%;
  right: auto;
}
.link-btn-2.link-prev:hover i:last-child {
  left: -10%;
  right: auto;
}

/*----------------------------------------*/
/*  00. BLOG CSS START
/*----------------------------------------*/
/* 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 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);
  }
}
@-moz-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);
  }
}
@-ms-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 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);
  }
}
@-webkit-keyframes tpswing2 {
  0% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}
@-moz-keyframes tpswing2 {
  0% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}
@-ms-keyframes tpswing2 {
  0% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}
@keyframes tpswing2 {
  0% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
}
@-webkit-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);
  }
}
@-moz-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);
  }
}
@-ms-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 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);
  }
}
/*----------------------------------------*/
/*  PRELOADER CSS START
/*----------------------------------------*/
.tp-preloader {
  background-color: var(--tp-common-white);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9999;
  left: 0;
  opacity: 1;
  visibility: visible;
  -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;
}
.tp-preloader__center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.tp-preloader img, .tp-preloader svg {
  width: 150px;
}
.tp-preloader svg .path-1 {
  animation: tpswing2 1s ease-in-out 1s forwards infinite alternate;
}
.tp-preloader svg .path-2 {
  animation: tpswing 1s ease-in-out 1s forwards infinite alternate;
}
.tp-preloader svg .path-3 {
  animation: 1 1s ease-in-out 1s forwards infinite alternate;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* tp slick arrow */
/*----------------------------------------*/
/*  OFFCANVAS CSS START
/*----------------------------------------*/
.offcanvas__logo img {
  max-width: 128px;
}
.offcanvas__area {
  position: fixed;
  right: -490px;
  top: 0;
  width: 450px;
  height: 100%;
  background: var(--tp-common-white) none repeat scroll 0 0;
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 1s;
  z-index: 9999;
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
  overflow-y: scroll;
  min-width: 300px;
  min-height: 768px;
  background-size: cover;
  background-color: var(--tp-common-black-2);
}
.offcanvas__area::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}
.offcanvas__area.offcanvas-opened {
  right: 0px;
}
@media (max-width: 575px) {
  .offcanvas__area {
    width: 290px;
  }
}
.offcanvas__wrapper {
  position: relative;
  padding: 45px;
  overflow: auto;
  width: 100%;
  height: 100%;
  scrollbar-width: none;
}
.offcanvas__wrapper .tp-btn {
  height: 45px;
  line-height: 45px;
}
@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 20px;
  }
}
.offcanvas__close-btn {
  display: inline-block;
  font-size: 16px;
  height: 40px;
  width: 40px;
  line-height: 36px;
  background: var(--tp-theme-primary);
  color: #fff;
}
.offcanvas__close-btn:hover {
  background: var(--tp-theme-secondary);
}
.offcanvas-info p {
  margin-bottom: 40px;
  color: var(--tp-common-white);
}
.offcanvas__top {
  padding-bottom: 20px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .offcanvas__top {
    margin-bottom: 0;
  }
}
.offcanvas__cta {
  position: absolute;
  bottom: 0;
}
.offcanvas__cta-2 {
  position: static;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .offcanvas__cta {
    position: static;
  }
}
.offcanvas__cta-title {
  color: var(--tp-common-white);
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  line-height: 22px;
  margin-bottom: 20px;
}
.offcanvas__cta span {
  display: block;
  font-size: 16px;
  color: var(--tp-common-white);
  margin-bottom: 15px;
}
.offcanvas__cta span a:hover {
  color: var(--tp-theme-primary);
}

/*----------------------------------------*/
/*  BREADCRUMB CSS START
/*----------------------------------------*/
.breadcrumb__section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.breadcrumb__title {
  font-size: 48px;
  color: var(--tp-common-white);
}
.breadcrumb__title-2 {
  font-size: 50px;
  line-height: 1.1;
  margin-top: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .breadcrumb__title-2 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .breadcrumb__title-2 {
    font-size: 26px;
  }
}
.breadcrumb__title-pre {
  display: inline-block;
  height: 24px;
  line-height: 26px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  background: var(--tp-theme-secondary);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0 7px;
  margin-bottom: 12px;
}
.breadcrumb__list span {
  font-size: 16px;
  color: var(--tp-common-white);
  font-weight: 500;
  padding-right: 3px;
  margin-right: 3px;
  text-transform: capitalize;
}
.breadcrumb__list span a:hover {
  color: var(--tp-theme-primary);
}
.breadcrumb__list-2 span {
  font-size: 14px;
  color: var(--tp-text-11);
  font-weight: 500;
  padding-right: 3px;
  margin-right: 3px;
  text-transform: capitalize;
}
.breadcrumb__list-2 span a:hover {
  color: var(--tp-theme-primary);
}
.breadcrumb__overlay {
  position: relative;
}
.breadcrumb__overlay::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90.1deg, rgba(36, 31, 27, 0.99) 9.35%, rgba(36, 31, 27, 0.51) 51.74%, rgba(36, 31, 27, 0) 62.35%);
}

.tp-custom-accordio .accordion-items {
  margin-bottom: 20px;
  border: 1px solid #F2F5FA;
}
.tp-custom-accordio .accordion-buttons {
  position: relative;
  width: 100%;
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  padding: 40px;
  padding-bottom: 20px;
  background-color: var(--tp-common-white);
  color: #212121;
  border-radius: 10px 10px 0 0;
}
@media (max-width: 575px) {
  .tp-custom-accordio .accordion-buttons {
    font-size: 17px;
    padding: 28px 20px;
  }
}
.tp-custom-accordio .accordion-buttons::after {
  position: absolute;
  content: "\f063";
  font-family: "Font Awesome 5 Pro";
  background-image: none;
  top: auto;
  right: 40px;
  color: var(--tp-theme-primary);
  width: auto;
  height: auto;
  font-weight: 300;
  font-size: 20px;
}
@media (max-width: 575px) {
  .tp-custom-accordio .accordion-buttons::after {
    top: 33px;
    right: 18px;
  }
}
.tp-custom-accordio .accordion-buttons.collapsed {
  padding: 40px;
}
.tp-custom-accordio .accordion-buttons.collapsed::after {
  content: "\f062";
  color: var(--tp-common-black);
}
.tp-custom-accordio .collapsed {
  border-radius: 10px 10px 10px 10px;
}
.tp-custom-accordio .accordion-body {
  background-color: var(--tp-common-white);
  padding: 0;
  position: relative;
  z-index: 1;
  font-size: 16px;
  padding: 40px;
  padding-top: 0;
  padding-right: 80px;
  border-bottom: 4px solid var(--tp-theme-primary);
}
@media (max-width: 575px) {
  .tp-custom-accordio .accordion-body {
    padding: 20px 25px;
  }
}

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

/*----------------------------------------*/
/*  NAV TAB CSS START
/*----------------------------------------*/
.tp-tab .nav-tabs {
  padding: 0;
  margin: 0;
  border: 0;
}
.tp-tab .nav-tabs .nav-link {
  padding: 0;
  margin: 0;
  border: 0;
}

/*----------------------------------------*/
/*  MODAL CSS START
/*----------------------------------------*/
/*----------------------------------------*/
/*  SECTION TITLE CSS START
/*----------------------------------------*/
.tp-section__subtitle {
  color: var(--tp-text-1);
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
  display: inline-block;
}
.tp-section__subtitle.has-circle-border:before {
  content: "";
  width: 12.1px;
  height: 12px;
  background: var(--tp-theme-primary);
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
}
.tp-section__title {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1.2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-section__title br {
    display: none;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-section__title {
    line-height: 1;
    font-size: 40px;
  }
}
.tp-section__title-lg {
  font-size: 55px;
  line-height: 1.2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section__title-lg {
    font-size: 50px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-section__title-lg {
    font-size: 40px;
  }
}
.tp-section__title span {
  font-weight: 300;
}
.tp-section__title.has-border::before {
  content: "";
  width: 45px;
  margin-right: 20px;
  display: inline-block;
  border-bottom: 4px solid var(--tp-theme-primary);
}
.tp-section__details {
  color: var(--tp-text-1);
  font-size: 18px;
  font-weight: 500;
}
.tp-section__details a {
  color: var(--tp-theme-primary);
  font-weight: 700;
  text-transform: uppercase;
}
.tp-section__details a:hover {
  color: var(--tp-theme-secondary);
}
.tp-section__details a i {
  margin-left: 10px;
}
.tp-section__list ul li {
  font-size: 15px;
  font-weight: 500;
  list-style: none;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}
.tp-section__list ul li span {
  position: absolute;
  left: 0;
  color: var(--tp-theme-secondary);
}
.tp-section__title_wrapper p {
  color: var(--tp-text-1);
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 40px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section__title_wrapper {
    margin-right: 0;
  }
}

.tp-section__inner-title {
  font-size: 42px;
  margin-bottom: 25px;
}
.tp-section__inner-list ul li {
  font-size: 15px;
  font-weight: 500;
  list-style: none;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  color: var(--tp-text-1);
}
.tp-section__inner-list ul li span {
  position: absolute;
  left: 0;
  color: var(--tp-theme-primary);
}
.tp-section__inner-content h4 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 25px;
  letter-spacing: -0.01em;
  text-transform: capitalize;
}
.tp-section__inner-content p {
  margin-bottom: 30px;
}

/*----------------------------------------*/
/*  02. HEADER CSS START
/*----------------------------------------*/
.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 97;
  background-color: var(--tp-common-white);
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}

.tp-header__top {
  padding: 15px 0;
  color: var(--tp-common-white);
}
.tp-header__top-spacing {
  padding-left: 160px;
  padding-right: 160px;
}
.tp-header__top-contact span svg {
  margin-right: 20px;
}
.tp-header__top-contact span b {
  opacity: 0.6;
}
.tp-header__top-contact span a:hover {
  color: var(--tp-theme-secondary);
}
.tp-header__top-time span {
  margin-right: 40px;
}
.tp-header__top-time span:last-child {
  margin-right: 0;
}
.tp-header__main.tp-header-custom-space {
  padding: 0 110px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__main.tp-header-custom-space {
    padding: 0 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__main.tp-header-custom-space {
    padding: 0 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__main.tp-header-custom-space {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header__main.tp-header-custom-space {
    padding: 40px 20px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-header__main.tp-header-custom-space {
    padding: 40px 0;
  }
}
.tp-header__main.tp-header-custom-space-2 {
  padding: 0 150px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header__main.tp-header-custom-space-2 {
    padding: 0 120px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__main.tp-header-custom-space-2 {
    padding: 0 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__main.tp-header-custom-space-2 {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header__main.tp-header-custom-space-2 {
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-header__main.tp-header-custom-space-2 {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header__main-right {
    transform: scale(0.8);
  }
}
.tp-header__transparent {
  position: fixed !important;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  z-index: 99;
  background: transparent;
}
.tp-header__info ul li {
  list-style: none;
  display: inline-block;
  margin-right: 20px;
}
.tp-header__info ul li:last-child {
  margin-right: 0;
}
.tp-header__info ul li a {
  color: var(--tp-text-2);
  font-size: 13px;
}
.tp-header__info ul li a:hover {
  color: var(--tp-theme-primary);
}
.tp-header__info ul li a i {
  margin-right: 5px;
}
.tp-header__info ul li a svg {
  width: 13px;
  height: 13px;
  margin-right: 5px;
}
.tp-header__info ul li a svg path {
  fill: var(--tp-text-4);
}
.tp-header__border {
  border-bottom: 1px solid rgba(3, 18, 32, 0.07);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header__search-btns {
    margin-right: 20px;
  }
}
.tp-header__search-btns.show .tp-header__search-open {
  transform: scale(0);
  opacity: 0;
}
.tp-header__search-btns.show .tp-header__search-close {
  transform: scale(1);
}
.tp-header__search-toggle {
  width: 60px;
  height: 60px;
  background-color: var(--tp-theme-secondary);
  border-radius: 50%;
  color: white;
  font-size: 22px;
  transform-origin: center;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
}
.tp-header__search-open {
  -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;
}
.tp-header__search-close {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  transform: translate(-50%, -50%);
  transform: scale(0);
  -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;
}
.tp-header__search-form {
  margin-top: 10px;
  position: absolute;
  right: 0;
  top: 100%;
  width: 400px;
  padding: 40px;
  background-color: var(--tp-common-black-2);
  z-index: 19;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tp-header__search-form.show {
  margin-top: 30px;
  opacity: 1;
  visibility: visible;
}
.tp-header__search-form form {
  position: relative;
}
.tp-header__search-form form input {
  height: 60px;
  width: 100%;
  padding-right: 60px;
  padding-left: 5px;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid grey;
  color: var(--tp-common-white);
}
.tp-header__search-form form input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.411);
}
.tp-header__search-form form input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.411);
}
.tp-header__search-form form input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.411);
}
.tp-header__search-form form input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.411);
}
.tp-header__search-form form button {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--tp-common-white);
}
.tp-header__hamburger {
  margin-top: 3px;
}
.tp-header__action ul li {
  list-style: none;
}
.tp-header__action ul li a {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 38px;
  text-align: center;
  border: 2px solid rgba(12, 20, 15, 0.08);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.tp-header__action ul li a:hover {
  border-color: var(--tp-common-black-3);
}
.tp-header__sticky.header__sticky {
  position: fixed !important;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  z-index: 99;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  background: var(--tp-common-white);
}
.tp-header__lang .nice-select {
  padding: 0;
  padding-right: 17px;
  font-size: 15px;
  border: 0;
  color: var(--tp-text-11);
}
.tp-header__lang .nice-select .current {
  color: var(--tp-text-11);
  font-size: 15px;
}
.tp-header__lang .nice-select::after {
  right: 0;
  border-width: 1.5px;
  border-color: var(--tp-text-11);
  height: 6px;
  width: 6px;
  margin-top: -6px;
}
.tp-header__lang .nice-select .list {
  border-radius: 0;
  margin-top: 0;
  left: auto;
  right: 0;
}
.tp-header__lang .nice-select .list .option:hover, .tp-header__lang .nice-select .list .option.selected.focus {
  color: var(--tp-theme-3);
}
.tp-header__social ul li {
  display: inline-block;
  margin-right: 5px;
}
.tp-header__social ul li:last-child {
  margin-right: 0;
}
.tp-header__social ul li a {
  font-size: 14px;
  color: var(--tp-black-2);
  display: inline-block;
}
.tp-header__social ul li a:hover {
  color: var(--tp-theme-primary);
}

.tp-header__main-right-3 .tp-header__search-toggle {
  width: 60px;
  height: 60px;
  background-color: transparent;
  color: var(--tp-common-black);
  border-radius: 50%;
  border: 1px solid #EFEFEF;
}
.tp-header__main-right-3 .header__hamburger {
  width: 60px;
  height: 60px;
  line-height: 60px;
  background-color: var(--tp-theme-primary);
  text-align: center;
  border-radius: 50%;
}
.tp-header__main-right-3 .header__hamburger .hamburger-btn {
  transform: scale(1);
}
.tp-header__main-right-3 .header__hamburger .hamburger-btn b {
  font-size: 22px;
  color: var(--tp-common-white);
}

/* logo */
/* main menu css */
.main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-right: 80px;
  text-align: start;
}
.main-menu ul li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .main-menu ul li {
    margin-right: 65px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .main-menu ul li {
    margin-right: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-menu ul li {
    margin-right: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li {
    margin-right: 30px;
  }
}
.main-menu ul li a {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: var(--tp-common-black-2);
  padding: 50px 0;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.main-menu ul li.has-dropdown > a {
  position: relative;
}
.main-menu ul li.has-dropdown > a::after {
  content: "\f107";
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 14px;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-fontawesome);
  font-weight: 400;
  margin-left: 5px;
  display: inline-block;
  -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;
}
.main-menu ul li .submenu {
  padding: 20px 0;
  position: absolute;
  top: 120%;
  left: 0;
  width: 230px;
  background: var(--tp-common-white);
  z-index: 99;
  -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;
  visibility: hidden;
  opacity: 0;
  border-top: 4px solid var(--tp-theme-primary);
  -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -moz-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -ms-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -o-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
}
.main-menu ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
}
.main-menu ul li .submenu li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.main-menu ul li .submenu li a {
  padding: 5px 25px;
  font-size: 13px;
  position: relative;
  z-index: 1;
  color: var(--tp-common-black);
  width: 100%;
}
.main-menu ul li .submenu li a::before {
  position: absolute;
  content: "";
  top: 0;
  left: auto;
  right: 0;
  width: 0;
  height: 100%;
  z-index: -1;
}
.main-menu ul li .submenu li .submenu {
  left: 120%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.main-menu ul li .submenu li:hover > a {
  color: var(--tp-theme-primary);
}
.main-menu ul li .submenu li:hover > a::after {
  color: var(--tp-theme-primary);
}
.main-menu ul li .submenu li:hover > a::before {
  left: 0;
  right: auto;
  width: 100%;
}
.main-menu ul li .submenu li:hover > .submenu {
  left: 100%;
  visibility: visible;
  opacity: 1;
}
.main-menu ul li:hover > a {
  color: var(--tp-theme-primary);
}
.main-menu ul li:hover > a::after {
  color: var(--tp-theme-primary);
  transform: rotate(-180deg);
}
.main-menu ul li:hover > .submenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu.center-logo-menu ul li {
    margin-right: 30px;
  }
}
.main-menu.center-logo-menu ul li:nth-child(4) {
  margin-left: 700px;
}
@media only screen and (min-width: 1700px) and (max-width: 1820px) {
  .main-menu.center-logo-menu ul li:nth-child(4) {
    margin-left: 600px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1699px) {
  .main-menu.center-logo-menu ul li:nth-child(4) {
    margin-left: 500px;
  }
}
@media only screen and (min-width: 1500px) and (max-width: 1599px) {
  .main-menu.center-logo-menu ul li:nth-child(4) {
    margin-left: 400px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1499px) {
  .main-menu.center-logo-menu ul li:nth-child(4) {
    margin-left: 400px;
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1399px) {
  .main-menu.center-logo-menu ul li:nth-child(4) {
    margin-left: 450px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1299px) {
  .main-menu.center-logo-menu ul li:nth-child(4) {
    margin-left: 350px;
  }
}
@media only screen and (min-width: 1150px) and (max-width: 1199px) {
  .main-menu.center-logo-menu ul li:nth-child(4) {
    margin-left: 380px;
  }
}
@media only screen and (min-width: 1100px) and (max-width: 1149px) {
  .main-menu.center-logo-menu ul li:nth-child(4) {
    margin-left: 350px;
  }
}
@media only screen and (min-width: 1011px) and (max-width: 1099px) {
  .main-menu.center-logo-menu ul li:nth-child(4) {
    margin-left: 275px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1010px) {
  .main-menu.center-logo-menu ul li:nth-child(4) {
    margin-left: 245px;
  }
}
.main-menu.center-logo-menu ul li ul li:nth-child(4) {
  margin-left: 0;
}

.tp-center-logo {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  text-align: center;
  z-index: 15;
  display: inline-block;
  left: 48%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-center-logo {
    left: 46%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-center-logo {
    position: static;
    transform: 0;
  }
}

/*----------------------------------------*/
/*  03. MEAN MENU CSS START
/*----------------------------------------*/
/* 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: 10px 0;
  color: var(--tp-common-white);
  border-top: 1px solid #5c5c5c;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--tp-theme-primary);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 5px;
  padding: 0 !important;
  line-height: 14px;
  border: 1px solid #ebebeb !important;
  height: 30px;
  width: 30px;
  line-height: 30px;
  color: var(--tp-common-white);
  line-height: 30px;
  top: 0;
  font-weight: 400;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background: var(--tp-theme-primary);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-primary);
}

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

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

/*----------------------------------------*/
/*  03. SLIDER CSS
/*----------------------------------------*/
.slider__height {
  min-height: 850px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__height {
    min-height: 750px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__height {
    min-height: 650px;
  }
}
@media (max-width: 575px) {
  .slider__height {
    min-height: 450px;
  }
}
.slider__overlay {
  position: relative;
  z-index: 1;
}
.slider__overlay::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: auto;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  background-color: var(--tp-common-black);
  background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.8;
  z-index: -1;
}
.slider__title {
  font-size: 100px;
  color: var(--tp-common-white);
  font-weight: var(--tp-fw-bold);
  text-transform: uppercase;
  line-height: 1.1;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__title {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .slider__title {
    font-size: 45px;
  }
}
.slider__title-pre {
  font-size: 18px;
  font-weight: 500;
  color: var(--tp-common-white);
  display: inline-block;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.slider__content p {
  font-size: 18px;
  line-height: 28px;
  color: var(--tp-common-white);
  margin-bottom: 45px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider__pagination {
    display: none;
  }
}
.slider__pagination button {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.slider__pagination button.slider-button-next {
  left: auto;
  right: 0;
}
.slider__dot {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 9;
  text-align: center;
}
.slider__dot .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: var(--tp-common-white);
  margin: 0 8px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.slider-play-btn {
  font-size: 14px;
  color: var(--tp-common-dark-3);
  text-transform: capitalize;
  font-weight: 700;
}
@media (max-width: 575px) {
  .slider-play-btn {
    display: block;
  }
}
.slider-play-btn .slider-play-btn-icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: var(--tp-common-white);
  color: var(--tp-common-dark-3);
  border-radius: 50%;
}
.slider-play-btn .slider-play-btn-text {
  margin-left: 20px;
}
.slider-play-btn:hover {
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  05. HERO CSS
/*----------------------------------------*/
.tp-hero__section {
  padding-top: 180px;
  padding-bottom: 280px;
  background-size: cover;
  background-position: bottom;
}
.tp-hero__contact-info {
  padding: 30px 60px;
  display: inline-block;
  border-radius: 30px 30px 0 0;
  position: absolute;
  bottom: 0;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero__contact-info {
    display: none;
  }
}
.tp-hero__contact-title {
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
  color: var(--tp-text-1);
  padding-right: 50px;
  margin-right: 30px;
  border-right: 1px solid rgba(13, 13, 13, 0.2);
}
.tp-hero__contact-title span {
  display: inline-block;
  padding-right: 30px;
}
.tp-hero__contact-action a {
  display: block;
  color: var(--tp-text-2);
  font-weight: 600;
  font-size: 15px;
}
.tp-hero__contact-action a:hover {
  color: var(--tp-theme-primary);
}

.tp-hero-2__section {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 575px) {
  .tp-hero-2__section {
    margin-right: 15px;
    margin-left: 15px;
  }
}
.tp-hero__section {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.tp-hero__overlay ::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background-image: linear-gradient(90.1deg, #241F1B 9.35%, rgba(36, 31, 27, 0.51) 51.74%, rgba(36, 31, 27, 0) 62.35%);
  background-repeat: no-repeat;
  z-index: -1;
  opacity: 0.3;
}
.tp-hero__title {
  font-size: 80px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-bottom: 35px;
}
.tp-hero__title span {
  font-weight: 300;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero__title {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .tp-hero__title {
    font-size: 50px;
  }
}
.tp-hero-title-wrapper p {
  color: var(--tp-grey-1);
  font-size: 20px;
  line-height: 1.6;
  padding-right: 10px;
  margin-bottom: 30px;
}
.tp-hero__video-btn {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-shapes {
    display: none;
  }
}

.tp-hero-shape-1 {
  position: absolute;
  left: 60px;
  top: 60px;
}
.tp-hero-shape-2 {
  position: absolute;
  left: 160px;
  top: 360px;
}
.tp-hero-shape-3 {
  position: absolute;
  left: 60px;
  top: 660px;
}
.tp-hero-shape-4 {
  position: absolute;
  right: 60px;
  top: 60px;
}
.tp-hero-shape-5 {
  position: absolute;
  right: 160px;
  top: 360px;
}
.tp-hero-shape-6 {
  position: absolute;
  right: 60px;
  top: 660px;
}

/*----------------------------------------*/
/*  06. TEAM CSS
/*----------------------------------------*/
.tp-team__member:hover .tp-team__content {
  top: auto;
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
.tp-team__content {
  padding: 30px 25px;
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: visible;
  z-index: 2;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tp-team__content .cat {
  color: var(--tp-theme-primary);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 30px;
}
.tp-team__content .cat a:hover {
  color: var(--tp-theme-secondary);
}
.tp-team__title {
  font-size: 18px;
}
.tp-team__title span {
  font-weight: 300;
}
.tp-team__title a:hover {
  color: var(--tp-theme-secondary);
}
.tp-team__btn a {
  display: inline-block;
}
.tp-team__btn a svg circle {
  color: var(--tp-theme-primary);
}
.tp-team__btn a svg path {
  color: var(--tp-common-black);
}
.tp-team__btn a:hover {
  transform: rotate(36deg);
}
.tp-team__btn a:hover svg circle {
  color: var(--tp-common-black);
}
.tp-team__btn a:hover svg path {
  color: var(--tp-theme-primary);
}

.tp-team-3__member:hover .tp-team-3__content {
  top: auto;
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
.tp-team-3__content {
  padding: 20px 25px;
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: visible;
  z-index: 2;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tp-team-3__content .cat {
  color: var(--tp-common-white);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 30px;
}
.tp-team-3__content::before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  display: inline-block;
  background-color: var(--tp-theme-primary);
  z-index: -1;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
.tp-team-3__content::after {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  display: inline-block;
  background-color: var(--tp-theme-secondary);
  z-index: -2;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.tp-team-3__title {
  font-size: 18px;
  color: var(--tp-common-white);
}
.tp-team-3__title span {
  font-weight: 300;
}
.tp-team-3__title a {
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
}
.tp-team-3__title a:hover {
  background-size: 0% 1px, 100% 1px;
}
.tp-team-3__btns {
  margin-bottom: 20px;
}
.tp-team-3__btns a {
  margin: 9px;
  display: inline-block;
  width: 40px;
  height: 40px;
  color: rgba(0, 0, 0, 0.45);
  background-color: var(--tp-common-white);
  line-height: 40px;
  border-radius: 5px;
  -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;
}
@media (max-width: 575px) {
  .tp-team-3__btns a {
    margin: 2px;
  }
}
.tp-team-3__btns a:hover {
  color: var(--tp-common-black);
}

.tp-team__inner-name {
  font-size: 30px;
  line-height: 1;
  margin-bottom: 0;
}
.tp-team__inner-content span {
  color: var(--tp-theme-primary);
  display: inline-block;
  margin-bottom: 25px;
  font-weight: 700;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-team__inner-content-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}
.tp-team__inner-social ul li {
  list-style: none;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-team__inner-social ul li {
    display: inline-block;
    margin-right: 10px;
  }
}
.tp-team__inner-social ul li:last-child {
  margin-right: 0;
}
.tp-team__inner-social ul li a {
  width: 55px;
  height: 55px;
  background-color: var(--tp-common-white);
  color: rgba(36, 31, 27, 0.3);
  font-size: 15px;
  display: inline-block;
  border: 1px solid;
  border-radius: 50%;
  text-align: center;
  line-height: 55px;
}
.tp-team__inner-social ul li a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  border-color: transparent;
}
.tp-team__inner-experience P {
  font-size: 18px;
  margin-bottom: 25px;
}
.tp-team__inner-experience P b {
  color: #030A39;
  font-weight: 400;
}
.tp-team__inner-experience P a:hover {
  color: var(--tp-theme-primary);
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ac-ab-img {
    margin-bottom: 30px;
  }
}

/*----------------------------------------*/
/*  07. SERVICES CSS
/*----------------------------------------*/
@media (max-width: 575px) {
  .tp-service__section {
    margin-right: 15px;
    margin-left: 15px;
  }
}

.tp-service__box-item {
  padding: 35px 40px;
  border-radius: 10px;
  position: relative;
  z-index: 3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-service__box-item {
    padding: 35px 25px;
  }
}
.tp-service__box-item:hover .tp-service__box-icon::after {
  opacity: 1;
}
.tp-service__box-item-2 {
  padding: 60px;
  border-radius: 10px;
  position: relative;
  z-index: 3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-service__box-item-2 {
    padding: 35px 25px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-service__box-item-2 {
    padding: 30px 20px;
  }
}
.tp-service__box-item-2:hover .tp-service__box-icon::after {
  opacity: 1;
}
.tp-service__box__item-2 {
  padding: 30px;
  background-color: white;
}
.tp-service__box-shadow {
  position: relative;
}
.tp-service__box-shadow::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 80%;
  display: inline-block;
  background-color: rgba(174, 150, 150, 0.56);
  filter: blur(44px);
  z-index: 1;
  opacity: 0;
  height: 0;
  -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;
}
.tp-service__box-shadow:hover::after {
  opacity: 1;
  height: 38px;
}
.tp-service__box-icon-wrapper {
  margin-right: 80px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service__box-icon-wrapper {
    margin-right: 50px;
  }
}
.tp-service__box-icon {
  display: inline-block;
  position: relative;
  margin-bottom: 30px;
  position: relative;
  font-size: 55px;
  line-height: 1;
}
.tp-service__box-icon:after {
  content: "";
  position: absolute;
  width: 31px;
  height: 31px;
  left: 60%;
  bottom: 0;
  border-radius: 50%;
  z-index: -1;
  opacity: 0.5;
  -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;
}
.tp-service__box-icon-color-1::after {
  background-color: var(--tp-theme-primary);
}
.tp-service__box-icon-color-2::after {
  background-color: var(--tp-theme-1);
}
.tp-service__box-icon-color-3::after {
  background-color: var(--tp-theme-secondary);
}
.tp-service__box-icon-color-4::after {
  background-color: var(--tp-theme-2);
}
.tp-service__box-icon-2 {
  font-size: 71px;
  margin-bottom: 0;
}
.tp-service__box-icon-2::after {
  width: 58px;
  height: 58px;
  bottom: 10px;
  left: 50%;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-service__box-icon-2 {
    margin-bottom: 30px;
  }
}
.tp-service__box-title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1.3;
}
.tp-service__box-title a:hover {
  color: var(--tp-theme-secondary);
}
.tp-service__box-title span {
  font-weight: 300;
}
.tp-service__box-title-lg {
  font-size: 28px;
}
.tp-service__box-btn {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--tp-theme-primary);
}
.tp-service__box-btn:hover {
  color: var(--tp-theme-secondary);
}
.tp-service__box-content p {
  color: var(--tp-grey-3);
  font-size: 18px;
}

.services-widget-banner {
  position: relative;
  background-color: var(--tp-grey-4);
  z-index: 1;
  padding: 50px 25px 35px;
}
.services-widget-banner .services-banner-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.services-widget-banner .services-banner-content {
  text-align: center;
}
.services-widget-banner .services-banner-content span {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 5px;
}
.services-widget-banner .services-banner-content h5 {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.services-widget-banner .services-banner-content p {
  font-size: 30px;
  color: var(--tp-theme-primary);
  font-weight: 700;
  position: relative;
  display: inline-block;
}
.services-widget-banner .services-banner-content p::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background-color: var(--tp-theme-primary);
}

.tp-service__thumb {
  overflow: hidden;
}
.tp-service__thumb img {
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tp-service__content {
  padding: 40px 30px;
}
@media (max-width: 575px) {
  .tp-service__content {
    padding: 40px 20px;
  }
}
.tp-service__content p {
  color: var(--tp-text-5);
}
.tp-service__categories span {
  background-color: var(--tp-theme-primary);
  padding: 5px 15px;
  color: var(--tp-common-white);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: 5px;
  margin-bottom: 20px;
  display: inline-block;
}
.tp-service__title {
  font-size: 24px;
  font-weight: 600;
  color: var(--tp-common-black-2);
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-service__title {
    font-size: 20px;
  }
}
.tp-service__title a:hover {
  color: var(--tp-theme-primary);
}
.tp-service__meta span {
  color: var(--tp-common-black-3);
}
.tp-service__meta span img {
  margin-right: 5px;
}
.tp-service__meta span i {
  padding-right: 3px;
}
.tp-service__meta span a {
  color: var(--tp-text-5);
  -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;
}
.tp-service__meta span a:hover {
  color: var(--tp-theme-primary);
}
.tp-service__meta span.tp-service__author {
  margin-right: 45px;
}
.tp-service__meta span.tp-service__author a {
  color: var(--tp-common-black-3);
  font-size: 15px;
  font-weight: 500;
  -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;
}
.tp-service__meta span.tp-service__author a:hover {
  color: var(--tp-theme-primary);
}
.tp-service__item-color-2 .tp-readmore-btn {
  background-color: rgba(91, 178, 134, 0.15);
  color: var(--tp-theme-1);
}
.tp-service__item-color-2 .tp-readmore-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
.tp-service__item-color-3 .tp-readmore-btn {
  background-color: rgba(255, 155, 64, 0.15);
  color: var(--tp-theme-secondary);
}
.tp-service__item-color-3 .tp-readmore-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-secondary);
}
.tp-service__item:hover .tp-service__thumb img {
  transform: rotate(-3deg) scale(1.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-service-3__wrapper {
    margin-left: 0;
  }
}
.tp-service-3__wrapper .tp-service__box-item {
  border: 1px solid var(--tp-border-2);
}
.tp-service-3__wrapper .tp-service__box-title {
  font-size: 22px;
}

/*----------------------------------------*/
/* 08. PORTFOLIO CSS
/*----------------------------------------*/
@media (max-width: 575px) {
  .tp-portfolio__wrapper .row > .row {
    padding-right: 0;
  }
}
.tp-portfolio__item {
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tp-portfolio__item:hover .tp-portfolio__content {
  top: auto;
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
.tp-portfolio__content {
  padding-top: 30px;
  padding-bottom: 30px;
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: visible;
  z-index: 2;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tp-portfolio__content .cat {
  color: var(--tp-theme-primary);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 30px;
}
.tp-portfolio__content .cat a:hover {
  color: var(--tp-theme-secondary);
}
.tp-portfolio__title {
  font-size: 20px;
}
.tp-portfolio__title span {
  font-weight: 300;
}
.tp-portfolio__title a:hover {
  color: var(--tp-theme-secondary);
}
.tp-portfolio__btn a {
  display: inline-block;
}
.tp-portfolio__btn a svg circle {
  color: var(--tp-theme-primary);
}
.tp-portfolio__btn a svg path {
  color: var(--tp-common-black);
}
.tp-portfolio__btn a:hover {
  transform: rotate(36deg);
}
.tp-portfolio__btn a:hover svg circle {
  color: var(--tp-common-black);
}
.tp-portfolio__btn a:hover svg path {
  color: var(--tp-theme-primary);
}

/*----------------------------------------*/
/*  09. EVENT CSS
/*----------------------------------------*/
/* EVENT CSS START */
.tp-event__item {
  border: 1px solid #F0F0F0;
  border-radius: 13px;
  padding: 20px;
  background-color: var(--tp-common-white);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-event__item {
    padding: 40px 20px;
  }
}
.tp-event__item.tp-green-color .tp-event__date {
  background-color: #5BB286;
}
.tp-event__item.tp-green-color .tp-border-btn {
  -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;
}
.tp-event__item.tp-green-color .tp-border-btn:hover {
  background-color: #5BB286;
}
.tp-event__item.tp-primary-color .tp-event__date {
  background-color: var(--tp-theme-primary);
}
.tp-event__item.tp-primary-color .tp-border-btn {
  -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;
}
.tp-event__item.tp-primary-color .tp-border-btn:hover {
  background-color: var(--tp-theme-primary);
}
.tp-event__item.tp-secondary-color .tp-event__date {
  background-color: var(--tp-theme-secondary);
}
.tp-event__item.tp-secondary-color .tp-border-btn {
  -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;
}
.tp-event__item.tp-secondary-color .tp-border-btn:hover {
  background-color: var(--tp-theme-secondary);
}
.tp-event__item.tp-blue-color .tp-event__date {
  background-color: #8EA1E4;
}
.tp-event__item.tp-blue-color .tp-border-btn {
  -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;
}
.tp-event__item.tp-blue-color .tp-border-btn:hover {
  background-color: #8EA1E4;
}
.tp-event__date {
  display: inline-block;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  color: var(--tp-common-white);
  border-radius: 10px;
  margin-right: 60px;
}
@media (max-width: 575px) {
  .tp-event__date {
    margin-bottom: 30px;
  }
}
.tp-event__date b {
  font-size: 48px;
  display: block;
  font-weight: 800;
  margin-bottom: 15px;
}
.tp-event__title {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -1px;
  color: var(--tp-common-black-2);
}
.tp-event__title a:hover {
  color: var(--tp-theme-primary);
}
.tp-event__title span {
  font-weight: 300;
}
.tp-event__title-wrapper p {
  color: var(--tp-text-3);
}
.tp-event__shadow {
  position: relative;
}
.tp-event__shadow::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 70%;
  display: inline-block;
  background: rgba(116, 116, 116, 0.56);
  filter: blur(84px);
  z-index: 1;
  opacity: 0;
  height: 34px;
  -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;
}
.tp-event__shadow:hover::after {
  opacity: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-evnet-btn-wrapper {
    margin-right: 0;
  }
}

/*----------------------------------------*/
/*  00. ABOUT CSS START
/*----------------------------------------*/
.tp-about__info-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about__info-wrapper {
    position: relative;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about__info-wrapper {
    position: relative;
  }
}
.tp-about__info-box {
  padding: 70px;
  background-color: rgba(255, 68, 96, 0.9);
}
.tp-about__info-box.ab-orange-bg {
  background-color: rgba(255, 155, 64, 0.9);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about__info-box {
    padding: 50px 30px;
  }
}
.tp-about__info-icon {
  background-color: var(--tp-common-white);
  display: inline-block;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  text-align: center;
  flex: 0 0 auto;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about__info-icon {
    margin-bottom: 30px;
  }
}
.tp-about__info-icon span {
  line-height: 78px;
  font-size: 36px;
}
.tp-about__info-title {
  font-size: 35px;
  font-weight: 700;
  letter-spacing: -1px;
  color: var(--tp-common-white);
  line-height: 1.3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about__info-title {
    font-size: 28px;
  }
}
.tp-about__info-title a:hover {
  opacity: 0.9;
}
.tp-about__info-title span {
  display: block;
  font-weight: 300;
}
@media (max-width: 575px) {
  .tp-about__info-title span {
    display: inline-block;
  }
}
.tp-about__info-content p {
  font-size: 18px;
  color: var(--tp-common-white);
  padding-right: 15px;
  line-height: 1.6;
  margin-bottom: 25px;
}

.tp-about-2__section {
  background-size: cover;
}
.tp-about-2__info-box {
  margin-left: 200px;
  margin-bottom: -80px;
  width: 665px;
  height: 665px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(255, 68, 96, 0.9);
}
.tp-about-2__info-box.ab-orange-bg {
  background-color: rgba(255, 155, 64, 0.9);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-2__info-box {
    width: 500px;
    height: 500px;
    margin-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-2__info-box {
    width: 500px;
    height: 500px;
    margin-left: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-2__info-box {
    transform: scale(0.8);
    margin-left: 20px;
  }
}
@media (max-width: 575px) {
  .tp-about-2__info-box {
    width: 300px;
    height: 300px;
    margin-left: 0;
    margin-bottom: -30px;
  }
}
.tp-about-2__info-box-top {
  position: absolute;
  top: 0;
  left: 30%;
  width: 336px;
  height: 326px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(255, 155, 64, 0.9);
}
@media (max-width: 575px) {
  .tp-about-2__info-box-top {
    transform: scale(0.5);
    top: -70px;
    left: 0;
  }
}
@media (max-width: 575px) {
  .tp-about-2__info-content {
    transform: scale(0.5);
  }
}
.tp-about-2__info-number h3 {
  font-size: 110px;
  font-weight: 800;
  color: var(--tp-common-white);
  line-height: 1;
}
.tp-about-2__info-number span {
  color: var(--tp-common-white);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
}
.tp-about-2__info-subtitle {
  color: var(--tp-common-white);
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
}
.tp-about-2__info-subtitle.has-circle::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: var(--tp-common-white);
  margin-right: 10px;
  display: inline-block;
  border-radius: 50%;
}
.tp-about-2__info-title {
  font-size: 50px;
  font-weight: 700;
  letter-spacing: -1px;
  color: var(--tp-common-white);
  line-height: 1.3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-2__info-title {
    font-size: 28px;
  }
}
.tp-about-2__info-title a:hover {
  opacity: 0.9;
}
.tp-about-2__info-title span {
  display: block;
  font-weight: 300;
}
@media (max-width: 575px) {
  .tp-about-2__info-title span {
    display: inline-block;
  }
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-inner__imgs-wrapper {
    margin-right: 0;
  }
}

/*----------------------------------------*/
/*  10.	TESTIMONIAL CSS
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial__section {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial__section {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial__section {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 575px) {
  .tp-testimonial__section {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.tp-testimonial-slider .tp-testimonial-pagination-1 .swiper-pagination-bullet {
  margin: 10px;
  width: 12px;
  height: 12px;
  background-color: var(--tp-common-white);
}
.tp-testimonial-slider .tp-testimonial-pagination-1 .swiper-pagination-bullet-active {
  position: relative;
  -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;
}
.tp-testimonial-slider .tp-testimonial-pagination-1 .swiper-pagination-bullet-active::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 28px;
  border: 1px solid white;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 50%;
}
.tp-testimonial__avata {
  margin-bottom: 40px;
}
.tp-testimonial__avata img {
  border-radius: 50%;
}
.tp-testimonial__avata-quote {
  position: absolute;
  right: 40px;
  transform: translateY(-50px);
  font-size: 118px;
  color: rgba(255, 255, 255, 0.05);
}
.tp-testimonial__reviewer {
  display: block;
  color: var(--tp-common-white);
  margin-bottom: 5px;
}
.tp-testimonial__ratting span {
  color: #F9BF41;
}
.tp-testimonial__review p {
  font-size: 26px;
  line-height: 1.6;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial__review p {
    font-size: 20px;
    line-height: 1.5;
  }
}

.tp-testimonial-2-space {
  padding-left: 70px;
  padding-right: 70px;
}
@media (max-width: 575px) {
  .tp-testimonial-2-space {
    padding-left: 0;
    padding-right: 0;
  }
}
.tp-testimonial-2__item {
  padding: 40px;
  margin-bottom: 15px;
  -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;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), (max-width: 575px) {
  .tp-testimonial-2__item {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.tp-testimonial-2__item:hover {
  box-shadow: rgba(186, 186, 186, 0.9) 0px 15px 15px -15px;
}
.tp-testimonial-2__item.quote-color-1 {
  border-top: 4px solid var(--tp-theme-primary);
}
.tp-testimonial-2__item.quote-color-1 span svg path, .tp-testimonial-2__item.quote-color-1 span svg rect {
  color: var(--tp-theme-primary);
}
.tp-testimonial-2__item.quote-color-2 {
  border-top: 4px solid var(--tp-theme-1);
}
.tp-testimonial-2__item.quote-color-2 span svg path, .tp-testimonial-2__item.quote-color-2 span svg rect {
  color: var(--tp-theme-1);
}
.tp-testimonial-2__item.quote-color-3 {
  border-top: 4px solid var(--tp-theme-secondary);
}
.tp-testimonial-2__item.quote-color-3 span svg path, .tp-testimonial-2__item.quote-color-3 span svg rect {
  color: var(--tp-theme-secondary);
}
.tp-testimonial-2__ratting {
  color: var(--tp-theme-secondary);
  font-size: 16px;
  margin-bottom: 30px;
}
.tp-testimonial-2__review {
  margin-bottom: 20px;
}
.tp-testimonial-2__review p {
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-2__review p {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-2__review p {
    font-size: 16px;
  }
}
.tp-testimonial-2__reviewer-avata {
  margin-right: 20px;
  flex: 0 0 auto;
}
.tp-testimonial-2__reviewer-avata img {
  width: 62px;
  height: 62px;
  border-radius: 50%;
}
.tp-testimonial-2__reviewer-name {
  line-height: 1;
}
.tp-testimonial-2__reviewer-name h3 {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 0;
}

.tp-testimonial-3__item {
  padding: 40px;
  margin-bottom: 15px;
  border-radius: 20px;
  -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;
}
.tp-testimonial-3__ratting {
  color: var(--tp-theme-secondary);
  font-size: 14px;
  margin-bottom: 30px;
}
.tp-testimonial-3__review {
  margin-bottom: 20px;
}
.tp-testimonial-3__review p {
  font-size: 18px;
  line-height: 1.8;
  color: var(--tp-common-white);
  margin-bottom: 30px;
}
.tp-testimonial-3__reviewer-avata {
  margin-right: 20px;
  flex: 0 0 auto;
}
.tp-testimonial-3__reviewer-avata img {
  width: 62px;
  height: 62px;
  border-radius: 50%;
}
.tp-testimonial-3__reviewer-name {
  line-height: 1;
}
.tp-testimonial-3__reviewer-name span {
  color: #B4B2B1;
}
.tp-testimonial-3__reviewer-name h3 {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 0;
  color: var(--tp-common-white);
  margin-bottom: 10px;
}

/*----------------------------------------*/
/*  11. BRAND CSS
/*----------------------------------------*/
/* BRAND CSS START */
.tp-brand__item {
  text-align: center;
}

/*----------------------------------------*/
/*  12. CONTACT CSS
/*----------------------------------------*/
/* CONTACT CSS START */
.tp-contact__from {
  padding: 0 90px;
}
.tp-contact__from-wrapper {
  margin-bottom: 0;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-contact__from-wrapper {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-contact__from {
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-contact__from {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-contact__from {
    padding-left: 50px;
    margin-bottom: 60px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-contact__from {
    padding: 15px;
    margin-bottom: 60px;
  }
}
.tp-contact__from input {
  width: 100%;
  height: 65px;
  padding: 0 20px;
  margin-bottom: 15px;
  border: 1px solid var(--tp-border-2);
  border-radius: 5px;
  font-size: 15px;
  background-color: var(--tp-grey-2);
}
.tp-contact__from input::-webkit-input-placeholder {
  color: var(--tp-text-4);
}
.tp-contact__from input:-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-contact__from input::-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-contact__from input:-ms-input-placeholder {
  color: var(--tp-text-4);
}
.tp-contact__from input:focus {
  border-color: var(--tp-theme-primary);
}
.tp-contact__from textarea {
  width: 100%;
  height: 160px;
  font-size: 15px;
  resize: none;
  padding: 20px;
  margin-bottom: 15px;
  border: 1px solid var(--tp-border-2);
  border-radius: 5px;
  background-color: var(--tp-grey-2);
}
.tp-contact__from textarea::-webkit-input-placeholder {
  color: var(--tp-text-4);
}
.tp-contact__from textarea:-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-contact__from textarea::-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-contact__from textarea:-ms-input-placeholder {
  color: var(--tp-text-4);
}
.tp-contact__from textarea:focus {
  border-color: var(--tp-theme-primary);
  outline: none;
}
.tp-contact__from .nice-select {
  width: 100%;
  height: 65px;
  padding: 0 20px;
  margin-bottom: 15px;
  border: 1px solid var(--tp-border-2);
  border-radius: 5px;
  font-size: 15px;
  background-color: var(--tp-grey-2);
}
.tp-contact__from .nice-select:focus {
  border-color: var(--tp-theme-primary);
}
.tp-contact__from .nice-select span {
  line-height: 65px;
}
.tp-contact__from .nice-select span.current {
  color: var(--tp-text-4);
}
.tp-contact__from .nice-select .list {
  width: 100%;
}
.tp-contact__from .nice-select::after {
  right: 15px;
  color: var(--tp-common-black);
}
.tp-contact__from .tp-btn {
  width: 100%;
  height: 65px;
  line-height: 65px;
}
.tp-contact__info-box {
  margin-bottom: 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-contact__info-box {
    margin-bottom: 60px;
  }
}
.tp-contact__info-wrapper {
  padding-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-contact__info-wrapper {
    padding-left: 25px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-contact__info-wrapper {
    padding: 15px;
  }
}
.tp-contact__info-icon {
  margin-right: 25px;
  width: 60px;
  height: 60px;
  background-color: rgba(255, 68, 96, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  flex: 0 0 auto;
}
.tp-contact__info-icon span {
  font-size: 22px;
  color: var(--tp-theme-primary);
}
.tp-contact__info-icon-color-2 {
  background-color: rgba(91, 178, 134, 0.15);
}
.tp-contact__info-icon-color-2 span {
  color: var(--tp-theme-1);
}
.tp-contact__info-icon-color-3 {
  background-color: rgba(255, 155, 64, 0.15);
}
.tp-contact__info-icon-color-3 span {
  color: var(--tp-theme-secondary);
}
.tp-contact__info-title {
  font-size: 22px;
  font-weight: 600;
  color: var(--tp-common-black-2);
}
.tp-contact__info-title-wrapper span {
  font-size: 18px;
  color: var(--tp-text-1);
  display: inline-block;
}
.tp-contact__info-title-wrapper span a {
  padding-right: 15px;
}
.tp-contact__info-title-wrapper span a:hover {
  color: var(--tp-theme-primary);
}
.tp-contact-section-shapes-1 {
  position: absolute;
  top: 15%;
  left: 7%;
  -moz-animation: tpswing 1s ease-in-out 1s forwards infinite alternate;
  -webkit-animation: tpswing 1s ease-in-out 1s forwards infinite alternate;
  animation: tpswing 1s ease-in-out 1s forwards infinite alternate;
  transform-origin: center center;
  z-index: 11;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-contact-section-shapes-1 {
    left: 1%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-contact-section-shapes-1 {
    top: -25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-contact-section-shapes-1 {
    top: -25px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-contact-section-shapes-1 {
    top: -25px;
  }
}
.tp-contact-section-shapes-2 {
  position: absolute;
  bottom: 5%;
  right: 15%;
  animation: tpupdown 1s ease-in-out 1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-contact-section-shapes-2 {
    right: 1%;
  }
}

.tp-contact-2__section {
  background-size: cover;
}
.tp-contact-2__from {
  padding: 0 90px;
}
.tp-contact-2__from-wrapper {
  margin-bottom: 0;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-contact-2__from-wrapper {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-contact-2__from {
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-contact-2__from {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-contact-2__from {
    padding: 0;
    margin-bottom: 60px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-contact-2__from {
    padding: 15px 0;
    margin-bottom: 60px;
  }
}
.tp-contact-2__from input {
  width: 100%;
  height: 65px;
  padding: 0 20px;
  margin-bottom: 15px;
  border: 1px solid var(--tp-border-2);
  border-radius: 5px;
  font-size: 15px;
  background-color: var(--tp-common-white);
}
.tp-contact-2__from input::-webkit-input-placeholder {
  color: var(--tp-text-4);
}
.tp-contact-2__from input:-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-contact-2__from input::-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-contact-2__from input:-ms-input-placeholder {
  color: var(--tp-text-4);
}
.tp-contact-2__from input:focus {
  border-color: var(--tp-theme-secondary);
}
.tp-contact-2__from textarea {
  width: 100%;
  height: 160px;
  font-size: 15px;
  resize: none;
  padding: 20px;
  margin-bottom: 15px;
  border: 1px solid var(--tp-border-2);
  border-radius: 5px;
  background-color: var(--tp-common-white);
}
.tp-contact-2__from textarea::-webkit-input-placeholder {
  color: var(--tp-text-4);
}
.tp-contact-2__from textarea:-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-contact-2__from textarea::-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-contact-2__from textarea:-ms-input-placeholder {
  color: var(--tp-text-4);
}
.tp-contact-2__from textarea:focus {
  border-color: var(--tp-theme-secondary);
  outline: none;
}
.tp-contact-2__from .nice-select {
  width: 100%;
  height: 65px;
  padding: 0 20px;
  margin-bottom: 15px;
  border: 1px solid var(--tp-border-2);
  border-radius: 5px;
  font-size: 15px;
  background-color: var(--tp-common-white);
}
.tp-contact-2__from .nice-select:focus {
  border-color: var(--tp-theme-primary);
}
.tp-contact-2__from .nice-select span {
  line-height: 65px;
}
.tp-contact-2__from .nice-select span.current {
  color: var(--tp-text-4);
}
.tp-contact-2__from .nice-select .list {
  width: 100%;
}
.tp-contact-2__from .nice-select::after {
  right: 15px;
  color: var(--tp-common-black);
}
.tp-contact-2__from .tp-secondary-btn {
  width: 100%;
  height: 65px;
  line-height: 65px;
}
.tp-contact-2__info-box {
  margin-bottom: 30px;
}
.tp-contact-2__info-wrapper {
  padding-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-contact-2__info-wrapper {
    padding-left: 25px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-contact-2__info-wrapper {
    padding: 15px;
  }
}
.tp-contact-2__info-icon {
  margin-right: 25px;
  width: 60px;
  height: 60px;
  background-color: rgba(255, 68, 96, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  flex: 0 0 auto;
}
.tp-contact-2__info-icon span {
  font-size: 22px;
  color: var(--tp-theme-primary);
}
.tp-contact-2__info-icon-color-2 {
  background-color: rgba(91, 178, 134, 0.15);
}
.tp-contact-2__info-icon-color-2 span {
  color: var(--tp-theme-1);
}
.tp-contact-2__info-icon-color-3 {
  background-color: rgba(255, 155, 64, 0.15);
}
.tp-contact-2__info-icon-color-3 span {
  color: var(--tp-theme-secondary);
}
.tp-contact-2__info-title {
  font-size: 22px;
  font-weight: 600;
  color: var(--tp-common-black-2);
}
.tp-contact-2__info-title-wrapper span {
  font-size: 18px;
  color: var(--tp-text-1);
  display: inline-block;
}
.tp-contact-2__info-title-wrapper span a {
  padding-right: 15px;
}
.tp-contact-2__info-title-wrapper span a:hover {
  color: var(--tp-theme-primary);
}
.tp-contact-2-section-shapes-1 {
  position: absolute;
  top: 15%;
  left: 7%;
  -moz-animation: tpswing 1s ease-in-out 1s forwards infinite alternate;
  -webkit-animation: tpswing 1s ease-in-out 1s forwards infinite alternate;
  animation: tpswing 1s ease-in-out 1s forwards infinite alternate;
  transform-origin: center center;
  z-index: 11;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-contact-2-section-shapes-1 {
    left: 1%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-contact-2-section-shapes-1 {
    top: -25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-contact-2-section-shapes-1 {
    top: -25px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-contact-2-section-shapes-1 {
    top: -25px;
  }
}
.tp-contact-2-section-shapes-2 {
  position: absolute;
  bottom: 5%;
  right: 15%;
  animation: tpupdown 1s ease-in-out 1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-contact-2-section-shapes-2 {
    right: 1%;
  }
}

@media (max-width: 575px) {
  .tp-contact-3__section {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.tp-contact-3__from input {
  width: 100%;
  height: 65px;
  padding: 0 20px;
  margin-bottom: 15px;
  border: 1px solid var(--tp-border-2);
  border-radius: 5px;
  font-size: 15px;
  background-color: var(--tp-common-white);
  margin-bottom: 30px;
}
.tp-contact-3__from input::-webkit-input-placeholder {
  color: var(--tp-text-4);
}
.tp-contact-3__from input:-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-contact-3__from input::-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-contact-3__from input:-ms-input-placeholder {
  color: var(--tp-text-4);
}
.tp-contact-3__from input:focus {
  border-color: var(--tp-theme-secondary);
}
.tp-contact-3__from .tp-secondary-btn {
  width: 100%;
  height: 65px;
  line-height: 65px;
  margin-bottom: 30px;
}

.tp-contact__from-main {
  padding: 60px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-contact__from-main {
    padding: 60px 15px;
  }
}
.tp-contact__from-main input {
  width: 100%;
  height: 65px;
  padding: 0 20px;
  margin-bottom: 15px;
  border: 1px solid var(--tp-border-2);
  border-radius: 5px;
  font-size: 15px;
  background-color: var(--tp-grey-2);
  margin-bottom: 30px;
}
.tp-contact__from-main input::-webkit-input-placeholder {
  color: var(--tp-text-4);
}
.tp-contact__from-main input:-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-contact__from-main input::-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-contact__from-main input:-ms-input-placeholder {
  color: var(--tp-text-4);
}
.tp-contact__from-main input:focus {
  border-color: var(--tp-theme-primary);
}
.tp-contact__from-main textarea {
  width: 100%;
  height: 160px;
  font-size: 15px;
  resize: none;
  padding: 20px;
  margin-bottom: 15px;
  border: 1px solid var(--tp-border-2);
  border-radius: 5px;
  background-color: var(--tp-grey-2);
}
.tp-contact__from-main textarea::-webkit-input-placeholder {
  color: var(--tp-text-4);
}
.tp-contact__from-main textarea:-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-contact__from-main textarea::-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-contact__from-main textarea:-ms-input-placeholder {
  color: var(--tp-text-4);
}
.tp-contact__from-main textarea:focus {
  border-color: var(--tp-theme-primary);
  outline: none;
}
.tp-contact__from-main .nice-select {
  width: 100%;
  height: 65px;
  padding: 0 20px;
  margin-bottom: 15px;
  border: 1px solid var(--tp-border-2);
  border-radius: 5px;
  font-size: 15px;
  background-color: var(--tp-grey-2);
}
.tp-contact__from-main .nice-select:focus {
  border-color: var(--tp-theme-primary);
}
.tp-contact__from-main .nice-select span {
  line-height: 65px;
}
.tp-contact__from-main .nice-select span.current {
  color: var(--tp-text-4);
}
.tp-contact__from-main .nice-select .list {
  width: 100%;
}
.tp-contact__from-main .nice-select::after {
  right: 15px;
  color: var(--tp-common-black);
}
.tp-contact__from-main .tp-btn {
  height: 65px;
  line-height: 65px;
}

.tp-newsletter__bg {
  position: absolute;
  height: 50%;
  width: 100%;
  display: inline-block;
}
.tp-newsletter__box {
  padding: 40px 90px;
  border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-newsletter__box {
    padding: 40px 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-newsletter__box {
    padding: 40px 20px;
  }
}
.tp-newsletter__title {
  font-size: 32px;
}
.tp-newsletter__title span {
  font-weight: 300;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-newsletter__title {
    margin-bottom: 30px;
  }
}
.tp-newsletter__form input {
  width: 100%;
  height: 72px;
  position: relative;
  padding-right: 200px;
  padding-left: 20px;
  border: 1px solid var(--tp-border-2);
  border-radius: 4px;
}
.tp-newsletter__form input::-webkit-input-placeholder {
  color: var(--tp-text-4);
}
.tp-newsletter__form input:-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-newsletter__form input::-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-newsletter__form input:-ms-input-placeholder {
  color: var(--tp-text-4);
}
.tp-newsletter__form input:focus {
  border-color: var(--tp-theme-primary);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-newsletter__form input {
    margin-bottom: 30px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.tp-newsletter__form button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  margin-right: 6px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-newsletter__form button {
    position: relative;
    transform: translateY(0);
  }
}

.tp-newsletter__bg {
  position: absolute;
  height: 50%;
  width: 100%;
  display: inline-block;
}
.tp-newsletter__box {
  padding: 40px 90px;
  border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-newsletter__box {
    padding: 40px 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-newsletter__box {
    padding: 40px 20px;
  }
}
.tp-newsletter__title {
  font-size: 32px;
}
.tp-newsletter__title span {
  font-weight: 300;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-newsletter__title {
    margin-bottom: 30px;
  }
}
.tp-newsletter__form input {
  width: 100%;
  height: 72px;
  position: relative;
  padding-right: 200px;
  padding-left: 20px;
  border: 1px solid var(--tp-border-2);
  border-radius: 4px;
}
.tp-newsletter__form input::-webkit-input-placeholder {
  color: var(--tp-text-4);
}
.tp-newsletter__form input:-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-newsletter__form input::-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-newsletter__form input:-ms-input-placeholder {
  color: var(--tp-text-4);
}
.tp-newsletter__form input:focus {
  border-color: var(--tp-theme-primary);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-newsletter__form input {
    margin-bottom: 30px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.tp-newsletter__form button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  margin-right: 6px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-newsletter__form button {
    position: relative;
    transform: translateY(0);
  }
}

.tp-newsletter-2__form input {
  width: 100%;
  height: 60px;
  position: relative;
  padding-right: 200px;
  padding-left: 20px;
  border: 1px solid var(--tp-border-2);
  border-radius: 4px;
}
.tp-newsletter-2__form input::-webkit-input-placeholder {
  color: var(--tp-text-4);
}
.tp-newsletter-2__form input:-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-newsletter-2__form input::-moz-placeholder {
  color: var(--tp-text-4);
}
.tp-newsletter-2__form input:-ms-input-placeholder {
  color: var(--tp-text-4);
}
.tp-newsletter-2__form input:focus {
  border-color: var(--tp-theme-primary);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-newsletter-2__form input {
    margin-bottom: 30px;
    padding-left: 5px;
    padding-right: 80px;
  }
}
.tp-newsletter-2__form button {
  position: absolute;
  top: 50%;
  right: 0;
  width: 65px;
  height: 100%;
  background-color: var(--tp-theme-primary);
  transform: translateY(-50%);
  font-size: 20px;
  color: var(--tp-common-white);
  border-radius: 5px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-newsletter-2__form button {
    height: 60px;
    top: 0;
    transform: translateY(0);
  }
}

.tp-contact__info-box-wrapper {
  padding-right: 60px;
  padding-left: 60px;
  padding-top: 40px;
  padding-bottom: 10px;
}
@media (max-width: 575px) {
  .tp-contact__info-box-wrapper {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.tp-contact__info-icon-2 {
  margin-bottom: 25px;
}
.tp-contact__info-icon-2 svg ellipse {
  color: var(--tp-theme-primary);
}
.tp-contact__info-icon-2 svg path {
  color: var(--tp-theme-primary);
}
.tp-contact__info-title {
  font-size: 24px;
  font-weight: 600;
}
.tp-contact__info-box a:hover {
  color: var(--tp-theme-primary);
}
.tp-contact__title {
  font-size: 35px;
}

/*----------------------------------------*/
/*  13. BLOG CSS
/*----------------------------------------*/
.tp-blog__thumb {
  overflow: hidden;
}
.tp-blog__thumb img {
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.tp-blog__content {
  padding: 40px 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-blog__content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.tp-blog__content p {
  color: var(--tp-text-5);
}
.tp-blog__categories {
  margin-bottom: 20px;
}
.tp-blog__categories span {
  background-color: rgba(255, 68, 96, 0.15);
  color: var(--tp-theme-primary);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 5px;
  display: inline-block;
}
.tp-blog__categories span a {
  padding: 5px 15px;
  display: inline-block;
}
.tp-blog__categories-color-2 span {
  background-color: rgba(255, 155, 64, 0.15);
  color: var(--tp-theme-secondary);
}
.tp-blog__categories-color-3 span {
  background-color: rgba(91, 178, 134, 0.15);
  color: var(--tp-theme-1);
}
.tp-blog__title {
  font-size: 24px;
  font-weight: 600;
  color: var(--tp-common-black-2);
  text-transform: capitalize;
  line-height: 1.4;
}
.tp-blog__title a:hover {
  color: var(--tp-theme-primary);
}
.tp-blog__meta span {
  color: var(--tp-common-black-3);
}
.tp-blog__meta span img {
  margin-right: 5px;
  border-radius: 50%;
}
.tp-blog__meta span i {
  padding-right: 3px;
}
.tp-blog__meta span a {
  color: var(--tp-text-5);
  -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;
}
.tp-blog__meta span a:hover {
  color: var(--tp-theme-primary);
}
.tp-blog__meta span.tp-blog__author {
  margin-right: 45px;
}
.tp-blog__meta span.tp-blog__author a {
  color: var(--tp-common-black-3);
  font-size: 15px;
  font-weight: 500;
  -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;
}
.tp-blog__meta span.tp-blog__author a:hover {
  color: var(--tp-theme-primary);
}
.tp-blog__item-color-2 .tp-readmore-btn {
  background-color: rgba(91, 178, 134, 0.15);
  color: var(--tp-theme-1);
}
.tp-blog__item-color-2 .tp-readmore-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
.tp-blog__item-color-3 .tp-readmore-btn {
  background-color: rgba(255, 155, 64, 0.15);
  color: var(--tp-theme-secondary);
}
.tp-blog__item-color-3 .tp-readmore-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-secondary);
}
.tp-blog__item:hover .tp-blog__thumb img {
  transform: rotate(-3deg) scale(1.1);
}

.tp-blog-2__item {
  padding: 20px;
  padding-right: 50px;
  border-radius: 13px;
  margin-bottom: 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-blog-2__item {
    padding-right: 20px;
  }
}
.tp-blog-2__thum {
  margin-right: 35px;
  flex: 0 0 auto;
}
.tp-blog-2__thum img {
  border-radius: 5px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-blog-2__thum {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.tp-blog-2__meta {
  margin-bottom: 15px;
}
.tp-blog-2__meta-cat {
  color: var(--tp-theme-primary);
  text-transform: uppercase;
  font-weight: 700;
  margin-right: 25px;
  font-size: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-blog-2__meta-cat {
    display: block;
  }
}
@media (max-width: 575px) {
  .tp-blog-2__meta-cat {
    margin-right: 10px;
    font-size: 14px;
  }
}
.tp-blog-2__meta-cat a:hover {
  color: var(--tp-theme-secondary);
}
.tp-blog-2__meta-cat.cat-color-1 {
  color: var(--tp-theme-primary);
}
.tp-blog-2__meta-cat.cat-color-1 a:hover {
  color: var(--tp-theme-secondary);
}
.tp-blog-2__meta-cat.cat-color-2 {
  color: var(--tp-theme-1);
}
.tp-blog-2__meta-cat.cat-color-2 a:hover {
  color: var(--tp-theme-2);
}
.tp-blog-2__meta-cat.cat-color-3 {
  color: var(--tp-theme-secondary);
}
.tp-blog-2__meta-cat.cat-color-3 a:hover {
  color: var(--tp-theme-primary);
}
.tp-blog-2__meta-cat.cat-color-4 {
  color: var(--tp-theme-2);
}
.tp-blog-2__meta-cat.cat-color-4 a:hover {
  color: var(--tp-theme-1);
}
.tp-blog-2__meta-time {
  color: var(--tp-common-black-4);
  font-size: 16px;
  text-transform: capitalize;
}
.tp-blog-2__meta-time i {
  color: #8A90A2;
  margin-right: 5px;
}
@media (max-width: 575px) {
  .tp-blog-2__meta-time {
    font-size: 14px;
  }
}
.tp-blog-2__title {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--tp-common-black-2);
}
.tp-blog-2__title a {
  background-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
}
.tp-blog-2__title a:hover {
  background-size: 0% 1px, 100% 1px;
}

@media (max-width: 575px) {
  .postbox__wrapper {
    margin-right: 0;
    padding-right: 0;
  }
}
.postbox__thumb .play-btn {
  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;
}
.postbox__thumb img {
  border-radius: 10px;
}
.postbox__audio {
  height: 455px;
  width: 100%;
}
.postbox__audio iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.postbox__item-single:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.postbox__content {
  border-top: none;
  padding: 40px 0;
}
@media (max-width: 575px) {
  .postbox__content {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.postbox__content-single {
  padding-left: 0;
  padding-right: 0;
  border: none;
}
.postbox__title {
  font-size: 38px;
  margin-bottom: 20px;
  font-weight: 700;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__title {
    font-size: 33px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox__title {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .postbox__title {
    font-size: 25px;
  }
}
.postbox__title a:hover {
  color: var(--tp-theme-primary);
}
.postbox__meta {
  margin-bottom: 15px;
}
.postbox__meta span {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 30px;
}
.postbox__meta span:last-child {
  margin-right: 0;
}
.postbox__meta span i {
  color: var(--tp-theme-primary);
  margin-right: 10px;
  -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;
}
.postbox__meta span a:hover {
  color: var(--tp-theme-secondary);
}
.postbox__meta span a:hover i {
  color: var(--tp-theme-secondary);
}
.postbox__text img {
  max-width: 100%;
}
.postbox__text p {
  margin-bottom: 28px;
}
.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: 575px) {
  .postbox__slider button.postbox-slider-button-next {
    right: 10px;
  }
}
@media (max-width: 575px) {
  .postbox__slider button {
    left: 10px;
  }
}
.postbox__comment ul li {
  margin-bottom: 10px;
  list-style: none;
}
.postbox__comment ul li.children {
  margin-left: 100px;
}
@media (max-width: 575px) {
  .postbox__comment ul li.children {
    margin-left: 15px;
  }
}
.postbox__comment-form {
  margin-bottom: 20px;
  padding: 40px 30px;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.09);
  background: var(--tp-common-white);
}
.postbox__comment-form-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 40px;
}
.postbox__comment-input {
  position: relative;
  margin-bottom: 20px;
}
.postbox__comment-input span {
  font-weight: 600;
  color: var(--tp-common-black);
  margin-bottom: 12px;
  display: block;
}
.postbox__comment-input input, .postbox__comment-input textarea {
  height: 55px;
  padding: 0 20px;
  width: 100%;
  font-size: 14px;
  color: var(--tp-common-black);
  outline: none;
  border: 1px solid transparent;
  background: #f7f7f7;
  -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;
}
.postbox__comment-input input::-webkit-input-placeholder, .postbox__comment-input textarea::-webkit-input-placeholder {
  color: grey;
}
.postbox__comment-input input:-moz-placeholder, .postbox__comment-input textarea:-moz-placeholder {
  color: grey;
}
.postbox__comment-input input::-moz-placeholder, .postbox__comment-input textarea::-moz-placeholder {
  color: grey;
}
.postbox__comment-input input:-ms-input-placeholder, .postbox__comment-input textarea:-ms-input-placeholder {
  color: grey;
}
.postbox__comment-input input:focus, .postbox__comment-input textarea:focus {
  border-color: var(--tp-theme-primary);
}
.postbox__comment-input textarea {
  height: 175px;
  resize: none;
  padding-top: 20px;
  padding-bottom: 20px;
}
.postbox__comment-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}
.postbox__comment-box {
  padding: 30px;
  padding-right: 40px;
  padding-top: 25px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.postbox__comment-avater img {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.postbox__comment-name {
  margin-bottom: 5px;
}
.postbox__comment-name h5 {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
  font-weight: 300;
}
.postbox__comment-name span {
  font-size: 14px;
  color: var(--tp-text-3);
}
@media (max-width: 575px) {
  .postbox__comment-text {
    margin-left: 0;
    margin-top: 15px;
  }
}
.postbox__comment-text p {
  font-size: 16px;
  color: var(--tp-text-2);
  margin-bottom: 15px;
}
.postbox__comment-reply {
  margin-top: 10px;
}
.postbox__comment-reply a {
  display: inline-block;
  color: var(--tp-theme-primary);
  background: rgba(61, 108, 231, 0.1);
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  font-weight: 500;
  font-size: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.postbox__comment-reply a:hover {
  color: var(--tp-common-white);
  background: var(--tp-theme-primary);
}
.postbox__comment-agree {
  padding-left: 5px;
}
.postbox__comment-agree input {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 14px;
  height: 14px;
  background: var(--tp-common-white);
  border: 1px solid #b9bac1;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  flex: 0 0 auto;
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.postbox__comment-agree input:checked {
  position: relative;
  background-color: var(--tp-theme-primary);
  border-color: transparent;
}
.postbox__comment-agree input:checked::after {
  box-sizing: border-box;
  content: "\f00c";
  position: absolute;
  font-family: var(--tp-ff-fontawesome);
  font-size: 10px;
  color: var(--tp-common-white);
  top: 46%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.postbox__comment-agree input:hover {
  cursor: pointer;
}
.postbox__comment-agree label {
  padding-left: 8px;
  line-height: 1;
}
.postbox__comment-agree label a {
  color: var(--tp-common-black);
  font-weight: 600;
  padding-left: 4px;
}
.postbox__comment-agree label a:hover {
  color: var(--tp-theme-primary);
}
.postbox__comment-agree label:hover {
  cursor: pointer;
}
.postbox__tag span {
  font-size: 16px;
  margin-bottom: 17px;
  color: var(--tp-common-black);
  margin-right: 10px;
}

.rc__post ul li:not(:last-child) {
  margin-bottom: 15px;
}
.rc__post-content {
  margin-right: 40px;
}
.rc__post-thumb img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 5px;
}
.rc__post-title {
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 500;
  color: #141515;
}
.rc__post-title a:hover {
  color: var(--tp-theme-primary);
}
.rc__meta span {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
}

.sidebar__widget {
  padding: 30px;
  background: var(--tp-common-white);
  border: 1px solid #F2F5FA;
  box-shadow: 0px 12px 10px rgba(238, 239, 240, 0.25);
}
.sidebar__widget-title {
  position: relative;
  display: inline-block;
  font-size: 22px;
  margin-bottom: 30px;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: -0.01em;
}
.sidebar__widget ul li {
  list-style: none;
  margin-bottom: 25px;
}
.sidebar__widget ul li:last-child {
  margin-bottom: 0;
}
.sidebar__widget ul li a {
  font-size: 14px;
  font-weight: 600;
  color: #8A879F;
  position: relative;
  text-transform: uppercase;
  line-height: 22px;
}
.sidebar__widget ul li a:hover {
  color: var(--tp-theme-primary);
}
.sidebar__widget ul li span {
  float: right;
}
.sidebar__widget ul li ul {
  padding-left: 25px;
  padding-top: 20px;
}
.sidebar__search {
  position: relative;
}
.sidebar__search input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: var(--tp-grey-2);
  padding: 0 25px;
  text-transform: capitalize;
  border: 1px solid var(--tp-grey-1);
  outline: none;
  padding-top: 3px;
  padding-right: 80px;
}
.sidebar__search input::-webkit-input-placeholder {
  color: #8A879F;
}
.sidebar__search input:-moz-placeholder {
  color: #8A879F;
}
.sidebar__search input::-moz-placeholder {
  color: #8A879F;
}
.sidebar__search input:-ms-input-placeholder {
  color: #8A879F;
}
.sidebar__search input:focus {
  border-color: var(--tp-theme-primary);
}
.sidebar__search button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0 24px;
  color: #fff;
  line-height: 60px;
  background: 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;
}

.tagcloud a {
  background: var(--tp-common-white);
  color: #8A879F;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  padding: 8px 21px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  margin-right: 5px;
  text-transform: uppercase;
  border: 1px solid #F2F4F6;
}
.tagcloud a:hover {
  background: var(--tp-theme-primary);
  color: var(--tp-common-white);
  border: 1px solid transparent;
}

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

/*----------------------------------------*/
/*  14. FOOTER CSS
/*----------------------------------------*/
.tp-footer__widget-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: capitalize;
  color: var(--tp-common-black-2);
  margin-bottom: 40px;
}
.tp-footer__widget p {
  color: var(--tp-text-4);
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 1.8;
}
.tp-footer__menu ul li {
  display: inline-block;
  list-style: none;
  margin-right: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer__menu ul li {
    margin-right: 50px;
  }
}
.tp-footer__menu ul li:last-child {
  margin-right: 0;
}
.tp-footer__menu ul li a {
  color: var(--tp-common-black-2);
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.tp-footer__menu ul li a:hover {
  color: var(--tp-theme-secondary);
}
.tp-footer__menu-2 ul li {
  display: inline-block;
  list-style: none;
  margin-right: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer__menu-2 ul li {
    margin-right: 50px;
  }
}
@media (max-width: 575px) {
  .tp-footer__menu-2 ul li {
    margin-right: 10px;
  }
}
.tp-footer__menu-2 ul li:last-child {
  margin-right: 0;
}
.tp-footer__menu-2 ul li a {
  color: var(--tp-common-white);
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
  text-transform: normal;
}
.tp-footer__menu-2 ul li a:hover {
  color: var(--tp-theme-primary);
}
.tp-footer__social ul li {
  display: inline-block;
  list-style: none;
  margin-right: 30px;
}
.tp-footer__social ul li:last-child {
  margin-right: 0;
}
.tp-footer__social ul li a {
  color: rgba(36, 31, 27, 0.3);
  font-size: 20px;
  display: inline-block;
}
.tp-footer__social ul li a:hover {
  color: var(--tp-theme-secondary);
}
.tp-footer__social-2 ul li {
  display: inline-block;
  list-style: none;
  margin-right: 10px;
}
.tp-footer__social-2 ul li:last-child {
  margin-right: 0;
}
.tp-footer__social-2 ul li a {
  width: 43px;
  height: 43px;
  color: rgba(36, 31, 27, 0.3);
  font-size: 15px;
  display: inline-block;
  border: 1px solid;
  border-radius: 50%;
  text-align: center;
  line-height: 43px;
}
.tp-footer__social-2 ul li a:hover {
  color: var(--tp-theme-primary);
}
.tp-footer__copyright span {
  font-size: 18px;
  font-weight: 500;
  color: var(--tp-common-black-2);
}
.tp-footer__copyright span a {
  color: var(--tp-common-black);
  font-weight: 600;
}
.tp-footer__copyright span a:hover {
  color: var(--tp-theme-secondary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-footer__copyright-2 {
    margin-bottom: 30px;
  }
}
.tp-footer__copyright-2 span {
  font-size: 18px;
  font-weight: 500;
  color: var(--tp-common-white);
}
.tp-footer__copyright-2 span a {
  color: var(--tp-common-white);
  font-weight: 600;
}
.tp-footer__copyright-2 span a:hover {
  color: var(--tp-theme-primary);
}
.tp-footer__link-menu ul li {
  list-style: none;
  margin-bottom: 10px;
}
.tp-footer__link-menu ul li a {
  font-size: 15px;
  color: var(--tp-text-4);
  -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;
}
.tp-footer__link-menu ul li a:hover {
  color: var(--tp-theme-primary);
}
.tp-footer__bottom-2 {
  color: var(--tp-common-white);
}

.tp-white-footer-text .tp-footer__widget-title {
  color: var(--tp-common-white);
}
.tp-white-footer-text .tp-footer__widget-content p {
  color: var(--tp-text-7);
}
.tp-white-footer-text .tp-footer__link-menu ul li a {
  color: var(--tp-text-7);
}
.tp-white-footer-text .tp-footer__link-menu ul li a:hover {
  color: var(--tp-common-white);
}
.tp-white-footer-text .tp-newsletter-2__form input {
  color: var(--tp-common-white);
  background-color: var(--tp-grey-4);
  border-color: #645A52;
}
.tp-white-footer-text .tp-newsletter-2__form input:focus {
  border-color: var(--tp-theme-primary);
}
.tp-white-footer-text .tp-footer__social-2 ul li a {
  color: #828282;
}
.tp-white-footer-text .tp-footer__social-2 ul li a:hover {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
  border-color: transparent;
}

/* footer col design for home 1 */
.footer-col-2 {
  padding: 0 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-col-2 {
    padding: 0 40px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-col-2 {
    padding: 0;
  }
}

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