@charset "UTF-8";
*,
ul {
  margin: 0;
  padding: 0
}

.tpoffcanvas__contact-title h5 {
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 30px;
  font-size: 14px
}


html {
  scroll-behavior: smooth
}

.btn-spinner,
.project-location i,
.tp-contact-icon-2 span,
.ui-icon,
.ui-spinner,
.ui-spinner-input {
  vertical-align: middle
}

.back-to-top-wrapper,
.tp-swiper-dot .swiper-pagination-bullet,
.tp-swiper-dot-border .swiper-pagination-bullet,
.tp-swiper-scrollbar,
.tp-tab-line,
a,
button,
input,
li,
p,
select,
textarea {
  -webkit-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -ms-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out
}

.back-to-top-btn svg,
.tp-hotspot svg,
.tp-main-menu-mobile ul li>a svg,
.tp-pagination ul li a svg,
.tp-pagination ul li span svg,
.tp-swiper-arrow button svg,
.tp-theme-toggle-main span svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px)
}

:root {
  --tp-ff-body: 'Montserrat', sans-serif;
  --tp-ff-heading: 'Montserrat', sans-serif;
  --tp-ff-satisfy: 'Satisfy', cursive;
  --tp-ff-poppins: 'Poppins', sans-serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  --tp-common-white: #fff;
  --tp-common-black: #000000;
  --tp-common-black-2: #0D0D0D;
  --tp-grey-1: #F8F8F8;
  --tp-text-body: #54595F;
  --tp-theme-1: #A6A182
}

.container {
  max-width: 1320px
}

.custom-container-3 {
  max-width: 1870px
}

* {
  box-sizing: border-box
}

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

.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited,
a {
  text-decoration: none
}

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

h1 {
  font-size: 40px
}

h2 {
  font-size: 36px
}

.tp-appointment-contact-title,
.tp-blog-style-3 .tp-blog-title,
.tp-project-details-title,
h3 {
  font-size: 28px
}

.tp-testimonial-3-title,
h4 {
  font-size: 24px
}

.tp-sv-details-left-box h6,
h5 {
  font-size: 20px
}

h6,
p {
  font-size: 16px
}

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


img {
  max-width: 100%
}

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

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

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

.tp-hotspot:hover,
.tp-swiper-scrollbar .tp-swiper-scrollbar-drag:hover,
.tp-theme-color-input label:hover,
.tp-theme-dir label:hover,
.tp-theme-dir:hover,
.tp-theme-toggle label:hover,
.tp-theme-toggle:hover,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
button:hover {
  cursor: pointer
}

button:focus {
  outline: 0
}

.uppercase {
  text-transform: uppercase
}


.tp-dropcap::first-letter {
  text-transform: capitalize
}

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
textarea {
  outline: 0;
  height: 65px;
  width: 100%;
  background-color: transparent;
  line-height: 65px;
  font-size: 16px;
  font-family: var(--tp-ff-heading);
  color: var(--tp-common-black);
  padding-left: 20px;
  padding-right: 20px;
  border: 1px solid transparent;
  resize: none
}

input[type=email]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--tp-common-black)
}

input[type=email]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder {
  color: var(--tp-common-black)
}

input[type=email]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=text]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder {
  color: var(--tp-common-black)
}

input[type=email]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: var(--tp-common-black)
}

input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=url]::placeholder,
textarea::placeholder {
  color: var(--tp-common-black)
}

[dir=rtl] input[type=email],
[dir=rtl] input[type=number],
[dir=rtl] input[type=password],
[dir=rtl] input[type=tel],
[dir=rtl] input[type=text],
[dir=rtl] input[type=url],
[dir=rtl] textarea {
  text-align: right
}

.nice-select.open,
.nice-select:active,
.nice-select:focus,
.tp-checkout-input input:focus,
.tp-checkout-input textarea:focus,
.tp-contact-textarea-box textarea:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
textarea:focus {
  border-color: var(--tp-theme-1)
}

input[type=email]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=text]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0
}

input[type=color] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: 0 0;
  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
}

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

::-moz-placeholder {
  color: var(--tp-common-black);
  font-size: 14px;
  opacity: 1
}

::placeholder {
  color: var(--tp-common-black);
  font-size: 14px;
  opacity: 1
}

.tp-feature-icon,
.tp-feature-text,
.tp-service-style-4 .tp-service-2-content,
.z-index {
  position: relative;
  z-index: 1
}

.tp-about-bg {
  position: relative;
  z-index: 2
}


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


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


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


.founder-section,
.hover-underline:hover::after,
.nice-select.wide,
.tp-about-thumb img,
.tp-footer-style-4 .tp-footer-input-box,
.tp-footer-style-5 .tp-footer-input-box,
.tp-header-2-menu>nav>ul>li:hover>a::before,
.tp-main-menu-mobile ul li img,
.tp-team-details-thumb img {
  width: 100%
}

.back-to-top-btn,
.back-to-top-wrapper {
  width: 44px;
  height: 44px;
  border-radius: 50%
}

.fix,
.page-mirdif-villa .project-slider,
.tp-about-5-thumb,
.tp-product-thumb,
.tp-project-3-item,
.tp-project-4-thumb,
.tp-project-5-thumb,
.tp-service-thumb {
  overflow: hidden
}

.clear,
.ui-helper-clearfix:after {
  clear: both
}

.breadcrumb__overlay,
.chip span,
.p-relative,
.project-slider,
.tp-blog-arrow-box button.blog-next,
.tp-contact-input-box,
.tp-contact-textarea-box,
.tp-footer-input-box,
.tp-footer-style-2 .tp-footer-list ul li,
.tp-header-2-icon,
.tp-header-icon,
.tp-hover-distort-wrapper,
.tp-newsletter-bg,
.tp-product-2-style-3 .tp-product-2-item:hover .tp-product-2-thumb,
.tp-product-2-style-3 .tp-product-2-thumb,
.tp-slider-2-bg,
.tp-slider-2-wrapper,
.ui-button,
.ui-menu-icons,
.ui-resizable {
  position: relative
}


.ui-autocomplete,
.ui-menu .ui-menu {
  position: absolute
}

.back-to-top-btn,
.body-overlay,
.tp-theme-color-btn::before {
  -webkit-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -ms-transition: .3s ease-out;
  -o-transition: .3s ease-out
}

.tp-blog-arrow-box button,
.tp-dropcap::first-letter,
.tp-header-inner-style .tp-header-2-bar button>svg,
.tp-header-inner-style .tp-header-2-menu>nav>ul>li.has-dropdown::after,
.tp-header-top-social a:hover,
.tp-product-tab-3 .nav-tabs .nav-link.active,
.tp-product-tab-5 .nav-tabs .nav-link.active,
.tp-theme-toggle-dark.active,
.tp-theme-toggle-light.active {
  color: var(--tp-common-black)
}

.body-overlay {
  background-color: var(--tp-common-black)
}

.body-overlay:hover {
  cursor: url("../img/icon/cross-out.png"), pointer
}

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

.tp-dropcap::first-letter {
  font-size: 90px;
  font-weight: 500;
  float: left;
  text-align: center;
  margin-right: 5px;
  line-height: inherit
}

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

.tp-gx-20 [class*=col-],
.tp-gx-30 [class*=col-],
.tp-gx-40 [class*=col-] {
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y)
}

.tp-btn-theme.black-bg {
  padding: 0 61px;
  line-height: 70px;
  height: 70px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-gx-20 {
    --bs-gutter-x: 20px
  }

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

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

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

  .tp-gx-30,
  .tp-gx-40 {
    --bs-gutter-x: 30px
  }

  .tpoffcanvas__logo {
    padding-top: 0
  }
}

@media only screen and (min-width:576px) and (max-width:767px) {

  .tp-gx-20,
  .tp-gx-30 {
    --bs-gutter-x: 15px
  }

  .tp-gx-40 {
    --bs-gutter-x: 30px
  }
}

.back-to-top-wrapper {
  position: fixed;
  right: 25px;
  bottom: 20px !important;
  cursor: pointer;
  display: block;
  z-index: 99;
  opacity: 0;
  visibility: hidden
}

.back-to-top-wrapper.back-to-top-btn-show {
  visibility: visible;
  opacity: 1;
  bottom: 10px
}

.back-to-top-btn {
  display: inline-block;
  line-height: 44px;
  text-align: center;
  background: #2a2d32;
  box-shadow: 0 8px 16px rgba(3, 4, 28, .2);
  color: var(--tp-common-white);
  transition: .3s ease-out
}

.back-to-top-btn:hover {
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  transform: translateY(-4px)
}

.tp-theme-settings-area {
  position: fixed;
  top: 50%;
  left: 0;
  width: 240px;
  background-color: #fff;
  border: 1px solid #eaeaef;
  -webkit-transform: translateY(-50%) translateX(-100%);
  -moz-transform: translateY(-50%) translateX(-100%);
  -ms-transform: translateY(-50%) translateX(-100%);
  -o-transform: translateY(-50%) translateX(-100%);
  transform: translateY(-50%) translateX(-100%);
  z-index: 991;
  direction: ltr;
  border-bottom-right-radius: 4px
}

.tp-theme-settings-area.settings-opened {
  -webkit-transform: translateY(-50%) translateX(0);
  -moz-transform: translateY(-50%) translateX(0);
  -ms-transform: translateY(-50%) translateX(0);
  -o-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0)
}

.send-btn.is-error .btn-label,
.send-btn.is-success .btn-label,
.tp-menu-bar.open .bar:nth-child(2),
.tp-theme-settings-area.settings-opened .tp-theme-settings-gear {
  opacity: 0
}

.tp-theme-settings-area.settings-opened .tp-theme-settings-close {
  opacity: 1
}

.tp-theme-settings-open {
  position: absolute;
  top: -1px;
  left: 100%
}

.tp-theme-settings-open button {
  background-color: var(--tp-common-white);
  border: 1px solid #eaeaef;
  border-left: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 24px;
  color: var(--tp-common-black);
  position: relative;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.tp-theme-settings-gear {
  display: inline-block;
  -webkit-animation: 4s linear infinite tp-theme-setting-spin;
  -moz-animation: 4s linear infinite tp-theme-setting-spin;
  -ms-animation: tp-theme-setting-spin 4s linear infinite;
  -o-animation: 4s linear infinite tp-theme-setting-spin;
  animation: 4s linear infinite tp-theme-setting-spin
}

@-webkit-keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-moz-keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-ms-keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.tp-theme-settings-close {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0
}

.tp-theme-header-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px
}

.tp-theme-wrapper {
  padding: 20px 30px 30px
}

.rp-head,
.tp-project-details-area .intro-copy .aboutus-title,
.tp-theme-dir,
.tp-theme-toggle {
  text-align: center
}

.tp-theme-toggle-main {
  display: inline-block;
  width: 74px;
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, .3);
  padding: 5px;
  border-radius: 100px
}

.tp-theme-toggle-dark,
.tp-theme-toggle-light {
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  color: #d9d9d9
}

.tp-btn-theme,
.tp-theme-color-btn::before {
  color: var(--tp-common-white);
  font-weight: 600
}

.no-csspointerevents .nice-select .list,
.tp-main-menu-mobile .header-icon,
.tp-main-menu-mobile .tp-submenu,
.tp-theme-color-input input,
.tp-theme-dir #tp-dir-toggler,
.tp-theme-dir input,
.tp-theme-toggle #tp-theme-toggler,
.tp-theme-toggle input,
.ui-resizable-autohide .ui-resizable-handle {
  display: none
}

.tp-theme-toggle label {
  color: var(--tp-common-white);
  font-size: 14px;
  font-weight: 500
}

.tp-theme-dir #tp-dir-toggler:checked+i,
.tp-theme-toggle #tp-theme-toggler:checked+i {
  right: calc(50% - 4px)
}

.tp-theme-dir-slide,
.tp-theme-toggle-slide {
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  height: 26px;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  border-radius: 30px;
  -webkit-transform: translate3d(0, 0);
  transform: translate3d(0, 0);
  -webkit-transition: .2s cubic-bezier(.25, 1, .5, 1);
  -moz-transition: .2s cubic-bezier(.25, 1, .5, 1);
  -ms-transition: .2s cubic-bezier(.25, 1, .5, 1);
  -o-transition: .2s cubic-bezier(.25, 1, .5, 1);
  transition: .2s cubic-bezier(.25, 1, .5, 1);
  z-index: -1
}

.tp-theme-dir-main {
  display: inline-block;
  width: 160px;
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: #f0f0f5;
  padding: 4px;
  border-radius: 20px
}

.tp-theme-dir-ltr,
.tp-theme-dir-rtl {
  display: inline-block;
  width: 48%;
  height: 26px;
  line-height: 26px
}

.tp-theme-color-btn,
.tp-theme-color-input label {
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 100%
}

.tp-theme-dir label {
  color: var(--tp-common-black);
  font-size: 14px;
  font-weight: 500
}

.body-overlay.apply,
.pro-details-nav-btn li button.active::before,
.tp-appointment-contact-item input:checked~label::before,
.tp-checkout-payment-item input:checked~label::before,
.tp-order-info-list ul li.tp-order-info-list-shipping span input:checked~label::before,
.tp-product-tab-2 .nav-tabs .nav-link.active .tp-product-tab-tooltip,
.tp-product-tab-3 .nav-tabs .nav-link.active .tp-product-tab-tooltip,
.tp-product-tab-5 .nav-tabs .nav-link.active .tp-product-tab-tooltip,
.tp-project-dots .swiper-pagination-bullet-active::after,
.tp-project-item-wrap:hover .tp-project-content,
.tp-slider-dots .swiper-pagination-bullet-active::after,
.tp-team-item:hover .tp-team-social a,
.tp-theme-color-item.active button::before {
  opacity: 1;
  visibility: visible
}

.tp-theme-color-btn {
  position: relative
}

.tp-theme-color-btn::before {
  position: absolute;
  content: "\f00c";
  font-family: var(--tp-ff-fontawesome);
  font-size: 16px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: .3s ease-out;
  opacity: 0;
  visibility: hidden
}

.team-info,
.tp-funfact-title-box,
.tp-theme-color-input {
  margin-top: 15px
}

.tp-theme-color-input h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px
}

.tp-theme-color-input label {
  display: inline-block;
  background-color: var(--tp-theme-1);
  -webkit-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -ms-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out
}

.tp-btn-black,
.tp-btn-theme {
  font-size: 12px;
  font-style: normal;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  transition: .3s ease-in-out;
  position: relative;
  z-index: 1;
  text-align: center;
  display: inline-block
}

.tp-btn-theme {
  height: 60px;
  line-height: 60px;
  padding: 0 30px;
  background-color: #323332
}

.tp-btn-black,
.tp-btn-border-lg:hover,
.tp-btn-theme:hover,
.tp-project-filter button.active,
.tp-project-filter button:hover,
.tp-shop-widget-filter-info .tp-shop-widget-filter-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black)
}

.tp-btn-theme.black-bg {
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transform: scale(1);
  transition: transform .3s, box-shadow .3s
}

.tp-btn-theme.height {
  height: 64px;
  line-height: 64px;
  padding: 0 50px
}

.tp-btn-black {
  height: 50px;
  line-height: 50px
}

.tp-btn-theme span svg {
  display: inline-block;
  margin-left: 4px;
  color: var(--tp-common-white)
}

.tp-btn-theme.black-bg:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 25px rgba(0, 0, 0, .2)
}

.tp-btn-theme.black-bg span {
  position: relative;
  z-index: 2;
  transition: font-weight .3s
}

.nice-select .option.selected,
.tp-btn-theme.black-bg:hover span,
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: 700
}

.tp-btn-black {
  padding: 0 38px;
  font-weight: 600
}

.tp-btn-black span svg,
.tp-btn-black-sm span svg,
.tp-btn-border span svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -25px;
  color: var(--tp-theme-1);
  display: inline-block
}

.tp-btn-black.height {
  height: 60px;
  line-height: 60px
}

.tp-btn-black-lg,
.tp-btn-black-sm {
  line-height: 50px;
  font-style: normal;
  font-weight: 600;
  transition: .3s ease-in-out;
  background-color: var(--tp-common-black);
  z-index: 1;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  text-align: center;
  position: relative;
  height: 50px
}

.tp-btn-black-sm:hover {
  color: var(--tp-common-black);
  background-color: var(--tp-common-white)
}

.tp-btn-black:hover {
  color: var(--tp-common-white);
  background-color: #000
}

.tp-btn-black-lg {
  padding: 0 44px;
  color: var(--tp-common-white)
}

.basic-pagination ul li.active a,
.tagcloud a.active,
.tp-btn-black-lg:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1)
}

.tp-btn-black-sm {
  padding: 0 31px;
  color: var(--tp-common-white)
}

.tp-btn-border,
.tp-btn-border-bottom,
.tp-btn-border-lg {
  font-weight: 600;
  transition: .3s ease-in-out;
  color: var(--tp-common-black);
  font-style: normal
}

#loading,
.tp-btn-border.height:hover,
.tp-menu-btn {
  background-color: var(--tp-theme-1)
}

.tp-btn-border-lg {
  height: 50px;
  line-height: 48px;
  padding: 0 38px;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  text-align: center;
  border: 1px solid var(--tp-common-black);
  position: relative;
  z-index: 1
}

.tp-btn-border-lg span svg {
  position: absolute;
  top: 51%;
  transform: translateY(-50%);
  right: -25px;
  color: var(--tp-theme-1);
  display: inline-block;
  z-index: 1
}

.tp-btn-border {
  border: 1px solid var(--tp-theme-1)
}


.tp-btn-border:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
  border: 1px solid var(--tp-theme-1)
}

.tp-btn-border.height,
.tp-btn-border.height:hover {
  border: 2px solid var(--tp-theme-1);
  color: var(--tp-common-white)
}

.tp-btn-border {
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  text-align: center;
  position: relative;
  z-index: 2
}

.tp-btn-border-bottom,
.tp-menu-btn {
  font-size: 12px;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  z-index: 1;
  position: relative;
  text-align: center;
  display: inline-block
}

.tp-btn-border.height {
  height: 65px;
  line-height: 65px
}


.tp-form-box-style-2 .tp-form-input-box input:focus,
.tp-form-box-style-2 .tp-form-textarea-box textarea:focus,
.tp-form-textarea-box textarea:focus,
.tp-swiper-dot-border .swiper-pagination-bullet:hover {
  border-color: var(--tp-common-black)
}

.tp-menu-btn,
.tp-menu-btn:hover,
.tp-swiper-arrow button:hover {
  color: var(--tp-common-white)
}

.tp-btn-border-bottom span svg {
  display: inline-block;
  margin-left: 6px;
  color: var(--tp-theme-1)
}

.tp-menu-btn {
  width: 140px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  overflow: hidden;
  font-weight: 500
}

.tp-menu-btn:hover {
  background-color: var(--tp-common-black)
}

@-webkit-keyframes tp-pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .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)
  }
}

@-moz-keyframes tp-pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .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)
  }
}

@-ms-keyframes tp-pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .4)
  }

  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0)
  }

  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
  }
}

@keyframes tp-pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .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 tp-pulse-2 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .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)
  }
}

@-moz-keyframes tp-pulse-2 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .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)
  }
}

@-ms-keyframes tp-pulse-2 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .4)
  }

  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0)
  }

  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
  }
}

@keyframes tp-pulse-2 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .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 tp-shake {

  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0)
  }

  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0)
  }

  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0)
  }

  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0)
  }
}

@-moz-keyframes tp-shake {

  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0)
  }

  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0)
  }

  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0)
  }

  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0)
  }
}

@-ms-keyframes tp-shake {

  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0)
  }

  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0)
  }

  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0)
  }

  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0)
  }
}

@keyframes tp-shake {

  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0)
  }

  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0)
  }

  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0)
  }

  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0)
  }
}

@keyframes float-bob-y {

  0%,
  100% {
    transform: translateY(-20px)
  }

  50% {
    transform: translateY(-10px)
  }
}

@-webkit-keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(.8)
  }

  60% {
    opacity: 1
  }

  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0
  }
}

@-moz-keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(.8)
  }

  60% {
    opacity: 1
  }

  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0
  }
}

@-ms-keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(.8)
  }

  60% {
    opacity: 1
  }

  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0
  }
}

@keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(.8)
  }

  60% {
    opacity: 1
  }

  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0
  }
}

@-webkit-keyframes tp-rotate-center {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-moz-keyframes tp-rotate-center {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-ms-keyframes tp-rotate-center {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes tp-rotate-center {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes tp-mobile-view {

  0%,
  10%,
  100%,
  90% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }

  50%,
  60% {
    -webkit-transform: translateY(-57%);
    -moz-transform: translateY(-57%);
    -ms-transform: translateY(-57%);
    -o-transform: translateY(-57%);
    transform: translateY(-57%)
  }
}

@-moz-keyframes tp-mobile-view {

  0%,
  10%,
  100%,
  90% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }

  50%,
  60% {
    -webkit-transform: translateY(-57%);
    -moz-transform: translateY(-57%);
    -ms-transform: translateY(-57%);
    -o-transform: translateY(-57%);
    transform: translateY(-57%)
  }
}

@-ms-keyframes tp-mobile-view {

  0%,
  10%,
  100%,
  90% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }

  50%,
  60% {
    -webkit-transform: translateY(-57%);
    -moz-transform: translateY(-57%);
    -ms-transform: translateY(-57%);
    -o-transform: translateY(-57%);
    transform: translateY(-57%)
  }
}

@keyframes tp-mobile-view {

  0%,
  10%,
  100%,
  90% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }

  50%,
  60% {
    -webkit-transform: translateY(-57%);
    -moz-transform: translateY(-57%);
    -ms-transform: translateY(-57%);
    -o-transform: translateY(-57%);
    transform: translateY(-57%)
  }
}

@-webkit-keyframes tp-svg-line {
  100% {
    stroke-dashoffset: 350
  }
}

@-moz-keyframes tp-svg-line {
  100% {
    stroke-dashoffset: 350
  }
}

@-ms-keyframes tp-svg-line {
  100% {
    stroke-dashoffset: 350
  }
}

@keyframes tp-svg-line {
  100% {
    stroke-dashoffset: 350
  }
}

@-webkit-keyframes tp-border-loader {
  0% {
    stroke-dashoffset: -356px;
    stroke-dasharray: 356px, 366px
  }

  95% {
    stroke-dashoffset: 0;
    stroke-dasharray: 356px, 366px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 0, 366px
  }
}

@-moz-keyframes tp-border-loader {
  0% {
    stroke-dashoffset: -356px;
    stroke-dasharray: 356px, 366px
  }

  95% {
    stroke-dashoffset: 0;
    stroke-dasharray: 356px, 366px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 0, 366px
  }
}

@-ms-keyframes tp-border-loader {

  0%,
  95% {
    stroke-dasharray: 356px, 366px
  }

  100%,
  95% {
    stroke-dashoffset: 0
  }

  0% {
    stroke-dashoffset: -356px
  }

  100% {
    stroke-dasharray: 0, 366px
  }
}

@keyframes tp-border-loader {
  0% {
    stroke-dashoffset: -356px;
    stroke-dasharray: 356px, 366px
  }

  95% {
    stroke-dashoffset: 0;
    stroke-dasharray: 356px, 366px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 0, 366px
  }
}

@keyframes tfLeftToRight {
  49% {
    transform: translateX(30%)
  }

  50% {
    opacity: 0;
    transform: translateX(-30%)
  }

  51% {
    opacity: 1
  }
}

@keyframes scrollText-2 {
  from {
    transform: translateX(-50%)
  }

  to {
    transform: translateX(0)
  }
}

@keyframes headerSlideDown {
  0% {
    margin-top: -150px
  }

  100% {
    margin-top: 0
  }
}

@keyframes zoom {

  0%,
  100% {
    transform: scale(.5)
  }

  50% {
    transform: scale(1)
  }
}

@keyframes moving {

  0%,
  100% {
    transform: translatey(0)
  }

  20% {
    transform: translateX(-50px)
  }

  50% {
    transform: translatey(-40px)
  }
}

@keyframes rotate2 {
  from {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes sliderShape {

  0%,
  100% {
    border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
    transform: translate3d(0, 0, 0) rotateZ(.01deg)
  }

  34% {
    border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
    transform: translate3d(0, 5px, 0) rotateZ(.01deg)
  }

  50% {
    transform: translate3d(0, 0, 0) rotateZ(.01deg)
  }

  67% {
    border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
    transform: translate3d(0, -3px, 0) rotateZ(.01deg)
  }
}

@keyframes lineAnim {
  0% {
    left: 0;
    opacity: 0
  }

  10% {
    opacity: 1
  }

  100% {
    left: 100%
  }
}

@keyframes shine {
  100% {
    left: 125%
  }
}

#loading {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999;
  margin-top: 0;
  top: 0
}

.object {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50%;
  position: absolute;
  border-top: 5px solid #fff;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fff;
  border-right: 5px solid transparent;
  -webkit-animation: 2s infinite animate;
  animation: 2s infinite animate
}

@keyframes animate {
  50% {
    -ms-transform: rotate(360deg) scale(.8);
    -webkit-transform: rotate(360deg) scale(.8);
    transform: rotate(360deg) scale(.8)
  }
}

.tp-header-2-area.tp-header-sticky-cloned .tp-header-2-menu>nav>ul>li>a::before,
.tp-header-style-5 .tp-header-menu>nav>ul.tp-onepage-menu>li>a.active::after,
.tp-header-style-5 .tp-header-menu>nav>ul>li>a::after,
.tp-header-style-5.tp-header-sticky-cloned .tp-header-menu>nav>ul>li>a::after,
.tp-onepage-header.header-sticky.tp-header-style-5.background-bg,
.tp-slick-dot .slick-dots li.slick-active button,
.white-bg {
  background-color: var(--tp-common-white)
}

.black-bg,
.tp-team-inner-style .tp-team-author-info span::before {
  background-color: var(--tp-common-black)
}


.tp-slick-dot-blue .slick-dots li.slick-active button,
.tp-swiper-arrow button:hover,
.tp-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-theme-primary)
}

.tp-swiper-dot,
.tp-swiper-dot-border {
  line-height: 1
}

.tp-swiper-dot .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: var(--tp-grey-3);
  opacity: 1;
  margin: 0 3px;
  position: relative
}

.tp-swiper-dot .swiper-pagination-bullet button,
.tp-swiper-dot-border .swiper-pagination-bullet button {
  font-size: 0
}

.tp-swiper-dot-border.tp-swiper-dot-style-darkRed .swiper-pagination-bullet.swiper-pagination-bullet-active,
.tp-swiper-dot.tp-swiper-dot-style-darkRed .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-theme-secondary)
}

.tp-swiper-dot-border .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: transparent;
  opacity: 1;
  margin: 0 3px;
  position: relative;
  border: 1px solid rgba(2, 6, 38, .4)
}

.tp-swiper-dot-border .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-common-black);
  border-color: var(--tp-common-black)
}

.tp-swiper-arrow button {
  width: 40px;
  height: 40px;
  line-height: 38px;
  font-size: 20px;
  text-align: center;
  background-color: transparent;
  color: var(--tp-text-2);
  border: 1px solid rgba(2, 6, 38, .1);
  border-radius: 50%
}

.tp-swiper-scrollbar {
  background-color: #edeff2;
  height: 2px
}

.tp-swiper-scrollbar .tp-swiper-scrollbar-drag {
  background-color: var(--tp-common-black);
  height: 100%
}

.nice-select,
.nice-select .list {
  background-color: #fff;
  width: 100%;
  box-sizing: border-box
}

.tp-swiper-scrollbar:focus,
.tp-swiper-scrollbar:hover {
  -webkit-transform: scaleY(3);
  -moz-transform: scaleY(3);
  -ms-transform: scaleY(3);
  -o-transform: scaleY(3);
  transform: scaleY(3)
}

.tp-slick-dot .slick-dots li {
  display: inline-block;
  margin: 0 4px
}


.nice-select,
.no-csspointerevents .nice-select.open .list,
.tp-blog-2-middle-box .tp-blog-meta span,
.tp-onepage-menu li a span,
.ui-selectmenu-open {
  display: block
}

.tp-slick-dot .slick-dots li button {
  font-size: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, .2)
}

.tp-slick-dot-blue .slick-dots li button {
  background-color: var(--tp-grey-3)
}

.nice-select {
  -webkit-tap-highlight-color: transparent;
  border: 1px solid #e6e6e6;
  clear: both;
  cursor: pointer;
  float: left;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-heading);
  font-size: 14px;
  font-weight: 400;
  height: 70px;
  line-height: 70px;
  outline: 0;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap
}

.nice-select::after {
  position: absolute;
  content: "\f107";
  top: 50%;
  right: 33px;
  font-size: 18px;
  font-family: var(--tp-ff-fontawesome);
  color: #54595f;
  font-weight: 500;
  pointer-events: none;
  -webkit-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
  margin-top: 0;
  transform-origin: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}

.nice-select.open::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg)
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0)
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none
}

.nice-select.disabled::after {
  border-color: #ccc
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important
}

.nice-select.right,
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right
}

.nice-select.right .list,
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px
}

.nice-select.small::after {
  height: 4px;
  width: 4px
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px
}

.nice-select .list {
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(.75) translateY(-21px);
  -ms-transform: scale(.75) translateY(-21px);
  transform: scale(.75) translateY(-21px);
  -webkit-transition: .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
  transition: .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
  z-index: 9;
  border: 1px solid #e6e6e6
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: 0;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: .2s;
  transition: .2s
}

.body-overlay,
.tpoffcanvas {
  position: fixed;
  transition: .45s ease-in-out;
  visibility: hidden;
  top: 0;
  opacity: 0
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default
}

.tp-pagination ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}


.send-btn.is-error .btn-icon.error,
.send-btn.is-loading .btn-spinner,
.tp-blog-2-thumb a,
.tp-pagination ul li,
.tp-project-details-list ul,
.tp-service-icon-box span {
  display: inline-block
}

.tp-pagination ul li:not(:last-child) {
  margin-right: 6px
}

.tp-pagination ul li a,
.tp-pagination ul li span {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  border: 1px solid rgba(2, 6, 38, .1);
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-text-body)
}

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

.body-overlay {
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, .8)
}

.breadcrumb__height,
.tpoffcanvas {
  background-size: cover;
  background-repeat: no-repeat
}

.body-overlay:hover {
  cursor: url(../img/cross-out.png), pointer
}

.tpoffcanvas {
  background-position: center;
  width: 480px;
  bottom: 0;
  box-shadow: 0 16px -32px 0 rgba(0, 0, 0, .8);
  background-color: #fff8ed;
  z-index: 999999;
  padding: 50px;
  scrollbar-width: none;
  overflow-y: scroll
}


.tp-contact-box ul li:not(:last-child),
.tp-project-style-2 .tp-project-title,
.tp-shop-details__product-info {
  margin-bottom: 30px
}


.tp-about-4-list,
.tp-shop-details__text,
.tpoffcanvas .tp-main-menu-mobile,
.tpoffcanvas__contact-info {
  margin-bottom: 50px
}

.tpoffcanvas.opened {
  opacity: 1;
  visibility: visible;
  right: 0;
  -webkit-transition: .4s cubic-bezier(.785, .135, .15, .86);
  -moz-transition: .4s cubic-bezier(.785, .135, .15, .86);
  transition: .4s cubic-bezier(.785, .135, .15, .86);
  transition-duration: .6s
}

@media (max-width:767px) {

  .tp-gx-20,
  .tp-gx-30 {
    --bs-gutter-x: 10px
  }

  .tp-gx-40 {
    --bs-gutter-x: 15px
  }

  .back-to-top-wrapper {
    right: 20px
  }

  .tpoffcanvas {
    width: 300px;
    padding: 40px 35px
  }

  .tpoffcanvas__contact-info ul li {
    font-size: 14px
  }
}

.tpoffcanvas__contact-title h5 {
  color: #323232;
  font-weight: 700;
  display: inline-block
}

.tpoffcanvas__contact-info ul li {
  font-size: 14px;
  margin-bottom: 15px;
  list-style-type: none;
  letter-spacing: 1.2px;
  color: var(--tp-common-black)
}

.tpoffcanvas__contact-info ul li:last-child {
  margin-bottom: 0
}

.tpoffcanvas__contact-info ul li a {
  margin-left: 10px;
  transition: .3s
}

.tpoffcanvas__contact-info ul li a:hover {
  color: #323332
}

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

.tpoffcanvas__close-btn button {
  position: absolute;
  right: 30px;
  top: 30px;
  transition: .4s cubic-bezier(.785, .135, .15, .86);
  -webkit-transition: .4s cubic-bezier(.785, .135, .15, .86);
  -moz-transition: .4s cubic-bezier(.785, .135, .15, .86);
  transition-duration: .3s;
  height: 40px;
  width: 40px;
  line-height: 45px;
  color: var(--tp-common-black)
}


.breadcrumb__title {
  color: var(--tp-common-white)
}

.tpoffcanvas__close-btn button:hover i {
  transform: rotate(360deg)
}

.tpoffcanvas__close-btn button i {
  font-weight: 300;
  font-size: 20px;
  transition: .9s
}

.tpoffcanvas__social {
  margin-top: 30px
}

.tpoffcanvas__social .social-icon a {
  height: 55px;
  width: 55px;
  line-height: 58px;
  text-align: center;
  font-size: 16px;
  background-color: rgba(0, 0, 0, .08);
  color: var(--tp-common-black);
  margin-right: 15px;
  transition: .3s;
  display: inline-block;
  border-radius: 50%
}

.tp-checkout-btn:hover,
.tpoffcanvas__social .social-icon a:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white)
}

.breadcrumb__pt,
.tp-header-2-area.tp-header-2-pt,
.tp-onepage-header.header-sticky .tp-header-2-pt {
  padding-top: 0
}

.breadcrumb__height {
  height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
  background-position: bottom
}

.breadcrumb__overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: ""
}

.breadcrumb__title {
  font-weight: 700;
  font-size: 68px;
  text-transform: capitalize;
  margin-bottom: 0;
  line-height: 1
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .breadcrumb__title {
    font-size: 62px
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .breadcrumb__title {
    font-size: 53px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .breadcrumb__title {
    font-size: 52px
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .breadcrumb__title {
    font-size: 45px
  }
}

@media (max-width:767px) {
  .tpoffcanvas__social .social-icon a {
    margin-right: 3px;
    height: 50px;
    width: 50px;
    line-height: 53px;
    font-size: 15px
  }

  .breadcrumb__title {
    margin-bottom: 20px;
    font-size: 64px !important;
    line-height: 1.05
  }
}

.tp-blog-2-middle-box .tp-blog-meta span:not(:last-child),
.tp-checkout-input,
.tp-custom-accordion .accordion-items,
.tp-return-customer-input,
.tp-shop-details__price,
.tp-sv-sidebar-widget ul li:not(:last-child) {
  margin-bottom: 20px
}

.tp-custom-accordion .accordion-buttons {
  position: relative;
  width: 100%;
  font-weight: 700;
  font-size: 20px;
  text-align: left;
  padding: 25px 55px 25px 30px;
  transition: .3s;
  font-family: var(--tp-ff-heading);
  color: #393939;
  background-color: #e9e3d6;
  display: flex;
  align-items: start
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-custom-accordion .accordion-buttons {
    font-size: 17px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-custom-accordion .accordion-buttons {
    font-size: 16px
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tp-custom-accordion .accordion-buttons {
    font-size: 18px
  }
}

@media (max-width:767px) {
  .breadcrumb__content {
    flex-wrap: wrap
  }

  .tp-custom-accordion .accordion-buttons {
    font-size: 15px;
    padding-left: 20px
  }

  .tp-custom-accordion .accordion-buttons::after {
    right: 20px
  }
}

.tp-custom-accordion .accordion-buttons::after {
  position: absolute;
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  top: 21px;
  right: 20px;
  font-weight: 700;
  font-size: 12px;
  opacity: 1;
  transition: .3s;
  height: 28px;
  width: 28px;
  line-height: 27px;
  border-radius: 50%;
  text-align: center;
  color: var(--tp-common-black);
  border: 1px solid var(--tp-common-black)
}

.tp-custom-accordion .accordion-buttons span {
  margin-right: 5px;
  display: inline-block
}

.tp-custom-accordion .accordion-buttons.collapsed::after {
  content: "\f067"
}

.tp-custom-accordion .collapsed {
  position: relative;
  z-index: 99
}

.tp-custom-accordion .accordion-body {
  padding-top: 17px;
  padding-bottom: 2px;
  position: relative;
  z-index: 1;
  font-weight: 400;
  font-size: 16px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-custom-accordion .accordion-body {
    font-size: 15px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-custom-accordion .accordion-body {
    font-size: 14px
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tp-custom-accordion .accordion-body {
    font-size: 14px
  }
}

@media (max-width:767px) {
  .tp-custom-accordion .accordion-body {
    font-size: 13px;
    padding-right: 0;
    line-height: 26px
  }
}

.tp-product-tab-2 .nav-tabs .nav-link.active {
  color: var(--tp-theme-secondary)
}


.tp-header-2-area.tp-header-sticky-cloned .tp-header-2-bar button svg,
.tp-header-2-area.tp-header-sticky-cloned .tp-header-2-icon button svg,
.tp-header-2-area.tp-header-sticky-cloned .tp-header-2-menu>nav>ul>li.has-dropdown::after,
.tp-header-2-bar button svg,
.tp-header-2-icon button svg,
.tp-header-2-icon>a svg,
.tp-main-menu-mobile ul li.has-dropdown-2>a .dropdown-toggle-btn:hover i,
.tp-main-menu-mobile ul li.has-dropdown-2>a.expanded .dropdown-toggle-btn.dropdown-opened i,
.tp-main-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn:hover i,
.tp-main-menu-mobile ul li.has-dropdown>a.expanded .dropdown-toggle-btn.dropdown-opened i {
  color: var(--tp-common-white)
}

.tp-tab-line {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  width: 38%;
  height: 2px;
  background-color: var(--tp-common-black)
}

.tp-section-subtitle {
  color: #5c5a5a;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  display: inline-block;
  text-transform: capitalize;
  padding-bottom: 5px
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
  .tp-section-subtitle {
    font-size: 16px
  }
}

.tp-section-title {
  font-size: 48px;
  line-height: 1.2;
  margin-bottom: 0
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-section-title {
    font-size: 42px
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-section-title {
    font-size: 38px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-section-title {
    font-size: 32px
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tp-section-title {
    font-size: 38px
  }

  .tp-section-title br {
    display: none
  }
}

@media (max-width:767px) {

  .tp-section-subtitle {
    font-size: 14px
  }

  .tp-section-title {
    font-size: 29px
  }

  .tp-section-title br {
    display: none
  }
}

.search__popup {
  padding: 70px 70px 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 55%;
  background-color: rgba(0, 0, 0, .8);
  z-index: 99999;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  -webkit-transform: translateY(calc(-100% - 80px));
  -moz-transform: translateY(calc(-100% - 80px));
  -ms-transform: translateY(calc(-100% - 80px));
  -o-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  -webkit-transition: transform .6s ease-in-out, opacity .6s ease-in-out;
  -moz-transition: transform .6s ease-in-out, opacity .6s ease-in-out;
  transition: transform .6s ease-in-out 0.7s, opacity .6s ease-in-out 0.7s
}

.search__popup.search-opened {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition-delay: 0s
}

.search__popup.search-opened .search__input {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.3s
}

.search__popup.search-opened .search__input::after {
  width: 100%;
  transition-delay: 0.5s
}


.tp-project-item-wrap {
  margin-bottom: 80px
}

.tp-hotspot {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 16px;
  color: var(--tp-common-black);
  border-radius: 50%;
  background-color: var(--tp-common-white);
  position: absolute;
  z-index: 1
}

*,
.ui-button-icon-only,
::after,
::before {
  box-sizing: border-box
}

.send-btn.is-loading,
.ui-state-disabled {
  pointer-events: none
}

.ui-datepicker .ui-icon,
.ui-icon {
  text-indent: -99999px;
  background-repeat: no-repeat
}

.ui-helper-reset,
.ui-menu {
  outline: 0;
  list-style: none
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse
}

.ui-front {
  z-index: 100
}

.ui-state-disabled {
  cursor: default !important
}

.ui-icon {
  display: inline-block;
  margin-top: -.25em;
  position: relative;
  overflow: hidden
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto
}

.ui-autocomplete {
  top: 0;
  left: 0;
  cursor: default
}

.ui-menu {
  padding: 0;
  margin: 0;
  display: block
}

.ui-button,
.ui-controlgroup {
  display: inline-block;
  vertical-align: middle
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0
}

.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
  margin: -1px
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em
}

.ui-button,
.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0
}

.ui-button {
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible
}

.ui-button-icon-only {
  width: 2em;
  text-indent: -9999px;
  white-space: nowrap
}

input.ui-button.ui-button-icon-only {
  text-indent: 0
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px
}

button.ui-button::-moz-focus-inner,
input.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0
}

.ui-controlgroup>.ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,
.ui-controlgroup>.ui-controlgroup-item:focus {
  z-index: 9999
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
  top: 1px
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px
}

.ui-datepicker .ui-datepicker-next {
  right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: 700;
  border: 0
}

.ui-datepicker td {
  border: 0;
  padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em;
  width: auto;
  overflow: visible
}


.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-multi .ui-datepicker-group,
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left
}

.ui-datepicker.ui-datepicker-multi {
  width: auto
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0
}

.ui-datepicker-rtl {
  direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px
}

.ui-datepicker .ui-icon {
  display: block;
  overflow: hidden;
  left: .5em;
  top: .3em
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0;
  padding: 1px;
  height: 20px
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: 0 0;
  overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0
}

.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw,
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw {
  width: 7px;
  height: 7px
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move
}

.ui-draggable-handle,
.ui-selectable,
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none
}

.ui-resizable-handle {
  position: absolute;
  font-size: .1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #000
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  padding: 2px .4em;
  margin: .5em 0 0;
  height: auto;
  border: 0
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0
}

.ui-slider {
  position: relative;
  text-align: left
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none
}


.tp-appointment-contact-item label:hover,
.tp-checkout-option label:hover,
.tp-checkout-payment-item label:hover,
.tp-order-info-list ul li.tp-order-info-list-shipping span label:hover,
.tp-return-customer-remeber label:hover {
  cursor: pointer
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0
}

.tp-header-2-area.tp-header-sticky-cloned,
.tp-header-area.tp-header-sticky-cloned,
.tp-onepage-header.header-sticky {
  position: fixed;
  z-index: 999;
  box-shadow: rgba(149, 157, 165, .2) 0 8px 24px
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit
}

.ui-slider-horizontal {
  height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0
}

.ui-slider-vertical {
  width: .8em;
  height: 100px
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%
}

.ui-slider-vertical .ui-slider-range-min,
.ui-spinner-down {
  bottom: 0
}

.ui-slider-vertical .ui-slider-range-max,
.ui-spinner-up {
  top: 0
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0
}

.ui-spinner-input {
  border: none;
  background: 0 0;
  color: inherit;
  padding: .222em 0;
  margin: .2em 2em .2em .4em
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none
}

.ui-tabs {
  position: relative;
  padding: .2em
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: 0 0
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px
}

body .ui-tooltip {
  border-width: 2px
}

.ui-widget,
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em
}

.ui-widget .ui-widget {
  font-size: 1em
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333
}

.chip.active,
.ui-widget-content a,
.ui-widget-header a {
  color: #333
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: 700
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: 400;
  color: #454545
}

.ui-button,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button {
  color: #454545;
  text-decoration: none
}

.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: 400;
  color: #2b2b2b
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
a.ui-button:focus,
a.ui-button:hover {
  color: #2b2b2b;
  text-decoration: none
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: 400;
  color: #fff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #fff;
  text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35)
}

.ui-icon {
  width: 16px;
  height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-button:focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png")
}

.ui-button:active .ui-icon,
.ui-state-active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-button .ui-state-highlight.ui-icon,
.ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png")
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png")
}

.ui-icon-blank {
  background-position: 16px 16px
}

.ui-icon-caret-1-e {
  background-position: -32px 0
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px
}

.ui-icon-folder-open {
  background-position: -16px -96px
}

.ui-icon-mail-open {
  background-position: -96px -96px
}

.ui-icon-closethick {
  background-position: -96px -128px
}

.ui-icon-check {
  background-position: -64px -144px
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-top {
  border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
  border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left {
  border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
  border-bottom-right-radius: 3px
}

.ui-widget-overlay {
  background: #aaa;
  opacity: .3;
  filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666
}

.tp-hero-contact-box,
.tp-hero-funfact-box {
  box-shadow: 0 6px 25px 0 rgba(0, 0, 0, .05);
  background-color: var(--tp-common-white)
}

.tp-onepage-header.header-sticky {
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  width: 100%;
  visibility: visible;
  background-color: var(--tp-common-white);
  -webkit-animation: .95s forwards headerSlideDown;
  -khtml-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  -moz-animation: .95s forwards headerSlideDown;
  -ms-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  -o-animation: .95s forwards headerSlideDown;
  animation: .95s forwards headerSlideDown
}

.tp-onepage-header.header-sticky .tp-header-menu>nav>ul>li>a {
  padding: 20px 0
}

.tp-onepage-header.header-sticky.tp-header-style-4 .tp-header-menu>nav>ul>li>a::after {
  bottom: 34%
}


.tp-main-menu-mobile ul li .submenu li:hover a .dropdown-toggle-btn,
.tp-main-menu-mobile ul li.has-dropdown-2>a.expanded,
.tp-main-menu-mobile ul li.has-dropdown>a.expanded,
.tp-main-menu-mobile ul li:hover>a,
.tp-main-menu-mobile ul li:hover>a .dropdown-toggle-btn i,
.tp-main-menu-mobile ul li:hover>a::after {
  color: var(--tp-theme-1)
}

.tp-onepage-header.header-sticky.tp-header-style-4 .tp-header-bar button {
  color: var(--tp-theme-1);
  border-color: var(--tp-theme-1)
}

.tp-header-area.tp-header-sticky-cloned {
  top: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  transform: translateY(-100%);
  background-color: #fff8ed;
  transition: .3s ease-in-out, _ .3s ease-in-out;
  transform-origin: top
}

.tp-header-area.tp-header-sticky-cloned .tp-header-menu>nav>ul>li>a {
  padding: 25px 0
}

.tp-header-area.tp-header-sticky-cloned .tp-header-bar button {
  border-radius: 0;
  color: var(--tp-common-black);
  border-color: var(--tp-common-black)
}

.tp-header-area.tp-header-sticky-cloned.tp-header-style-4 .tp-header-menu>nav>ul>li>a::after {
  bottom: 38%
}

.tp-header-area.tp-header-pinned {
  transform: translateY(0);
  visibility: visible
}

.tp-header-2-area.tp-header-sticky-cloned {
  top: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  background-color: #fff;
  transition: .5s ease-in-out, _ .5s ease-in-out;
  transform-origin: top
}

.tp-header-2-menu>nav>ul>li>.submenu>li>a::after,
.tp-header-menu>nav>ul>li>a::after,
.tp-header-top-left ul li a::after {
  left: auto;
  height: 1px;
  width: 0;
  transition: .7s;
  display: inline-block
}

.tp-header-2-area.tp-header-sticky-cloned .tp-header-2-menu>nav>ul>li>a {
  padding: 25px 0;
  color: var(--tp-common-white)
}

.tp-header-2-area.tp-header-sticky-cloned.tp-header-inner-style .tp-header-2-menu>nav>ul>li>a {
  padding: 35px 0 25px
}

.tp-header-2-area.tp-header-sticky-cloned.tp-header-inner-style .tp-header-2-menu>nav>ul>li>a::after {
  top: 36%
}

.tp-header-2-area.tp-header-pinned {
  transform: translateY(0) perspective(300px) rotateX(0);
  visibility: visible
}

.tp-header-style-5.tp-header-sticky-cloned .tp-header-menu>nav>ul>li>a {
  padding: 25px 0;
  color: var(--tp-common-black)
}

.tp-header-tranparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2
}

.tp-header-top-height {
  padding: 10px 0
}

.tp-header-2-right ul li,
.tp-header-inner-style .tp-header-right ul li,
.tp-header-top-left ul li {
  display: inline-block;
  list-style-type: none
}

.tp-header-top-left ul li:not(:last-child) {
  margin-right: 18px
}

.tp-header-top-left ul li i {
  margin-right: 5px;
  color: var(--tp-common-white)
}

.tp-header-top-left ul li a {
  color: var(--tp-common-white);
  position: relative;
  text-transform: capitalize
}

.tp-header-top-left ul li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: var(--tp-common-white)
}

.tp-header-2-menu>nav>ul>li>.submenu,
.tp-header-menu>nav>ul>li>.submenu {
  top: 100%;
  width: 200px;
  z-index: 999;
  padding: 20px 30px;
  background-color: #fff;
  border-top: 3px solid var(--tp-theme-1);
  position: absolute;
  text-align: start
}

.tp-copyright-right a:hover::after,
.tp-header-top-left ul li a:hover::after,
.tp-hero-contact-box a:hover::after {
  width: 100%;
  right: auto;
  left: 0
}

.tp-header-top-social a {
  font-size: 16px;
  display: inline-block;
  color: var(--tp-common-white);
  transition: .3s
}

.tp-header-top-social a:not(:last-child) {
  margin-right: 21px
}

.tp-header-menu {
  padding-left: 285px
}

.tp-header-menu>nav>ul>li {
  display: inline-block;
  margin: 0 13px;
  position: relative
}

.tp-header-menu>nav>ul>li>a {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1.2px;
  display: inline-block;
  padding: 46px 0;
  color: var(--tp-common-black);
  position: relative
}

.tp-header-menu nav {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important
}

.tp-header-menu>nav>ul>li>a::after {
  content: "";
  position: absolute;
  bottom: 40%;
  right: 0;
  background-color: var(--tp-common-white)
}

.tp-header-menu>nav>ul>li>.submenu {
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: .4s;
  transform: translate3d(15px, 0, 0);
  transform-origin: top center;
  backdrop-filter: blur(12.5px);
  box-shadow: rgba(149, 157, 165, .2) 0 8px 24px
}

.tp-header-2-menu>nav>ul>li>.submenu>li,
.tp-header-menu>nav>ul>li>.submenu>li {
  margin: 0;
  display: block
}

.tp-header-2-menu>nav>ul>li>.submenu>li>a,
.tp-header-menu>nav>ul>li>.submenu>li>a {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.2px;
  padding: 0;
  text-transform: capitalize;
  color: var(--tp-common-black);
  position: relative
}


.tp-copyright-right a::after,
.tp-header-menu>nav>ul>li>.submenu>li>a::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: var(--tp-theme-1);
  transition: .7s;
  display: inline-block
}


.tp-header-2-menu>nav>ul>li>.submenu>li:hover>a::after,
.tp-header-menu>nav>ul.tp-onepage-menu>li>a.active::after,
.tp-header-menu>nav>ul>li:hover>a::after,
.tp-header-menu>nav>ul>li>.submenu>li:hover>a::after {
  width: 100%;
  right: auto;
  left: 0;
  background-color: var(--tp-common-black)
}

.tp-header-menu>nav>ul>li:hover .submenu {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0)
}

.tp-header-bar button {
  height: 70px;
  width: 70px;
  line-height: 50px;
  margin: 12px 0 12px 70px;
  font-size: 18px;
  color: var(--tp-common-black)
}

.tp-header-2-pt .tp-header-2-menu>nav>ul.tp-onepage-menu>li>a.active::before {
  width: 100%;
  right: auto;
  left: 0;
  background-color: var(--tp-common-white)
}

.tp-header-2-pt {
  padding-top: 35px
}

.tp-header-2-menu {
  padding-left: 60px
}

.tp-header-2-menu>nav>ul {
  counter-reset: count
}

.tp-header-2-menu>nav>ul>li {
  display: inline-block;
  margin: 0 18px;
  position: relative
}

.tp-header-2-menu>nav>ul>li>a {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.2px;
  display: inline-block;
  padding: 30px 0;
  color: var(--tp-common-white);
  position: relative
}

.tp-header-2-menu>nav>ul>li>a::after {
  position: absolute;
  counter-increment: count;
  content: counter(count, decimal-leading-zero);
  left: 0;
  top: 10px;
  font-size: 12px;
  font-weight: 500
}

.tp-header-2-menu>nav>ul>li>a::before {
  position: absolute;
  content: "";
  bottom: 30px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--tp-common-white);
  transition: .3s
}

.tp-header-2-menu>nav>ul>li>.submenu {
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: .4s;
  transform: translate3d(15px, 0, 0);
  transform-origin: top center;
  box-shadow: rgba(149, 157, 165, .2) 0 8px 24px
}

.tp-header-2-menu>nav>ul>li>.submenu>li>a::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: var(--tp-common-black)
}

.tp-header-2-menu>nav>ul>li.has-dropdown::after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  transition: .3s;
  margin-left: 5px;
  transform: translateY(2px);
  color: var(--tp-common-white)
}

.tp-header-2-menu>nav>ul>li:hover.has-dropdown::after {
  transform: rotate(-180deg)
}

.tp-header-2-menu>nav>ul>li:hover .submenu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1)
}

.tp-header-2-right ul li:not(:last-child) {
  margin-right: 28px
}

.tp-header-style-3 .tp-header-menu {
  padding-left: 280px
}

.tp-header-style-3 .tp-header-menu>nav>ul>li>a {
  padding: 36px 0
}

.tp-header-style-4 .tp-header-menu {
  padding-left: 165px
}

.tp-header-style-4 .tp-header-menu>nav>ul>li>a {
  padding: 52px 0
}

.tp-header-style-4 .tp-header-bar button {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  line-height: 40px;
  color: var(--tp-common-white);
  border-color: var(--tp-common-white)
}

.tp-header-style-5 .tp-header-menu {
  padding-left: 335px
}

.tp-header-style-5 .tp-header-menu>nav>ul>li>a {
  color: var(--tp-common-white);
  padding: 42px 0
}

.tp-header-style-5 .tp-header-bar button {
  border-color: #000
}

.tp-header-inner-style .tp-header-icon>a,
.tp-service-link a {
  color: var(--tp-common-black);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: capitalize
}

.tp-header-inner-style .tp-header-2-menu {
  padding-left: 195px
}

@media only screen and (min-width:1600px) and (max-width:1700px) {
  .tp-header-menu {
    padding-left: 200px
  }

  .tp-header-style-3 .tp-header-menu {
    padding-left: 220px
  }

  .tp-header-style-4 .tp-header-menu {
    padding-left: 115px
  }

  .tp-header-style-5 .tp-header-menu {
    padding-left: 230px
  }

  .tp-header-inner-style .tp-header-2-menu {
    padding-left: 150px
  }
}

.tp-header-inner-style .tp-header-2-menu>nav>ul>li>a {
  padding-top: 55px;
  padding-bottom: 35px;
  color: var(--tp-common-black)
}

.tp-header-inner-style .tp-header-2-menu>nav>ul>li>a::before {
  bottom: 34%;
  transform: translate(0, -50%);
  background-color: var(--tp-common-black)
}

.tp-header-inner-style .tp-header-2-menu>nav>ul>li>a::after {
  left: 0;
  top: 42%;
  transform: translate(0, -50%)
}

.tp-header-inner-style .tp-header-2-menu>nav>ul>li .submenu>ul>li>a,
.tp-main-menu-mobile ul li ul,
.tp-main-menu-mobile ul li ul li {
  padding: 0
}

.tp-main-menu-mobile ul {
  position: static;
  display: block;
  box-shadow: none
}

.tp-main-menu-mobile ul li {
  list-style: none;
  position: relative;
  width: 100%;
  padding: 0
}

.tp-main-menu-mobile ul li:not(:last-child) a {
  border-bottom: 1px solid rgba(6, 7, 40, .1)
}

.tp-main-menu-mobile ul li.has-dropdown-2>a .dropdown-toggle-btn,
.tp-main-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn {
  position: absolute;
  right: 0;
  top: 21%;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
  font-size: 18px;
  color: #7f8387;
  font-family: "Font Awesome 5 Pro";
  transition: .3s ease-in-out;
  z-index: 1;
  width: 25px;
  height: 25px;
  line-height: 22px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, .12);
  transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out
}

.tp-main-menu-mobile ul li.has-dropdown-2>a .dropdown-toggle-btn i,
.tp-main-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn i {
  transition: .3s ease-in-out
}

.tp-main-menu-mobile ul li.has-dropdown-2>a .dropdown-toggle-btn.dropdown-opened i,
.tp-main-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn.dropdown-opened i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}

.tp-main-menu-mobile ul li.has-dropdown-2>a .dropdown-toggle-btn:hover,
.tp-main-menu-mobile ul li.has-dropdown-2>a.expanded .dropdown-toggle-btn.dropdown-opened,
.tp-main-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn:hover,
.tp-main-menu-mobile ul li.has-dropdown>a.expanded .dropdown-toggle-btn.dropdown-opened {
  background-color: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
  color: var(--tp-common-white)
}

.tp-main-menu-mobile ul li.has-dropdown-2:hover>a::after,
.tp-main-menu-mobile ul li.has-dropdown:hover>a::after {
  color: var(--tp-theme-green)
}


.tp-main-menu-mobile ul li:last-child a span {
  border-bottom: 0
}

.tp-main-menu-mobile ul li>a {
  display: block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.2px;
  color: var(--tp-common-white);
  position: relative;
  padding: 7px 20px 7px 0
}

.tp-main-menu-mobile ul li>a>i {
  display: inline-block;
  width: 11%;
  margin-right: 13px;
  -webkit-transform: translateY(4px);
  -moz-transform: translateY(4px);
  -ms-transform: translateY(4px);
  -o-transform: translateY(4px);
  transform: translateY(4px);
  font-size: 21px;
  line-height: 1
}

.tp-main-menu-mobile ul li ul li a {
  margin-left: auto;
  width: 93%;
  padding: 10px 20px 10px 0;
  text-shadow: none !important;
  visibility: visible
}

.tp-main-menu-mobile ul li ul li li a {
  width: 88%;
  padding: 10px 20px 10px 0
}

.tp-main-menu-mobile ul li ul li li li a {
  width: 83%;
  padding: 10px 20px 10px 0
}

.tp-main-menu-mobile ul li ul li li li li a {
  width: 68%;
  padding: 10px 20px 10px 0
}


.tp-main-menu-mobile ul li .submenu {
  position: static;
  min-width: 100%;
  padding: 0;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  display: none
}


.tp-main-menu-mobile ul li .submenu li {
  float: none;
  display: block;
  width: 100%;
  padding: 0
}

.tp-main-menu-mobile * li,
.tp-main-menu-mobile * ul {
  transition: none !important
}

#ship-box-info,
.tp-appointment-contact-item input,
.tp-blog-style-3 .tp-blog-meta span::after,
.tp-checkout-option input,
.tp-checkout-payment-item input,
.tp-footer-style-2 .tp-footer-list ul li a::after,
.tp-footer-style-2 .tp-footer-list ul li a::before,
.tp-footer-style-3 .tp-footer-logo::after,
.tp-footer-style-4 .tp-footer-title::after,
.tp-footer-style-5 .tp-footer-logo::after,
.tp-footer-style-5 .tp-footer-title::after,
.tp-order-info-list ul li.tp-order-info-list-shipping span input,
.tp-product-2-style-4 .tp-product-2-thumb::after,
.tp-return-customer-remeber input,
.tp-team-style-2 .tp-team-author-info span::before,
.tp-team-style-3 .tp-team-author-info span::before {
  display: none
}

.postbox__list-content ul li span.active,
.tp-team-social a:hover,
.tp-team-style-3 .tp-team-social-box a:hover {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white)
}


.tp-funfact-style-2 .tp-funfact-wrap,
.tp-team-details-wrap {
  margin-left: 5px
}


.tp-about-4-list ul li:last-child,
.tp-funfact-2-item-box ul li:last-child,
.tp-testimonial-3-text p,
.tp-testimonial-text p {
  margin-bottom: 0
}


.tp-footer-style-4 .tp-footer-widge-style-2 .tp-footer-contact ul li:not(:last-child),
.tp-shop-details__ratting {
  margin-bottom: 15px
}


.tp-order-info-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 40px
}


.tp-testimonial-author-thumb-box {
  flex: 0 0 auto
}


.tp-testimonial-3-author-thumb img {
  border-radius: 50%
}


.tp-about-2-icon span svg,
.tp-product-2-arrow-box button svg,
.tp-service-2-text a:hover,
.tp-slider-2-wrapper .tp-slider-icon span svg,
.tp-slider-title span,
.tp-testimonial-3-quot span svg {
  color: var(--tp-theme-1)
}


.tp-form-box-style-2,
.tp-header-style-5 .tp-menu-bar,
.tp-service-style-3 .tp-service-2-icon,
.tp-team-inner-style .tp-team-social-box a:not(:last-child) {
  margin-right: 20px
}


.sidebar__widget ul li.active,
.tp-footer-style-3 .tp-footer-social a:hover,
.tp-project-dots .swiper-pagination-bullet-active,
.tp-shop-sidebar-widget-content ul li.active,
.tp-shop-sidebar-widget-content ul li:hover,
.tp-team-style-2 .tp-team-social-box a:hover {
  background-color: var(--tp-theme-1)
}


.tp-order-details-item-wrapper .row [class*=col-]:nth-child(2n) .tp-order-details-item {
  padding-left: 40px
}


.sidebar__widget ul li.active a,
.tp-footer-style-2 .tp-footer-list ul li a:hover i {
  color: var(--tp-common-white)
}


.tp-appointment-contact-item:not(:last-child),
.tp-checkout-payment-item:not(:last-child),
.tp-footer-list ul li:not(:last-child),
.tp-service-content p {
  margin-bottom: 10px
}


.tp-return-customer-input input:focus {
  border: 1px solid var(--tp-theme-1)
}


.tp-blog-meta span svg {
  display: inline-block;
  margin-right: 5px
}


.tp-blog-item {
  background-color: var(--tp-common-white)
}

.tp-blog-item {
  height: 100%;
  line-height: 0
}

.tp-blog-2-item:hover .tp-blog-2-thumb img,
.tp-blog-item:hover .tp-blog-thumb img {
  transform: scale(1.2) rotate(-2deg)
}

.tp-blog-2-item:hover .tp-blog-2-thumb::after,
.tp-blog-item:hover .tp-blog-thumb::after {
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: .4s linear;
  transition: .4s linear
}

.tp-blog-thumb {
  overflow: hidden;
  position: relative;
  height: 100%;
  flex: 0 0 auto
}

.tp-blog-thumb img {
  transition: 1.3s;
  height: 100%;
  width: 100%;
  object-fit: cover
}

.tp-blog-2-thumb::after,
.tp-blog-thumb::after {
  background: rgba(255, 255, 255, .3);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  right: 51%;
  top: 0;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: .4s linear;
  transition: .4s linear
}

.tp-blog-meta span {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.2px;
  color: var(--tp-common-black)
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:768px) and (max-width:991px) {
  .tp-blog-meta span {
    font-size: 10px
  }

  .tp-newsletter-content p br {
    display: none
  }
}

@media (max-width:767px) {

  .tp-blog-meta span {
    font-size: 9px
  }
}

.tp-blog-meta span:not(:last-child),
.tp-service-style-5 .tp-service-2-icon {
  margin-right: 30px
}

.tp-blog-meta span svg {
  transform: translateY(-3px)
}

.tp-blog-title {
  margin-right: 50px;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-header-menu {
    padding-left: 150px
  }

  .tp-header-style-3 .tp-header-menu {
    padding-left: 155px
  }

  .tp-header-style-4 .tp-header-menu {
    padding-left: 85px
  }

  .tp-header-style-4 .tp-header-menu>nav>ul>li>a {
    padding: 35px 0
  }

  .tp-header-style-5 .tp-header-menu {
    padding-left: 200px
  }

  .tp-header-inner-style .tp-header-2-menu {
    padding-left: 75px
  }

  .tp-blog-title {
    font-size: 25px
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-header-menu {
    padding-left: 85px
  }

  .tp-header-2-menu {
    padding-left: 36px
  }

  .tp-header-style-3 .tp-header-menu {
    padding-left: 80px
  }

  .tp-header-style-4 .tp-header-menu {
    padding-left: 25px
  }

  .tp-header-style-5 .tp-header-menu {
    padding-left: 120px
  }

  .tp-header-inner-style .tp-header-right {
    margin-left: -20px
  }

  .tp-header-inner-style .tp-header-2-menu {
    padding-left: 20px
  }

  .tp-header-inner-style .tp-header-2-menu>nav>ul>li {
    margin: 0 14px
  }

  .tp-blog-title {
    font-size: 21px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-blog-title {
    font-size: 22px
  }

  .tp-blog-title br {
    display: none
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tp-blog-title {
    font-size: 25px
  }

  .tp-blog-title br {
    display: none
  }
}

@media (max-width:767px) {
  .tp-blog-title {
    font-size: 19px;
    margin-right: 0
  }

  .tp-blog-title br {
    display: none
  }
}

.tp-blog-2-title a,
.tp-blog-title a,
.tp-feature-title a,
.tp-price-title a,
.tp-product-2-title a,
.tp-product-title a,
.tp-service-2-title a,
.tp-service-title a,
.tp-team-title a {
  background-repeat: no-repeat;
  background-size: 0 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size .6s linear;
  background-image: linear-gradient(#000, #000), linear-gradient(#000, #000)
}

.tp-blog-2-title a:hover,
.tp-blog-title a:hover,
.tp-contact-content a:hover,
.tp-feature-title a:hover,
.tp-footer-contact ul li a:hover,
.tp-gallery-title a:hover,
.tp-price-title a:hover,
.tp-product-2-title a:hover,
.tp-product-title a:hover,
.tp-project-2-title a:hover,
.tp-project-3-title a:hover,
.tp-project-4-title a:hover,
.tp-project-5-title a:hover,
.tp-project-title a:hover,
.tp-service-2-title a:hover,
.tp-service-title a:hover,
.tp-team-title a:hover {
  background-size: 0 1px, 100% 1px
}

.tp-blog-content {
  padding: 27px
}

.tp-blog-big-text {
  position: absolute;
  content: "";
  top: 25%;
  right: 10.6%
}

.tp-about-big-text h6,
.tp-blog-big-text h6,
.tp-blog-big-text-2 h6,
.tp-exp-fea-big-text h6 {
  color: var(--tp-theme-1);
  font-size: 148px;
  font-style: normal;
  font-weight: 700;
  opacity: .05
}

.tp-blog-big-text-2 {
  position: absolute;
  content: "";
  bottom: 5%;
  left: 8.6%
}

.tp-blog-big-text-3 {
  position: absolute;
  content: "";
  top: 3%;
  left: 5.6%
}

@media only screen and (min-width:1600px) and (max-width:1700px) {
  .tp-blog-big-text-2 {
    left: 3%
  }

  .tp-blog-big-text-3 {
    left: 2%
  }
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-blog-big-text {
    right: 9.6%
  }

  .tp-blog-big-text-2 {
    left: 1%;
    bottom: 3%
  }

  .tp-blog-big-text-3 {
    left: .5%
  }

  .tp-blog-style-3 .tp-blog-title {
    font-size: 26px
  }
}

.tp-about-3-big-text h6,
.tp-blog-big-text-3 h6,
.tp-product-2-big-text h6,
.tp-testimonial-2-big-text h6 {
  color: var(--tp-theme-1);
  font-size: 118px;
  font-style: normal;
  font-weight: 700;
  opacity: .05
}

.tp-blog-arrow-box {
  position: absolute;
  top: -27%;
  right: 0;
  z-index: 9
}

.tp-blog-arrow-box button.blog-prev {
  margin-right: 75px;
  position: relative
}

.tp-blog-arrow-box button.blog-prev::after {
  position: absolute;
  content: "";
  top: 50%;
  right: -20px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 1px solid var(--tp-common-black);
  transform: translateY(-50%)
}

.tp-blog-arrow-box button.blog-next::after {
  position: absolute;
  content: "";
  top: 50%;
  left: -20px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 1px solid var(--tp-common-black);
  transform: translateY(-50%)
}

.tp-blog-2-item {
  padding: 20px 0;
  border-top: 1px solid rgba(166, 161, 130, .4)
}

.tp-blog-2-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.3
}

.tp-hero-title,
.tp-slider-2-content .tp-slider-title {
  line-height: 1.1
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-blog-big-text {
    right: 7.6%
  }

  .tp-blog-big-text h6,
  .tp-blog-big-text-2 h6 {
    font-size: 130px
  }

  .tp-blog-big-text-2 {
    left: 1%
  }

  .tp-blog-2-title {
    font-size: 22px
  }

  .tp-blog-2-title br {
    display: none
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-blog-content {
    padding: 27px 27px 40px
  }

  .tp-blog-arrow-box {
    top: -9%
  }

  .tp-blog-2-title {
    font-size: 18px
  }

  .tp-blog-2-title br {
    display: none
  }
}

.tp-blog-2-middle-box {
  margin-left: -40px;
  padding-right: 10px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-blog-2-middle-box {
    margin-left: 30px;
    margin-right: -30px
  }

  .tp-blog-2-middle-box .tp-blog-meta span {
    display: inline-block;
    font-size: 13px
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-blog-2-middle-box .tp-blog-meta span:not(:last-child) {
    margin-bottom: 8px
  }
}

.tp-about-3-thumb,
.tp-about-4-thumb-1,
.tp-blog-2-thumb,
.tp-gallery-thumb,
.tp-project-2-thumb,
.tp-project-style-2 .tp-project-item {
  overflow: hidden;
  position: relative
}

.tp-blog-2-thumb img {
  transition: .7s
}

.tp-blog-style-2 .tp-blog-item {
  flex-wrap: wrap;
  background-color: transparent;
  overflow: hidden
}

.tp-blog-style-2 .tp-blog-content {
  padding: 22px 0;
  background-color: transparent
}

.tp-blog-style-2 .tp-blog-title {
  margin-right: 0
}

.tp-blog-style-2 .tp-blog-meta span {
  position: relative;
  padding-left: 110px
}

.tp-blog-style-2 .tp-blog-meta span::after {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  width: 96px;
  height: 1px;
  background-color: var(--tp-theme-1)
}

@media only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:576px) and (max-width:767px) {
  .tp-blog-style-2 .tp-blog-meta span {
    padding-left: 90px
  }

  .tp-blog-style-2 .tp-blog-meta span::after {
    width: 65px
  }
}

.tp-blog-style-3 .tp-blog-meta span {
  padding-left: 0;
  display: inline-block
}

.tp-blog-style-3 .tp-blog-item:hover .tp-blog-thumb img {
  transform: scale(1.04) translateX(1.5%)
}

.tp-blog-style-3 .tp-blog-thumb {
  flex: auto;
  margin-right: 0
}

.tp-blog-style-3 .tp-blog-thumb img {
  transform: scale(1.04) translateX(-1.5%);
  transition: transform .6s cubic-bezier(.65, 0, .35, 1)
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-blog-style-3 .tp-blog-title {
    font-size: 25px
  }

  .tp-footer-text p {
    font-size: 15px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-blog-2-middle-box {
    margin-left: 0;
    padding-right: 0;
    margin-right: 0;
    text-align: center
  }

  .tp-blog-2-middle-box .tp-blog-meta span {
    display: inline-block;
    margin-right: 5px
  }

  .tp-blog-style-2 .tp-blog-title,
  .tp-blog-style-3 .tp-blog-title {
    font-size: 20px
  }

  .tp-footer-text p {
    margin-right: -20px;
    font-size: 14px
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tp-blog-2-title {
    font-size: 27px
  }

  .tp-blog-2-middle-box {
    margin-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 30px
  }

  .tp-blog-2-middle-box .tp-blog-meta span {
    font-size: 14px
  }

  .tp-blog-style-3 .tp-blog-title {
    font-size: 22px
  }

  .tp-footer-style-5 .tp-footer-text p {
    padding-right: 76px
  }
}

@media (max-width:767px) {
  .tp-blog-2-title {
    font-size: 22px
  }

  .tp-blog-2-title br {
    display: none
  }

  .tp-blog-2-middle-box {
    margin-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 30px;
    flex-wrap: wrap
  }

  .tp-blog-2-middle-box .tp-blog-meta {
    margin-bottom: 30px
  }

  .tp-blog-2-middle-box .tp-blog-meta span {
    font-size: 12px
  }

  .tp-blog-style-2 .tp-blog-title,
  .tp-blog-style-3 .tp-blog-title {
    font-size: 21px
  }
}

.tp-blog-style-3 .tp-blog-link a {
  color: var(--tp-common-black);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  display: inline-block;
  line-height: 28px
}

.tp-footer-logo {
  padding-bottom: 28px
}

.tp-footer-input-box input {
  height: 56px;
  line-height: 56px;
  color: #54595f;
  padding-right: 70px;
  border: 1px solid rgba(0, 0, 0, .2)
}

.tp-footer-input-box input::-webkit-input-placeholder {
  color: var(--tp-common-black)
}

.tp-footer-input-box input::-moz-placeholder {
  color: var(--tp-common-black)
}

.tp-footer-input-box input:-moz-placeholder {
  color: var(--tp-common-black)
}

.tp-footer-input-box input:-ms-input-placeholder {
  color: var(--tp-common-black)
}

.tp-footer-input-box input::placeholder {
  color: var(--tp-common-black)
}

.tp-footer-icon {
  position: absolute;
  top: 0;
  right: 0
}

.tp-footer-icon span {
  height: 56px;
  width: 54px;
  line-height: 56px;
  display: inline-block;
  text-align: center;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1)
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-footer-text-2 p {
    font-size: 15px
  }
}


.tp-contact-box ul li,
.tp-footer-list ul li,
.tp-shop-sidebar-widget-content ul li,
.tp-sv-sidebar-widget ul li {
  list-style-type: none
}

.tp-footer-list ul li a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  display: inline-block;
  position: relative;
  margin-left: 5px;
  transform: .3s
}

.tp-footer-list ul li a::before {
  position: absolute;
  content: "→";
  top: 15%;
  left: -20px;
  height: 8px;
  width: 8px;
  transform: translateY(-50%) translateX(-5px);
  opacity: 0;
  font-size: 14px;
  color: var(--tp-common-black);
  transition: .3s
}

.tp-footer-list ul li a:hover::before {
  transform: translateY(-50%) translateX(0);
  opacity: 1
}

.tp-footer-title {
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  padding-top: 10px;
  margin-bottom: 28px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-footer-title {
    font-size: 21px
  }

  .tp-footer-style-3 .tp-footer-text p {
    margin-right: -20px
  }
}

.tp-footer-contact ul li {
  list-style-type: none;
  position: relative;
  padding-left: 23px
}

.tp-footer-contact ul li:not(:last-child) {
  margin-bottom: 12px
}

.tp-footer-contact ul li span {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--tp-theme-1)
}

.tp-footer-contact ul li a {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  background-repeat: no-repeat;
  background-size: 0 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size .5s linear;
  background-image: linear-gradient(#2a2d32, #2a2d32), linear-gradient(#2a2d32, #2a2d32)
}

.tp-footer-style-2 .tp-footer-text p,
.tp-footer-style-2 .tp-footer-text-2 p {
  color: rgba(255, 255, 255, .7)
}

.tp-footer-style-2 .tp-footer-contact ul li a {
  color: rgba(255, 255, 255, .7);
  background-image: linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7))
}

.tp-footer-style-2 .tp-footer-list ul li a {
  padding-left: 20px;
  margin-left: 0;
  color: rgba(255, 255, 255, .7)
}

.tp-footer-style-2 .tp-footer-list ul li a i {
  position: absolute;
  top: 7px;
  left: 0;
  font-size: 14px;
  color: var(--tp-theme-1);
  font-weight: 400;
  transition: .3s
}

.tp-footer-style-2 .tp-footer-input-box {
  position: relative;
  width: 244px
}

.tp-footer-style-2 .tp-footer-input-box input {
  border: 1px solid #54595f;
  color: var(--tp-common-white)
}

.tp-footer-style-2 .tp-footer-input-box input::-webkit-input-placeholder {
  color: var(--tp-common-white)
}

.tp-footer-style-2 .tp-footer-input-box input::-moz-placeholder {
  color: var(--tp-common-white)
}

.tp-footer-style-2 .tp-footer-input-box input:-moz-placeholder {
  color: var(--tp-common-white)
}

.tp-footer-style-2 .tp-footer-input-box input:-ms-input-placeholder {
  color: var(--tp-common-white)
}

.tp-footer-style-2 .tp-footer-input-box input::placeholder {
  color: var(--tp-common-white)
}

.tp-footer-style-2 .tp-footer-logo {
  position: relative;
  display: inline-block;
  padding-bottom: 20px;
  margin-bottom: 30px
}

.tp-footer-style-2 .tp-footer-logo::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 122%;
  background-color: var(--tp-theme-1)
}

.tp-footer-style-2 .tp-footer-title {
  color: var(--tp-common-white);
  position: relative;
  display: inline-block;
  padding-bottom: 21px;
  margin-bottom: 28px;
  overflow: hidden
}

.tp-footer-style-4 .tp-footer-title,
.tp-footer-style-5 .tp-footer-title {
  margin-bottom: 30px;
  padding-bottom: 0
}

.tp-footer-style-2 .tp-footer-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 110%;
  background-color: var(--tp-theme-1)
}

.tp-footer-style-3 .tp-footer-title::after {
  position: absolute;
  content: "";
  top: 25px;
  left: -37px;
  height: 1px;
  width: 28px;
  background-color: var(--tp-theme-1)
}

.tp-footer-style-3 .tp-footer-contact ul li,
.tp-footer-style-3 .tp-footer-list ul li a,
.tp-footer-style-4 .tp-footer-widge-style-2 .tp-footer-list ul li a,
.tp-footer-style-5 .tp-footer-contact ul li,
.tp-footer-style-5 .tp-footer-list ul li a,
.tp-testimonial-2-rate i:first-child {
  padding-left: 0
}

.tp-contact-icon span,
.tp-footer-style-3 .tp-footer-list ul li a:hover,
.tp-footer-style-4 .tp-footer-widge-style-2 .tp-footer-list ul li a:hover,
.tp-footer-style-5 .tp-footer-list ul li a:hover,
.tp-funfact-icon span svg,
.tp-service-style-4 .tp-service-2-item.active .tp-service-2-icon span,
.tp-service-style-4 .tp-service-2-item.active .tp-service-2-text a,
.tp-service-style-4 .tp-service-2-item.active .tp-service-2-text p,
.tp-service-style-4 .tp-service-2-item.active .tp-service-2-title,
.tp-service-style-5 .tp-service-2-item.active .tp-btn-border-lg,
.tp-service-style-5 .tp-service-2-item.active .tp-service-2-content p,
.tp-service-style-5 .tp-service-2-item.active .tp-service-2-icon span,
.tp-service-style-5 .tp-service-2-item.active .tp-service-2-title,
.tp-slider-3-content .tp-btn-black span svg,
.tp-slider-3-height .tp-hero-2-funfact h5,
.tp-slider-3-height .tp-hero-2-funfact span,
.tp-slider-3-social a:hover,
.tp-slider-content p,
.tp-slider-icon span svg,
.tp-testimonial-quot span svg {
  color: var(--tp-common-white)
}

.tp-footer-style-3 .tp-footer-social {
  padding-top: 20px;
  position: relative
}

.tp-footer-style-3 .tp-footer-social::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 1px;
  width: 202px;
  background-color: rgba(166, 161, 130, .6)
}

.tp-footer-style-3 .tp-footer-social a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  margin-right: 7px;
  color: var(--tp-common-white);
  text-align: center;
  background-color: rgba(255, 255, 255, .1);
  transition: .3s
}

.tp-footer-style-4 .tp-footer-widge-style-2 .tp-footer-contact ul li {
  padding-left: 80px;
  position: relative
}


.tp-footer-style-4 .tp-footer-widge-style-2 .tp-footer-contact ul li:nth-child(2) {
  padding-left: 70px
}

.tp-footer-style-4 .tp-footer-widge-style-2 .tp-footer-contact ul li:nth-child(3) {
  padding-left: 50px
}

.tp-footer-style-4 .tp-footer-widge-style-2 .tp-footer-contact ul li span {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--tp-common-white)
}

.tp-footer-style-5 .tp-footer-title {
  padding-top: 6px
}

.tp-footer-style-5 .tp-footer-logo {
  padding-bottom: 0
}

.tp-copyright-border {
  border-top: 1px solid rgba(84, 89, 95, .2)
}

.tp-copyright-height {
  padding: 17px 0
}

.tp-copyright-left p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1.2px;
  margin-bottom: 0
}

.tp-copyright-right a {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1.2px;
  transition: .3s;
  position: relative
}

.tp-slider-funfact h5,
.tp-slider-title {
  font-weight: 700;
  color: var(--tp-common-white)
}

.tp-copyright-right a:not(:last-child) {
  margin-right: 60px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-footer-style-2 .tp-footer-text p {
    padding-right: 75px
  }

  .tp-footer-style-3 .tp-footer-text p {
    padding-right: 15px;
    margin-right: 0
  }

  .tp-footer-style-4 .tp-footer-text p {
    padding-right: 60px
  }

  .tp-copyright-right a:not(:last-child) {
    margin-right: 30px
  }
}

.tp-copyright-style-2.tp-copyright-border {
  border-top: 1px solid rgba(255, 255, 255, .2)
}

.tp-copyright-style-2.tp-copyright-height {
  padding: 27px 0
}

.tp-copyright-style-2.tp-copyright-height-2 {
  padding: 30px 0
}

.tp-copyright-style-2 .tp-copyright-left p {
  font-size: 16px;
  color: rgba(255, 255, 255, .6)
}

.tp-copyright-style-2 .tp-copyright-right a {
  font-size: 16px;
  color: rgba(255, 255, 255, .72)
}

.tp-copyright-style-2 .tp-copyright-right a::after {
  background-color: rgba(255, 255, 255, .72)
}

.tp-copyright-style-2 .tp-copyright-right a:not(:last-child) {
  margin-right: 45px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-copyright-style-2 .tp-copyright-right a:not(:last-child) {
    margin-right: 30px
  }
}

.footer-cols-1 {
  margin-right: 116px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .footer-cols-1 {
    margin-right: 95px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .footer-cols-1 {
    margin-right: 0
  }
}

.footer-cols-2 {
  margin-left: 35px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .footer-cols-2 {
    margin-left: 77px
  }
}

.footer-cols-3 {
  transform: translateX(100px)
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .footer-cols-3 {
    transform: translateX(70px)
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tp-copyright-right a:not(:last-child) {
    margin-right: 20px
  }

  .tp-copyright-left-pt {
    margin-bottom: 10px
  }

  .footer-cols-1 {
    margin-right: 60px
  }
}

@media (max-width:767px) {
  .tp-copyright-right a:not(:last-child) {
    margin-right: 30px
  }

  .tp-copyright-style-2 .tp-copyright-logo {
    margin-bottom: 20px
  }

  .footer-cols-1 {
    margin-right: 0
  }
}

@media only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
  .breadcrumb__height {
    height: 600px
  }

  .tp-header-style-4 .tp-header-bar button {
    border-radius: 0;
    color: var(--tp-common-black);
    border-color: var(--tp-common-black)
  }

  .tp-header-style-5 .tp-header-bar button {
    border-radius: 50%;
    color: var(--tp-common-white)
  }

  
  .tp-footer-text p {
    font-size: 14px
  }

  
  .tp-slider-icon {
    display: none
  }

  .tp-blog-2-title-box {
    margin-bottom: 30px
  }

  .tp-copyright-style-2 .tp-copyright-right a:not(:last-child) {
    margin-right: 20px
  }

  .footer-cols-2 {
    margin-left: 0
  }

  .footer-cols-3 {
    transform: translateX(0)
  }
}

.tp-slider-height {
  padding-top: 315px;
  padding-bottom: 270px;
  position: relative
}

@media only screen and (min-width:1600px) and (max-width:1700px) {
  .tp-slider-height {
    padding-top: 280px;
    padding-bottom: 230px
  }
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-slider-height {
    padding-top: 270px;
    padding-bottom: 240px
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-slider-height {
    padding-top: 260px;
    padding-bottom: 200px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-slider-height {
    padding-top: 220px;
    padding-bottom: 200px
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tp-slider-height {
    padding-top: 180px;
    padding-bottom: 180px
  }
}

@media (max-width:767px) {
  .tp-slider-height {
    padding-top: 120px;
    padding-bottom: 120px
  }
}

.tp-slider-height::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: .6;
  background: #000;
  z-index: -1
}

.tp-hero-title span,
.tp-slider-2-bg::after,
.tp-slider-icon span {
  background-color: var(--tp-theme-1)
}

.tp-slider-title {
  font-size: 68px;
  line-height: 1.1
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-slider-title {
    font-size: 64px
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-slider-title {
    font-size: 60px
  }

  .tp-slider-content p {
    font-size: 15px;
    margin-right: 190px
  }

  .tp-slider-content p br {
    display: none
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-slider-title {
    font-size: 53px
  }

  .tp-slider-content p {
    font-size: 14px;
    margin-right: 40px
  }

  .tp-slider-content p br {
    display: none
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tp-slider-title {
    font-size: 54px
  }

  .tp-slider-content p br,
  .tp-slider-title br {
    display: none
  }

  .tp-slider-content p {
    font-size: 14px;
    margin-right: 140px
  }
}

@media (max-width:767px) {
  .tp-slider-title {
    font-size: 34px
  }

  .tp-slider-title br {
    display: none
  }
}

@media only screen and (min-width:576px) and (max-width:767px) {
  .tpoffcanvas {
    width: 400px;
    padding: 40px
  }

  .breadcrumb__title {
    margin-bottom: 0
  }

  .tp-custom-accordion .accordion-buttons {
    font-size: 17px
  }

  .tp-custom-accordion .accordion-body {
    font-size: 14px
  }

  .tp-section-title {
    font-size: 34px
  }

  .tp-section-title br {
    display: none
  }

  .tp-blog-meta span {
    font-size: 12px
  }

  .tp-blog-style-3 .tp-blog-title {
    font-size: 24px
  }

  .footer-cols-2,
  .footer-cols-4 {
    margin-left: 30px
  }

  .tp-slider-height {
    padding-top: 160px;
    padding-bottom: 140px
  }

  .tp-slider-title {
    font-size: 48px
  }
}

@media (max-width:767px) {
  .tp-slider-content p {
    font-size: 12px
  }

  .tp-slider-content p br,
  .tp-slider-funfact-wrap {
    display: none
  }
}

.tp-slider-icon {
  position: absolute;
  right: 455px;
  bottom: 345px;
  z-index: 2
}

@media only screen and (min-width:1600px) and (max-width:1700px) {
  .tp-slider-icon {
    right: 290px
  }
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-slider-icon {
    right: 230px;
    transform: scale(.9)
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-slider-icon {
    bottom: 340px;
    right: 140px;
    transform: scale(.8)
  }
}

.tp-slider-icon span {
  height: 133px;
  width: 133px;
  line-height: 133px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  animation: 1.9s infinite alternate tp-rotate-center
}

.tp-slider-icon span::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 60%;
  height: 60%;
  border: 1px solid var(--tp-theme-1);
  animation: 2.3s linear infinite borderanimate2;
  border-radius: 50%
}

.tp-slider-funfact-wrap {
  position: absolute;
  right: 315px;
  bottom: 40px;
  z-index: 2
}

@media only screen and (min-width:1600px) and (max-width:1700px) {
  .tp-slider-funfact-wrap {
    right: 150px
  }
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-slider-funfact-wrap {
    right: 80px
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-slider-funfact-wrap {
    right: 60px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-slider-icon {
    bottom: 340px;
    right: 140px;
    transform: scale(.7)
  }

  .tp-slider-funfact-wrap {
    right: 60px
  }
}

.tp-slider-funfact {
  padding: 60px 0 60px 45px;
  width: 230px;
  border: 2px solid rgba(255, 255, 255, .22)
}

.tp-slider-funfact h5 {
  font-size: 28px;
  margin-bottom: 5px
}

.tp-funfact-2-title i,
.tp-funfact-number i,
.tp-hero-2-funfact h5 i,
.tp-hero-funfact h5 i,
.tp-slider-funfact h5 i {
  font-style: normal
}

.tp-slider-funfact span {
  color: var(--tp-common-white);
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-slider-funfact h5 {
    font-size: 20px
  }

  .tp-slider-funfact span {
    font-size: 14px
  }

  .tp-slider-2-content .tp-slider-title {
    font-size: 58px
  }

  .tp-slider-2-content .tp-hero-2-funfact h5 {
    font-size: 40px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-slider-2-content .tp-slider-title {
    font-size: 44px
  }

  .tp-slider-2-content .tp-hero-2-funfact span {
    font-size: 13px
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tp-slider-funfact-wrap {
    right: -30px;
    transform: scale(.7)
  }

  .tp-slider-2-content .tp-slider-title {
    font-size: 51px
  }
}

@media (max-width:767px) {
  .tp-slider-2-content .tp-slider-title {
    font-size: 30px
  }
}

@media only screen and (min-width:576px) and (max-width:767px) {
  .tp-slider-content p {
    font-size: 14px;
    margin-right: 100px
  }

  .tp-slider-funfact-wrap {
    display: none
  }

  .tp-slider-2-content .tp-slider-title {
    font-size: 45px
  }
}

.tp-slider-2-content .tp-hero-2-funfact-box {
  margin-right: 100px
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tp-slider-2-content .tp-hero-2-funfact-box {
    margin-right: 200px
  }
}

@media (max-width:767px) {
  .tp-slider-2-content .tp-hero-2-funfact-box {
    margin-right: 0
  }
}

@media only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
  .tp-slider-2-content .tp-hero-2-funfact h5 {
    font-size: 30px
  }
}

@media (max-width:767px) {
  .tp-slider-2-content .tp-hero-2-funfact h5 {
    font-size: 24px;
    margin-bottom: 0
  }
}

@media (max-width:767px) {
  .tp-slider-2-content .tp-hero-2-funfact span {
    font-size: 11px
  }
}

.tp-slider-2-content p {
  margin-right: 120px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-slider-2-content p {
    margin-right: 70px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-slider-2-content p {
    margin-right: 40px;
    font-size: 14px
  }
}

.tp-slider-2-height {
  padding-top: 200px;
  padding-bottom: 145px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-slider-2-height {
    padding-top: 190px;
    padding-bottom: 170px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-slider-2-height {
    padding-top: 120px;
    padding-bottom: 120px
  }
}

.tp-slider-2-bg::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  width: 30%
}

.tp-slider-2-wrapper::after,
.tp-slider-3-overlay::after {
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  top: 0
}

.tp-slider-2-active {
  margin-right: -545px
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-slider-2-active {
    margin-right: -480px
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px) {
  .tp-slider-funfact {
    padding: 40px 0 40px 25px;
    width: 200px
  }

  .tp-slider-2-active {
    margin-right: 0
  }

  .tp-about-4-thumb-2 {
    transform: translateX(20px)
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tp-slider-2-height {
    padding-top: 150px;
    padding-bottom: 120px
  }

  .tp-slider-2-active {
    margin-right: -370px
  }

  .tp-slider-2-wrapper {
    margin-left: 30px
  }
}

@media (max-width:767px) {
  .tp-slider-2-height {
    padding-top: 120px;
    padding-bottom: 120px
  }

  .tp-slider-2-active {
    margin-right: -205px
  }
}

@media (max-width:767px) {
  .tp-slider-2-wrapper {
    margin-left: 15px;
    padding-left: 7px
  }
}

.tp-slider-2-wrapper::after {
  transform: scale(1.08);
  border: 4px solid var(--tp-theme-1)
}

.tp-slider-2-wrapper .tp-slider-icon {
  right: -10%;
  bottom: 6%
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-slider-2-wrapper .tp-slider-icon {
    right: -5%
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-slider-2-wrapper .tp-slider-icon {
    right: 4%;
    bottom: -10%
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-slider-2-bg::after {
    width: 32%
  }

  .tp-slider-2-wrapper .tp-slider-icon {
    right: 4%;
    bottom: -10%
  }
}

.tp-slider-2-wrapper .tp-slider-icon span {
  height: 100px;
  width: 100px;
  line-height: 100px;
  background-color: var(--tp-common-white)
}

.tp-slider-2-wrapper .tp-slider-icon span::after {
  border-color: var(--tp-common-white)
}

.tp-slider-3-bg {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 2.5s ease-in, -webkit-transform 9s;
  transition: transform 9s, opacity 2.5s ease-in, -webkit-transform 9s
}

.tp-slider-3-overlay::after {
  background-color: rgba(0, 0, 0, .2)
}

.tp-slider-3-height {
  padding-top: 227px;
  padding-bottom: 222px
}

@media only screen and (min-width:1600px) and (max-width:1700px) {
  .tp-slider-3-height {
    padding-top: 180px;
    padding-bottom: 220px
  }

  .tp-slider-3-height .tp-hero-2-funfact h5 {
    font-size: 45px
  }
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-slider-3-height {
    padding-top: 170px;
    padding-bottom: 200px
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-slider-3-height {
    padding-top: 180px;
    padding-bottom: 180px;
    background-position: right
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-slider-3-height {
    padding-top: 170px;
    padding-bottom: 180px;
    background-position: left
  }
}

.tp-slider-3-height .tp-hero-2-funfact-box {
  position: absolute;
  right: 115px;
  bottom: 120px;
  padding-top: 0;
  display: flex;
  flex-direction: column;
  z-index: 2
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-slider-3-height .tp-hero-2-funfact-box {
    right: 5%
  }
}

.tp-slider-3-height .tp-hero-2-funfact-box::after {
  content: "";
  position: absolute;
  top: -5%;
  left: -43%;
  height: 111%;
  width: 1px;
  background-color: rgba(255, 255, 255, .3)
}

.tp-slider-3-height .tp-hero-2-funfact:not(:last-child) {
  margin-bottom: 118px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-slider-3-height .tp-hero-2-funfact:not(:last-child) {
    margin-bottom: 80px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-slider-3-height .tp-hero-2-funfact-box {
    right: 2%
  }

  .tp-slider-3-height .tp-hero-2-funfact:not(:last-child) {
    margin-bottom: 90px
  }
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-slider-3-height .tp-hero-2-funfact h5 {
    font-size: 41px
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-slider-3-height .tp-hero-2-funfact h5 {
    font-size: 36px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-slider-3-height .tp-hero-2-funfact h5 {
    font-size: 35px
  }
}

.tp-slider-3-title {
  color: var(--tp-common-white);
  font-size: 110px;
  font-weight: 400
}

@media only screen and (min-width:1600px) and (max-width:1700px) {
  .tp-slider-3-title {
    font-size: 100px
  }
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-slider-3-title {
    font-size: 85px
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-slider-3-title {
    font-size: 80px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-slider-3-title {
    font-size: 72px
  }
}

.tp-slider-3-content {
  transform: translateY(200px);
  opacity: 0
}

.tp-slider-3-content p {
  color: rgba(255, 255, 255, .7);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px
}

.tp-slider-3-big-text {
  color: var(--tp-theme-1);
  font-family: Satisfy;
  font-size: 115px;
  font-weight: 400;
  margin-left: -70px;
  text-transform: capitalize;
  margin-bottom: 3px;
  font-family: var(--tp-ff-satisfy)
}

@media only screen and (min-width:1600px) and (max-width:1700px) {
  .tp-slider-3-big-text {
    font-size: 105px
  }
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-slider-3-big-text {
    margin-left: -40px;
    font-size: 90px
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-slider-3-big-text {
    margin-left: 0;
    font-size: 90px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-slider-3-big-text {
    margin-left: 0;
    font-size: 85px
  }
}

.tp-slider-3-social {
  position: absolute;
  left: 50px;
  bottom: 40px;
  z-index: 2
}

.tp-slider-3-social::after {
  display: inline-block;
  content: "";
  height: 120px;
  width: 1px;
  background-color: rgba(255, 255, 255, .7);
  transform: translateX(7px)
}

.tp-slider-3-social a {
  font-size: 25px;
  display: block;
  color: rgba(255, 255, 255, .5);
  margin: 19px 0;
  transition: .3s
}

.tp-slider-3-title-box {
  transform: translateY(-200px);
  opacity: 0
}

.tp-slider-3-wrapper .swiper-slide-active .tp-slider-3-bg {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  background-attachment: fixed
}

.tp-slider-3-wrapper .swiper-slide-active .tp-slider-3-content,
.tp-slider-3-wrapper .swiper-slide-active .tp-slider-3-title-box {
  opacity: 1;
  transform: translateY(0);
  transition: 2.5s
}

.tp-slider-dots {
  position: absolute;
  bottom: 62px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2
}

.tp-slider-dots .swiper-pagination-bullet {
  height: 2px;
  width: 100px;
  position: relative;
  display: inline-block;
  background-color: rgba(217, 217, 217, .3);
  margin: 0 5px;
  opacity: 1;
  border-radius: 0;
  transition: .4s
}

.tp-slider-dots .swiper-pagination-bullet-active {
  background-color: #d9d9d9
}

.tp-hero-pt {
  padding-top: 190px
}

.tp-hero-thumb,
.tp-product-2-thumb,
.tp-project-3-thumb,
.tp-team-thumb {
  position: relative;
  overflow: hidden
}

.tp-about-5-thumb-sm:hover::after,
.tp-about-5-thumb:hover::after,
.tp-gallery-thumb:hover::after,
.tp-hero-thumb:hover::after,
.tp-project-4-item.active .tp-project-4-thumb::after {
  height: 100%;
  opacity: 0;
  -webkit-transition: .4s linear;
  transition: .4s linear
}

.tp-about-5-thumb-sm::after,
.tp-about-5-thumb::after,
.tp-gallery-thumb::after,
.tp-hero-thumb::after,
.tp-project-4-thumb::after {
  background: rgba(255, 255, 255, .3);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  pointer-events: none
}

.tp-hero-title {
  font-size: 68px;
  font-weight: 700;
  padding-bottom: 57px;
  color: rgba(0, 0, 0, .8)
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-slider-3-social {
    left: 52px;
    bottom: 0
  }

  .tp-slider-3-social::after {
    height: 40px
  }

  .tp-slider-3-social a {
    font-size: 14px;
    margin: 4px 0
  }

  .tp-hero-title {
    font-size: 60px
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-hero-title {
    font-size: 54px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-hero-title {
    font-size: 45px
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tp-slider-2-wrapper .tp-slider-icon {
    display: block;
    right: 18%
  }

  .tp-slider-2-wrapper .tp-slider-icon span {
    height: 85px;
    width: 85px;
    line-height: 85px
  }

  .tp-slider-2-wrapper .tp-slider-icon span svg {
    width: 30px
  }

  .tp-slider-3-height {
    padding-top: 170px;
    padding-bottom: 180px;
    background-position: center
  }

  .tp-slider-3-height .tp-hero-2-funfact-box {
    right: 2%;
    bottom: 160px
  }

  .tp-slider-3-height .tp-hero-2-funfact-box::after {
    left: -30%
  }

  .tp-slider-3-title {
    font-size: 65px
  }

  .tp-slider-3-content p {
    font-size: 14px
  }

  .tp-slider-3-big-text {
    margin-left: 0;
    font-size: 65px
  }

  .tp-hero-title {
    font-size: 36px
  }
}

@media (max-width:767px) {
  .tp-slider-3-height {
    padding-top: 150px;
    padding-bottom: 160px;
    background-position: left
  }

  .tp-hero-title br,
  .tp-slider-3-content p br,
  .tp-slider-3-height .tp-hero-2-funfact-box {
    display: none
  }

  .tp-slider-3-title {
    font-size: 51px
  }

  .tp-slider-3-content p {
    font-size: 14px
  }

  .tp-slider-3-big-text {
    margin-left: 0;
    font-size: 58px
  }

  .tp-slider-dots .swiper-pagination-bullet {
    width: 38px
  }

  .tp-hero-title {
    font-size: 32px;
    padding-bottom: 30px
  }
}

.tp-hero-title span {
  padding: 0 50px;
  height: 55px;
  border-radius: 40px;
  display: inline-block;
  transform: translateY(12px);
  color: var(--tp-common-white)
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-hero-title span {
    padding: 0 38px;
    height: 45px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-hero-title span {
    padding: 0 32px;
    height: 41px;
    transform: translateY(5px)
  }
}

.tp-hero-title span svg {
  transform: translateY(-16px)
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-hero-title span svg {
    transform: translateY(-11px)
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-hero-title span svg {
    width: 27px;
    transform: translateY(-12px)
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-hero-title span svg {
    width: 22px;
    transform: translateY(-9px)
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tp-hero-title span {
    padding: 0 28px;
    height: 30px;
    transform: translateY(5px)
  }

  .tp-hero-title span svg {
    width: 16px;
    transform: translateY(-9px)
  }
}

@media (max-width:767px) {
  .tp-hero-title span {
    padding: 0 25px;
    height: 28px;
    transform: translateY(5px)
  }

  .tp-hero-title span svg {
    width: 16px;
    transform: translateY(-7px)
  }
}

.tp-hero-contact-box {
  animation: 4s linear infinite jumpTwo;
  padding: 25px 26px 30px 42px;
  border-top: 4px solid var(--tp-theme-1)
}

.tp-hero-2-shape-1,
.tp-hero-funfact-box {
  animation: 2.5s infinite alternate tptranslateX2
}

.tp-hero-contact-box span {
  display: block;
  color: #184037;
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 10px
}

.tp-hero-contact-box a {
  display: block;
  color: #184037;
  font-size: 16px;
  font-weight: 700;
  position: relative
}

.tp-hero-contact-box a::after {
  content: "";
  position: absolute;
  bottom: 3px;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: #184037;
  transition: .7s;
  display: inline-block
}

.tp-hero-contact-wrap {
  position: absolute;
  top: 58px;
  right: 5px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-hero-contact-wrap {
    transform: scale(.9);
    top: 20px
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tp-hero-contact-wrap {
    transform: scale(.8);
    top: 20px
  }
}

@media (max-width:767px) {
  .tp-hero-contact-wrap {
    transform: scale(.5);
    top: 69px;
    right: -15%
  }
}

@media only screen and (min-width:576px) and (max-width:767px) {
  .tp-slider-2-content .tp-hero-2-funfact-box {
    margin-right: 140px
  }

  .tp-slider-2-content .tp-hero-2-funfact h5 {
    font-size: 30px;
    margin-bottom: 0
  }

  .tp-slider-2-content .tp-hero-2-funfact span {
    font-size: 13px
  }

  .tp-slider-2-active {
    margin-right: -405px
  }

  .tp-slider-2-wrapper {
    margin-left: 25px;
    padding-left: 0
  }

  .tp-hero-title {
    font-size: 35px
  }

  .tp-hero-title span svg {
    transform: translateY(-9px)
  }

  .tp-hero-contact-wrap {
    transform: scale(.7);
    top: 199px;
    right: -4%
  }
}

.tp-hero-funfact-box {
  padding: 40px 33px 30px
}

.tp-hero-funfact-wrap {
  position: absolute;
  bottom: 25px;
  left: 0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-hero-funfact-wrap {
    transform: scale(.9);
    bottom: 0
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tp-hero-funfact-wrap {
    transform: scale(.8);
    bottom: 0
  }

  .tp-hero-2-height .tp-slider-title {
    font-size: 56px
  }
}

@media (max-width:767px) {
  .tp-hero-funfact-wrap {
    transform: scale(.5);
    bottom: -90%;
    left: -11%
  }
}

@media only screen and (min-width:576px) and (max-width:767px) {
  .tp-hero-funfact-wrap {
    transform: scale(.7);
    bottom: -44%;
    left: -1%
  }
}

.tp-hero-funfact h5 {
  color: var(--tp-theme-1);
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 0
}

.tp-exp-fea-text p,
.tp-hero-funfact span {
  color: var(--tp-common-black);
  font-size: 16px;
  font-weight: 400
}

.tp-hero-2-height {
  padding-top: 185px;
  padding-bottom: 72px
}

.tp-hero-2-shape-1 {
  position: absolute;
  bottom: 0;
  left: -2%;
  z-index: 1
}

.tp-hero-2-shape-2 {
  position: absolute;
  bottom: 46px;
  left: 30px
}

.tp-hero-2-shape-3 {
  position: absolute;
  bottom: 70px;
  right: 20px;
  animation: 1s infinite alternate forwards tpswing;
  transform-origin: top center
}

@media (max-width:767px) {
  .tp-hero-2-shape-1 {
    left: -11%
  }

  .tp-hero-2-shape-3 {
    right: 0
  }

  .tp-hero-2-shape-3 img {
    transform: scale(.6)
  }

  .tp-hero-2-content p {
    font-size: 14px
  }
}

.tp-hero-2-content {
  padding-top: 16px
}

@media (max-width:767px) {
  .tp-hero-2-funfact {
    margin-bottom: 30px
  }
}

.tp-hero-2-funfact h5 {
  font-size: 48px;
  font-weight: 700
}

.tp-hero-2-funfact span {
  color: rgba(0, 0, 0, .7);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px
}

.tp-hero-2-funfact-box {
  padding-top: 60px
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-hero-2-funfact-box {
    padding-top: 50px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
  .tp-hero-2-funfact h5 {
    font-size: 40px
  }

  .tp-hero-2-funfact-box {
    padding-top: 40px
  }
}

.tp-hero-2-thumb img {
  border-radius: 62% 47% 82% 35%/45% 45% 80% 66%;
  will-change: border-radius, transform, opacity;
  display: inline-block
}

.tp-project-filter button {
  color: #24231d;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  height: 60px;
  line-height: 60px;
  padding: 0 30px;
  margin: 0 12px;
  border: 1px solid var(--tp-common-black)
}

.tp-gallery-title,
.tp-project-3-content span,
.tp-project-3-title,
.tp-project-4-content p,
.tp-project-4-title,
.tp-project-5-content p,
.tp-project-5-title,
.tp-project-title {
  color: var(--tp-common-white)
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-project-filter button {
    height: 50px;
    line-height: 50px;
    padding: 0 24px;
    margin: 0 5px
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tp-hero-2-content p {
    font-size: 14px;
    padding-right: 180px
  }

  .tp-project-filter button {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    margin: 0 5px
  }
}

@media (max-width:767px) {
  .tp-hero-2-funfact h5 {
    font-size: 30px
  }

  .tp-hero-2-funfact-box {
    padding-top: 40px;
    flex-wrap: wrap
  }

  .tp-project-filter button {
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    margin: 0 5px 15px
  }

  .tp-project-style-2 .tp-project-item-wrap {
    margin-bottom: 30px
  }
}

.tp-project-title {
  font-size: 20px;
  font-weight: 600
}

.tp-gallery-title a,
.tp-project-3-title a,
.tp-project-4-title a,
.tp-project-5-title a,
.tp-project-title a {
  background-repeat: no-repeat;
  background-size: 0 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size .6s linear;
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff)
}

.tp-contact-content a,
.tp-project-2-title a {
  background-repeat: no-repeat;
  background-size: 0 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-image: linear-gradient(#000, #000), linear-gradient(#000, #000)
}

.tp-project-content {
  position: absolute;
  bottom: -16%;
  left: 5%;
  padding: 45px 47px 45px 40px;
  transition: .5s;
  z-index: 2;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important
}

.tp-gallery-content p,
.tp-project-content p {
  color: var(--tp-common-white);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px
}

.tp-project-style-2 .tp-project-content {
  padding: 32px 27px 30px;
  display: inline-block;
  left: auto;
  right: 0;
  -webkit-transform-origin: right;
  -khtml-transform-origin: right;
  -moz-transform-origin: right;
  -ms-transform-origin: right;
  -o-transform-origin: right;
  transform-origin: right;
  -webkit-transform: translateY(-50%) perspective(250px) rotateY(-90deg);
  -khtml-transform: translateY(-50%) perspective(250px) rotateY(-90deg);
  -moz-transform: translateY(-50%) perspective(250px) rotateY(-90deg);
  -ms-transform: translateY(-50%) perspective(250px) rotateY(-90deg);
  -o-transform: translateY(-50%) perspective(250px) rotateY(-90deg);
  transform: translateY(-50%) perspective(250px) rotateY(-90deg);
  bottom: -8%
}

.tp-project-style-2 .tp-project-item-wrap:hover .tp-project-content {
  -webkit-transform: translateY(-50%) perspective(250px) rotateY(0);
  -khtml-transform: translateY(-50%) perspective(250px) rotateY(0deg);
  -moz-transform: translateY(-50%) perspective(250px) rotateY(0);
  -ms-transform: translateY(-50%) perspective(250px) rotateY(0);
  -o-transform: translateY(-50%) perspective(250px) rotateY(0);
  transform: translateY(-50%) perspective(250px) rotateY(0)
}

.tp-project-style-2 .tp-project-item-wrap:hover .tp-project-thumb {
  width: 87%
}

.tp-project-style-2 .tp-project-item-wrap:hover .tp-project-thumb img {
  transform: scale(1.1);
  -webkit-filter: brightness(0.8) contrast(1.1) saturate(1.2);
  filter: brightness(.8) contrast(1.1) saturate(1.2)
}

.tp-project-style-2 .tp-project-thumb {
  width: 100%;
  height: 100%;
  width: calc(100% - 0px);
  transition: .9s
}

.tp-project-style-2 .tp-project-thumb img {
  transition: .9s;
  height: 520px
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-project-style-2 .tp-project-thumb img {
    height: 480px
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-hero-2-funfact-box {
    padding-top: 40px
  }

  .tp-project-style-2 .tp-project-thumb img {
    height: 450px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-project-style-2 .tp-project-thumb img {
    height: 420px
  }
}

.tp-project-2-title a {
  font-size: 20px;
  font-weight: 600;
  display: inline-block;
  transition: background-size .5s linear
}

.tp-project-2-item {
  transition: .5s
}

.tp-product-item:hover .tp-product-thumb img,
.tp-project-2-item:hover .tp-project-2-thumb img,
.tp-project-3-item.active .tp-project-3-thumb img,
.tp-project-4-item.active .tp-project-4-thumb img,
.tp-project-5-active .swiper-slide.swiper-slide-active .tp-project-5-thumb img,
.tp-testimonial-item:hover .tp-testimonial-author-thumb img {
  transform: scale(1.1)
}

.tp-product-thumb img,
.tp-project-2-thumb img {
  transition: 1.3s
}

.tp-funfact-2-thumb::after,
.tp-project-2-thumb::after {
  position: absolute;
  top: 0;
  left: -80%;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  z-index: 1
}

.tp-funfact-2-thumb:hover::after,
.tp-project-2-thumb:hover::after {
  -webkit-animation: 1s shine;
  animation: 1s shine
}

.tp-project-2-active {
  padding: 50px 0;
  margin: -50px 0
}

.tp-project-2-active .swiper-slide.swiper-slide-active .tp-project-2-item {
  transform: translateY(40px)
}

.tp-project-dots .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  background-color: var(--tp-common-black);
  margin: 0 7px;
  opacity: 1
}

.tp-project-dots .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  top: 45%;
  left: 50%;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 1px solid var(--tp-theme-1);
  transform: translate(-50%, -50%) scale(2);
  opacity: 0;
  visibility: hidden;
  transition: .3s
}

.tp-gallery-active .swiper-slide.swiper-slide-active .tp-gallery-content,
.tp-project-3-item.active .tp-project-3-content,
.tp-project-4-item.active .tp-project-4-content {
  transform: perspective(400px) rotateX(0)
}

.tp-exp-fea-thumb-2:hover::after,
.tp-project-3-item.active .tp-project-3-thumb::after {
  height: 100%;
  opacity: 0
}

.tp-project-3-thumb img {
  width: 100%;
  transition: transform .4s ease-in-out;
  transform: scale(1);
  filter: brightness(.88)
}


.service-item:hover img,
.tp-project-3-item:hover .tp-project-3-thumb img {
  transform: scale(1.05)
}

.tp-project-3-thumb::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  pointer-events: none
}

.tp-project-3-title {
  font-size: 24px;
  font-weight: 600
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-project-3-title {
    font-size: 16px
  }
}

.tp-project-3-content {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 20px;
  padding: 25px 30px;
  background-color: var(--tp-common-black);
  transform: perspective(400px) rotateX(-90deg);
  transform-origin: center;
  transition: .5s ease-in-out
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-project-3-content {
    padding: 25px 15px
  }
}

.tp-project-3-content span {
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  padding-left: 50px;
  position: relative
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-project-3-content span {
    font-size: 12px
  }
}

.tp-project-3-content span::before {
  position: absolute;
  content: "";
  left: 0;
  top: 18px;
  height: 1px;
  width: 40px;
  margin-right: 12px;
  border-radius: 5px;
  transform: translateY(-4px);
  background-color: var(--tp-theme-1)
}

.tp-project-4-item {
  margin-bottom: 35px;
  overflow: hidden;
  line-height: 0
}

.tp-project-4-thumb img {
  width: 100%;
  -webkit-transition: .6s linear;
  transition: .6s linear
}

.tp-project-4-title {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 4px
}

.tp-project-4-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 40px 40px 45px;
  margin: 25px;
  display: inline-block;
  background-color: var(--tp-common-black);
  transform: perspective(400px) rotateX(-90deg);
  transform-origin: center;
  transition: .5s ease-in-out
}

.tp-project-details-left-box,
.tp-service-content,
.tp-service-icon span {
  background-color: var(--tp-common-white)
}

.tp-project-4-content p {
  max-width: 290px;
  padding-bottom: 2px
}

.tp-project-5-item {
  transition: .6s;
  padding-top: 70px
}

.tp-about-3-thumb img,
.tp-about-3-thumb-sm img,
.tp-exp-fea-thumb img,
.tp-exp-fea-thumb-2 img,
.tp-gallery-thumb img,
.tp-product-2-thumb img,
.tp-project-5-thumb img,
.tp-service-thumb img {
  width: 100%;
  transition: 1.3s
}

.tp-gallery-item:hover .tp-gallery-thumb img,
.tp-product-2-item:hover .tp-product-2-thumb img,
.tp-product-2-style-4 .tp-product-2-item:hover .tp-product-2-thumb img,
.tp-project-5-thumb:hover img,
.tp-service-item:hover .tp-service-thumb img {
  transform: scale(1.2)
}

.tp-gallery-title,
.tp-project-5-title {
  font-size: 20px;
  font-weight: 600
}

.tp-project-5-content {
  position: absolute;
  bottom: -19%;
  left: 20px;
  right: 20px;
  padding: 45px 38px;
  transform: perspective(400px) rotateY(-90deg);
  transform-origin: center;
  transition: .5s ease-in-out
}

.tp-project-5-content p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px
}

.tp-project-5-active {
  margin: -60px -120px;
  padding: 60px 0
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-project-5-active {
    margin: -40px;
    padding: 40px 0
  }
}

.tp-project-5-active .swiper-slide.swiper-slide-active .tp-project-5-content {
  transform: perspective(400px) rotateY(0)
}

.tp-project-5-active .swiper-slide.swiper-slide-active .tp-project-5-item {
  transform: translateY(-70px)
}

.tp-project-5-big-text {
  position: absolute;
  content: "";
  top: 57%;
  left: 1.6%
}

.tp-project-5-big-text h6,
.tp-team-style-3 .tp-team-big-text h6 {
  color: var(--tp-theme-1);
  font-size: 148px;
  font-style: normal;
  font-weight: 700;
  opacity: .05;
  text-transform: capitalize
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-project-5-big-text {
    left: .6%
  }

  .tp-project-5-big-text h6 {
    font-size: 125px
  }
}

.tp-project-details-left-box {
  margin-top: -35px;
  margin-left: 30px;
  padding: 50px 34px;
  position: relative;
  z-index: 9;
  box-shadow: 0 6px 25px rgba(0, 0, 0, .05)
}

.tp-project-details-left-box ul li {
  position: relative;
  padding-left: 35px;
  color: var(--tp-common-black);
  list-style: none
}

.tp-project-details-left-box ul li:not(:last-child) {
  margin-bottom: 19px
}

.tp-project-details-left-box ul li span {
  position: absolute;
  top: -2px;
  left: 0;
  color: var(--tp-common-black)
}

.tp-project-details-list ul li {
  padding-left: 22px;
  list-style-type: none;
  position: relative;
  width: 50%;
  float: left;
  margin-bottom: 13px;
  font-size: 20px
}

.tp-project-details-list ul li::after {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  border-radius: 50%;
  top: 11px;
  left: 0;
  background-color: var(--tp-common-black)
}

.tp-project-details-social span {
  display: inline-block;
  margin-right: 25px
}

.tp-project-details-social a {
  width: 65px;
  height: 40px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  margin: 0 2px;
  border: 1px solid rgba(84, 89, 95, .2);
  transition: .3s
}

.tp-project-details-social a svg {
  color: var(--tp-theme-1);
  transition: .3s
}


.tp-about-3-content p,
.tp-appointment-left p,
.tp-contact-box p,
.tp-feature-item.active .tp-feature-text p,
.tp-feature-item.active .tp-feature-title,
.tp-project-details-social a:hover svg,
.tp-team-details-social a:hover {
  color: var(--tp-common-black)
}

.tp-service-item:hover .tp-service-thumb::after {
  left: 0;
  right: 0;
  opacity: 0
}

.tp-feature-item.active .tp-feature-icon span svg,
.tp-service-2-item:hover .tp-service-2-icon span,
.tp-service-item:hover .tp-service-icon span,
.tp-service-item:hover .tp-service-icon-box span svg {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  color: var(--tp-common-black)
}

.tp-service-thumb::after {
  background: rgba(255, 255, 255, .3);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  right: 51%;
  top: 0;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: .5s;
  transition: .5s
}

.tp-service-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.tp-service-style-4 .tp-service-2-item::after,
.tp-service-style-5 .tp-service-2-item::after {
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleY(0);
  background-size: cover;
  background-color: var(--tp-common-black);
  content: "";
  left: 0;
  display: block
}

.tp-service-icon span {
  width: 100px;
  height: 103px;
  line-height: 103px;
  display: inline-block;
  text-align: center;
  -webkit-transition: .5s;
  transition: .5s;
  color: var(--tp-theme-1)
}

.tp-service-icon-box span svg {
  width: 65px;
  height: 66px;
  color: var(--tp-theme-1);
  -webkit-transition: .5s;
  transition: .5s
}

.tp-service-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-left: 40px
}

.tp-service-content {
  padding: 10px;
  box-shadow: 0 6px 25px 0 rgba(0, 0, 0, .05)
}

.tp-service-style-2 .tp-service-content {
  padding: 50px 20px 45px
}

.tp-service-2-icon {
  color: var(--tp-theme-1);
  padding-bottom: 30px
}

.tp-service-2-icon span {
  display: inline-block;
  -webkit-transition: .5s;
  transition: .5s;
  width: 65px;
  height: 66px;
  text-align: center
}

.tp-service-2-title {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  padding-bottom: 10px;
  -webkit-transition: .5s;
  transition: .5s
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-project-5-big-text {
    left: 1%;
    top: 87%
  }

  .tp-project-5-big-text h6 {
    font-size: 100px
  }

  .tp-service-2-title {
    font-size: 21px
  }

  .tp-service-2-text p {
    font-size: 14px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-service-2-title {
    font-size: 20px
  }

  .tp-service-2-text p {
    font-size: 13px
  }
}

.tp-service-2-text p {
  margin-bottom: 11px;
  -webkit-transition: .5s;
  transition: .5s
}

.tp-service-2-text a {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  color: var(--tp-common-black);
  position: relative;
  -webkit-transition: .5s;
  transition: .5s
}

.tp-service-2-top-text p {
  margin-bottom: 0;
  padding-left: 80px
}

.tp-service-style-3 .tp-service-2-item {
  padding: 40px 35px;
  background-color: #f8f8f8
}

.tp-service-style-3 .tp-service-2-title {
  line-height: 1.2
}

.tp-service-style-4 .tp-service-2-item {
  padding: 40px 38px;
  position: relative
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tp-project-style-2 .tp-project-thumb img {
    height: 370px
  }

  .tp-project-3-title {
    font-size: 20px
  }

  .tp-service-style-4 .tp-service-2-item {
    padding: 40px 25px
  }

  .tp-about-4-thumb-1 {
    transform: translateX(70px)
  }
}

.tp-service-style-4 .tp-service-2-item::after {
  position: absolute;
  opacity: 0;
  transform: scaleY(0);
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transition: .5s;
  transition: .5s;
  visibility: hidden
}

.tp-feature-item.active::after,
.tp-service-style-4 .tp-service-2-item.active::after,
.tp-service-style-5 .tp-service-2-item.active::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  transform: scaleY(1)
}

.tp-service-style-4 .tp-service-2-icon {
  margin-right: 30px;
  padding-bottom: 0;
  position: relative;
  z-index: 1
}

.tp-service-style-5 .tp-service-2-item {
  border: 1px solid #e6e6e6;
  background-color: transparent;
  -webkit-transition: .5s;
  transition: .5s;
  position: relative
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-service-style-4 .tp-service-2-item {
    flex-wrap: wrap
  }

  .tp-service-style-5 .tp-service-2-item {
    padding: 40px 26px
  }
}

.tp-service-style-5 .tp-service-2-item::after {
  position: absolute;
  opacity: 0;
  transform: scaleY(0);
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transition: .5s;
  transition: .5s;
  visibility: hidden;
  z-index: -1
}

.tp-service-style-5 .tp-service-2-title a {
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff)
}

.tp-service-style-5 .tp-service-2-big-text {
  position: absolute;
  content: "";
  top: 30%;
  right: 18%
}

.tp-about-5-big-text h6,
.tp-funfact-style-4 .tp-funfact-2-big-text h6,
.tp-service-style-5 .tp-service-2-big-text h6 {
  color: var(--tp-theme-1);
  font-size: 118px;
  font-style: normal;
  font-weight: 700;
  opacity: .05;
  text-transform: capitalize
}

.tp-about-2-icon span,
.tp-link {
  position: relative;
  display: inline-block
}

.tp-about-bg::after,
.tp-feature-item::after {
  background-color: var(--tp-common-white);
  content: ""
}

.tp-sv-sidebar-widget ul li a {
  display: block;
  color: var(--tp-theme-1);
  padding: 16px 20px;
  border: 1px solid var(--tp-grey-1);
  transition: .3s
}

.tp-sv-sidebar-widget ul li.active a,
.tp-sv-sidebar-widget ul li:hover a {
  background-color: #f8f8f8;
  border-color: transparent
}

.tp-sv-sidebar-author-info {
  padding: 30px 30px 20px;
  border-radius: 5px;
  box-shadow: 0 4.4px 20px -1px rgba(19, 16, 34, .05)
}

.tp-sv-sidebar-author-info h5 {
  font-size: 20px;
  margin-bottom: 3px
}

@media (max-width:767px) {
  .tp-project-style-2 .tp-project-thumb img {
    height: 300px
  }

  .tp-project-3-title {
    font-size: 18px
  }

  .tp-project-details-left-box {
    margin-top: 30px;
    margin-left: 0;
    padding: 20px 34px
  }

  .tp-project-details-left-box ul li:not(:last-child) {
    margin-bottom: 5px
  }

  .tp-project-details-list ul li {
    font-size: 14px;
    width: 100%
  }

  .tp-project-details-social span {
    margin-right: 10px
  }

  .tp-project-details-social a {
    width: 44px;
    height: 34px;
    line-height: 30px
  }

  .tp-project-details-social a svg {
    width: 15px
  }

  .tp-service-style-3 .tp-service-2-item {
    padding: 40px 25px
  }

  .tp-service-style-3 .tp-service-2-text p {
    font-size: 13px
  }

  .tp-service-style-4 .tp-service-2-item,
  .tp-sv-details-text {
    flex-wrap: wrap
  }

  .tp-service-style-5 .tp-service-2-title-box,
  .tp-sv-details-text span {
    margin-bottom: 30px
  }

  .tp-sv-sidebar-author-info h5 {
    font-size: 17px
  }
}

.tp-sv-details-text p {
  padding-right: 10px
}

.tp-sv-details-text span {
  height: 60px;
  width: 60px;
  line-height: 60px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  flex: 0 0 auto;
  margin-right: 45px;
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white)
}

.tp-sv-details-left h6 {
  position: relative;
  padding-left: 30px;
  font-size: 20px;
  color: var(--tp-text-body)
}

.tp-sv-details-left h6 i {
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 18px;
  color: var(--tp-theme-1)
}

.tp-sv-details-left-box p {
  margin-right: -35px
}

.tp-feature-item {
  padding: 40px 25px 35px;
  background-color: #0a0a0a;
  position: relative
}

.tp-feature-item::after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transition: .6s;
  transition: .6s;
  visibility: hidden;
  background-size: cover
}

.tp-feature-title {
  font-size: 24px;
  -webkit-transition: .6s;
  transition: .6s;
  color: var(--tp-common-white);
  position: relative;
  z-index: 1
}

.tp-feature-icon span svg {
  color: var(--tp-theme-1);
  -webkit-transition: .6s;
  transition: .6s
}

.tp-feature-text p {
  margin-bottom: 0;
  color: var(--tp-common-white);
  -webkit-transition: .6s;
  transition: .6s
}

.tp-contact-shape-1,
.tp-feature-shape-1 {
  position: absolute;
  bottom: 0;
  left: -2%;
  z-index: -1;
  animation: 2.5s infinite alternate tptranslateX2
}

.tp-about-2-shape-2,
.tp-about-5-shape-1 {
  animation: 2.5s infinite alternate tptranslateY2
}

.tp-exp-fea-list ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  position: relative;
  padding-left: 33px;
  list-style-type: none;
  color: var(--tp-common-black)
}


.tp-about-4-list ul li,
.tp-about-list ul li,
.tp-price-list ul li {
  padding-left: 30px;
  list-style-type: none
}

.tp-exp-fea-list ul li:not(:last-child) {
  margin-bottom: 11px
}

.tp-exp-fea-list ul li i {
  position: absolute;
  top: 4px;
  left: 0;
  color: var(--tp-theme-1)
}

.tp-exp-fea-canva-box {
  padding: 35px 55px;
  background-color: #f8f8f8
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
  .tp-exp-fea-canva-box {
    padding: 35px 27px
  }
}

@media (max-width:767px) {
  .tp-sv-details-left-wrap {
    margin-bottom: 30px
  }

  .tp-sv-details-left h6 {
    font-size: 16px
  }

  .tp-sv-details-thumb img {
    width: 100%
  }

  .tp-exp-fea-canva-box {
    padding: 35px 20px
  }
}

@media only screen and (min-width:576px) and (max-width:767px) {
  .tp-hero-2-shape-3 img {
    transform: scale(.8)
  }

  .tp-hero-2-funfact,
  .tp-sv-details-text span {
    margin-bottom: 0
  }

  .tp-project-filter button {
    padding: 0 35px
  }

  .tp-about-4-circle,
  .tp-service-style-3 .tp-service-2-title br {
    display: none
  }

  .tp-service-style-4 .tp-service-2-item {
    padding: 40px 28px
  }

  .tp-sv-details-text {
    flex-wrap: nowrap
  }

  .tp-exp-fea-wrap {
    margin-right: 80px
  }

  .tp-exp-fea-canva-box {
    padding: 35px 55px
  }
}

@media only screen and (min-width:440px) and (max-width:576px) {
  .tp-exp-fea-canva-box {
    padding: 35px 40px
  }
}

.tp-exp-fea-canva-box span {
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-common-black)
}

.tp-exp-fea-thumb {
  position: relative;
  overflow: hidden;
  margin-right: 35px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-exp-fea-thumb {
    margin-right: 20px
  }
}

.tp-exp-fea-thumb-2 {
  position: relative;
  overflow: hidden;
  margin-left: 35px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-exp-fea-thumb-2 {
    margin-left: 20px
  }
}

.tp-exp-fea-big-text {
  position: absolute;
  content: "";
  top: 46%;
  right: -8.4%
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-service-style-5 .tp-service-2-big-text {
    top: 31%;
    right: 7%
  }

  .tp-service-style-5 .tp-service-2-big-text h6 {
    font-size: 100px
  }

  .tp-exp-fea-big-text {
    right: -7.6%
  }
}

.tp-progress {
  height: 72px;
  width: 72px;
  text-align: center;
  line-height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto auto 10px
}

.tp-progress input {
  color: #000 !important;
  font-size: 16px !important;
  height: 72px !important;
  margin-top: 0 !important
}

.tp-funfact-item span,
.tp-funfact-number {
  color: var(--tp-common-white)
}

.tp-about-bg::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 13.5%;
  z-index: -1
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-about-bg::after {
    height: 7.5%
  }
}

.tp-about-list ul li {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  position: relative;
  color: var(--tp-common-black);
  margin-bottom: 15px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-service-style-5 .tp-service-2-big-text h6 {
    left: 30%
  }

  .tp-sv-details-left-box p {
    margin-right: 0
  }

  .tp-exp-fea-wrap {
    margin-right: 80px
  }

  .tp-exp-fea-big-text {
    right: 7.6%
  }

  .tp-exp-fea-big-text h6 {
    font-size: 130px
  }

  .tp-about-list ul li {
    font-size: 17px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-about-list ul li {
    font-size: 15px;
    margin-bottom: 6px
  }

  .tp-about-2-icon span svg {
    width: 45px
  }
}

.tp-about-list ul li i {
  position: absolute;
  left: 0;
  top: 8px;
  font-size: 16px;
  color: var(--tp-theme-1)
}

.tp-about-big-text {
  position: absolute;
  content: "";
  top: 0;
  right: 20.6%
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-about-big-text {
    right: 9.6%
  }
}

.tp-about-thumb-box {
  margin-right: 35px;
  width: 100%
}

.tp-about-2-right {
  padding-top: 45px;
  padding-bottom: 20px;
  margin-left: 9px
}

.tp-about-2-thumb {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 46.2%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.tp-about-2-icon span::after {
  position: absolute;
  content: "";
  top: 0;
  left: -10px;
  height: 65px;
  width: 65px;
  border-radius: 50%;
  background-color: #f8f8f8;
  z-index: -1
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-about-2-icon span::after {
    height: 35px;
    width: 35px
  }

  .tp-about-2-text p {
    font-size: 13px
  }

  .tp-about-2-text p br {
    display: none
  }
}

.tp-about-2-title {
  font-size: 24px;
  font-weight: 600;
  margin-left: 20px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-about-2-title {
    font-size: 22px
  }
}

.tp-about-2-shape-1 {
  position: absolute;
  bottom: -45px;
  right: -35px;
  z-index: -1
}

.tp-about-2-shape-2 {
  position: absolute;
  top: 40px;
  right: -12px
}

.tp-about-3-title-box {
  padding-left: 250px
}

@media only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
  .tp-project-details-list ul li {
    font-size: 14px
  }

  .tp-about-3-title-box {
    padding-left: 150px
  }

  .tp-funfact-style-2 .tp-funfact-wrap {
    margin-left: 0
  }
}

.tp-about-3-content {
  margin-top: 62px;
  padding-left: 180px;
  position: relative
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-about-3-content {
    padding-left: 60px
  }
}

.tp-about-3-content::before {
  position: absolute;
  top: 9px;
  left: 0;
  content: "";
  width: 153px;
  height: 1px;
  background-color: var(--tp-theme-1)
}

.tp-about-3-thumb-sm {
  overflow: hidden;
  margin-right: 53px;
  position: relative
}

.tp-about-3-big-text {
  position: absolute;
  content: "";
  bottom: -21%;
  left: -80px
}

.tp-about-4-left {
  margin-right: 36px
}

.tp-about-4-text {
  margin-bottom: 25px
}

.tp-about-4-list ul li,
.tp-funfact-item span {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400
}

.tp-about-4-thumb-2 {
  margin-top: 90px;
  overflow: hidden;
  position: relative
}

.tp-about-4-circle {
  position: absolute;
  left: 73px;
  top: 20px;
  z-index: -1
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-about-3-content::before {
    width: 50px
  }

  .tp-about-4-circle {
    left: 5%
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tp-about-4-thumb-2 {
    transform: translateX(-70px)
  }

  .tp-about-4-circle {
    left: 15%
  }
}

@media (max-width:767px) {
  .tp-exp-fea-canva-box span {
    font-size: 14px
  }

  .tp-exp-fea-right {
    margin-bottom: 30px
  }

  .tp-about-3-title-box {
    padding-left: 0
  }

  .tp-about-4-thumb-1,
  .tp-about-4-thumb-2 {
    transform: scale(.9)
  }

  .tp-about-4-circle {
    left: -29%;
    transform: scale(.45);
    top: -27%
  }

  .tp-about-4-list {
    margin-bottom: 20px
  }
}

.tp-about-4-circle span {
  height: 477px;
  width: 477px;
  border-radius: 50%;
  display: inline-block;
  border: 3px dashed var(--tp-theme-1);
  z-index: -1;
  animation: 25s linear infinite rotate2
}

.tp-about-4-list ul li {
  margin-bottom: 17px;
  position: relative;
  color: var(--tp-common-black)
}

.tp-about-4-list ul li i {
  color: var(--tp-theme-1);
  position: absolute;
  top: 5px;
  left: 0
}

.tp-about-5-style .tp-about-list ul li {
  padding-left: 37px;
  font-size: 19px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-about-big-text {
    right: 7.6%
  }

  .tp-about-big-text h6 {
    font-size: 130px
  }

  .tp-about-3-big-text h6 {
    font-size: 110px
  }

  .tp-about-5-style .tp-about-list ul li {
    font-size: 17px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-about-4-circle span {
    height: 377px;
    width: 377px
  }

  .tp-about-5-style .tp-about-list ul li {
    font-size: 18px;
    margin-bottom: 15px
  }
}

.tp-about-5-style .tp-about-list ul li i {
  font-size: 24px;
  transform: translateY(-5px)
}

.tp-about-5-thumb-box {
  padding-bottom: 120px;
  padding-left: 50px
}

.tp-about-5-thumb-sm {
  position: absolute;
  right: 0;
  bottom: 0;
  border: 7px solid var(--tp-common-white);
  overflow: hidden
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-about-5-thumb-box {
    padding-left: 0;
    transform: scale(.9)
  }

  .tp-about-5-thumb-sm {
    right: -6%
  }
}

.tp-about-5-shape-1 {
  position: absolute;
  top: 9%;
  left: -25px
}

.tp-about-5-big-text {
  position: absolute;
  content: "";
  top: 59%;
  left: 39%
}

.tp-hover-distort-wrapper .canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.tp-hover-distort-img {
  opacity: 0;
  object-fit: cover
}

.tp-hover-distort-img.back {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.tp-funfact-height {
  padding: 145px 0;
  position: relative;
  z-index: 1
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-about-5-big-text {
    left: 35%
  }

  .tp-funfact-height {
    padding: 115px 0
  }

  .tp-funfact-bg {
    display: none
  }
}

.tp-funfact-bg {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  width: 100%
}

.tp-funfact-bg img {
  mix-blend-mode: luminosity;
  opacity: .14
}

.tp-funfact-item-box {
  margin-top: 15px;
  margin-right: 35px
}

@media (max-width:767px) {
  .tp-about-5-style .tp-about-content {
    margin-bottom: 50px
  }

  .tp-about-5-thumb-box {
    padding-left: 0;
    padding-bottom: 0
  }

  .tp-about-5-thumb {
    margin-bottom: 20px
  }

  .tp-about-5-thumb img,
  .tp-about-5-thumb-sm img {
    width: 100%
  }

  .tp-about-5-thumb-sm {
    position: static;
    border: none
  }

  .tp-about-5-shape-1 {
    display: none
  }

  .tp-funfact-item-box {
    flex-wrap: wrap;
    margin-right: 0
  }
}

.tp-funfact-item {
  padding: 50px 34px 44px;
  text-align: center;
  width: auto;
  border-bottom: 5px solid var(--tp-theme-1);
  border-right: 5px solid var(--tp-theme-1);
  background-color: var(--tp-common-black-2)
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
  .tp-funfact-item {
    padding: 30px 34px
  }
}

.tp-funfact-number {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 0
}

.tp-funfact-icon {
  position: absolute;
  top: -27px;
  right: -27px
}

.tp-funfact-icon span {
  height: 54px;
  width: 54px;
  line-height: 54px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--tp-theme-1)
}

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

.tp-funfact-2-item-box ul li {
  list-style-type: none;
  padding-bottom: 20px;
  margin-bottom: 58px;
  border-bottom: 1px solid rgba(0, 0, 0, .2)
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-funfact-2-item-box ul li {
    padding-bottom: 20px;
    margin-bottom: 25px
  }
}

.tp-funfact-2-item span,
.tp-team-author-info span,
.tp-testimonial-2-author-info span {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px
}

.tp-funfact-2-title {
  font-size: 68px;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1
}

@media only screen and (min-width:1600px) and (max-width:1700px) {
  .tp-funfact-height {
    padding: 115px 0
  }

  .tp-funfact-2-title {
    font-size: 56px
  }
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-funfact-2-title {
    font-size: 50px
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-about-5-big-text {
    left: 30%
  }

  .tp-funfact-height {
    padding: 85px 0
  }

  .tp-funfact-2-title {
    font-size: 48px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-funfact-2-item span {
    font-size: 14px
  }

  .tp-funfact-2-title {
    font-size: 44px
  }
}

.tp-funfact-2-thumb {
  display: block;
  overflow: hidden;
  margin-left: 35px;
  position: relative
}

.tp-funfact-2-thumb img {
  width: 100%;
  transform: scale(1.04) translateX(-1%);
  transition: transform .6s cubic-bezier(.65, 0, .35, 1)
}

.tp-funfact-2-thumb:hover img,
.tp-testimonial-2-thumb:hover img {
  transform: scale(1.04) translateX(1%)
}

.tp-funfact-style-2.tp-funfact-height {
  padding: 105px 0
}

.tp-funfact-style-2 .tp-section-title {
  position: relative;
  padding-left: 25px
}

.tp-funfact-style-2 .tp-section-title::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  height: 112px;
  width: 1px;
  transform: translateY(-50%);
  background-color: var(--tp-common-white)
}

.tp-funfact-style-2 .tp-funfact-item {
  padding: 0;
  text-align: start;
  background-color: transparent
}

.tp-funfact-style-3 .tp-funfact-2-title {
  width: 200px;
  color: transparent;
  font-family: var(--tp-ff-poppins);
  -webkit-text-stroke: 1px var(--tp-common-black);
  font-weight: 700
}

@media (max-width:767px) {
  .tp-funfact-item {
    padding: 30px 34px;
    text-align: center;
    margin: 0 30px 70px
  }

  .tp-funfact-2-item-box {
    margin-bottom: 50px
  }

  .tp-funfact-style-2 .tp-funfact-wrap {
    flex-wrap: wrap;
    margin-top: 40px;
    text-align: start;
    margin-left: 0
  }

  .tp-funfact-style-2 .tp-funfact-item {
    margin: 0 0 25px
  }

  .tp-funfact-style-2 .tp-section-title {
    padding-left: 0
  }

  .tp-funfact-style-3 .tp-funfact-2-title {
    width: 100%;
    font-size: 42px
  }

  .tp-funfact-style-3 {
    width: 100%;
    margin-bottom: 30px
  }
}

.tp-funfact-style-4 .tp-funfact-2-big-text {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.tp-funfact-style-4 .tp-funfact-2-item h5,
.tp-team-details-title {
  font-size: 48px
}

@media (max-width:767px) {

  .tp-funfact-style-3 .tp-funfact-2-item-box,
  .tp-funfact-style-4 .tp-funfact-2-item-box,
  .tp-testimonial-item {
    flex-wrap: wrap
  }

  .tp-funfact-style-3 .tp-funfact-2-item {
    margin-bottom: 50px
  }

  .tp-funfact-style-4 .tp-funfact-2-item {
    text-align: center;
    margin-bottom: 55px;
    width: 100%
  }

  .tp-testimonial-author-thumb {
    margin-bottom: 30px
  }
}

.tp-testimonial-author-thumb {
  overflow: hidden;
  margin-right: 30px;
  flex: 0 0 auto
}

.tp-testimonial-author-thumb img {
  transition: .5s;
  -webkit-transition: .5s
}

.tp-testimonial-top-text p {
  margin-left: 40px
}

.tp-testimonial-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 0
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-testimonial-title {
    font-size: 25px
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-testimonial-title {
    font-size: 22px
  }

  .tp-testimonial-text p {
    font-size: 14px
  }
}

.tp-testimonial-author-info span {
  font-size: 16px;
  font-weight: 400
}

.tp-testimonial-author-info {
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #a6a182
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-testimonial-text p {
    font-size: 12px
  }

  .tp-testimonial-2-text p {
    font-size: 14px;
    margin-bottom: 0
  }

  .tp-testimonial-2-text p br {
    display: none
  }
}

.tp-testimonial-quot {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%)
}

.tp-testimonial-quot span {
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--tp-theme-1)
}

.tp-testimonial-active {
  padding: 40px 0;
  margin: -40px 0
}

.tp-testimonial-2-thumb {
  display: block;
  overflow: hidden
}

.tp-testimonial-2-thumb img {
  max-width: inherit;
  transform: scale(1.04) translateX(-1%);
  transition: transform .6s cubic-bezier(.65, 0, .35, 1)
}

.tp-testimonial-2-rate i {
  padding: 0 3px;
  font-size: 14px;
  color: var(--tp-theme-1)
}

.tp-testimonial-2-author-info {
  padding-bottom: 8px;
  margin-bottom: 30px;
  position: relative
}

.tp-testimonial-2-author-info::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 1px;
  width: 230px;
  background-color: var(--tp-theme-1)
}

.tp-testimonial-2-author-info h5 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-testimonial-2-author-info h5 {
    font-size: 24px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-testimonial-2-author-info h5 {
    font-size: 20px
  }

  .tp-testimonial-3-title {
    font-size: 22px
  }
}

.tp-testimonial-2-wrapper {
  margin-left: 60px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-testimonial-2-wrapper {
    margin-left: 20px
  }
}

.tp-testimonial-2-big-text {
  position: absolute;
  content: "";
  right: 270px;
  top: 300px
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-testimonial-2-big-text {
    right: 120px
  }
}

.tp-testimonial-2-arrow-box {
  position: relative;
  z-index: 3;
  margin-top: 9px
}

.tp-testimonial-2-arrow-box button svg {
  transition: .3s;
  color: rgba(0, 0, 0, .2)
}

.tp-testimonial-2-arrow-box button:hover svg,
.tp-testimonial-3-arrow-box button:hover svg {
  color: var(--tp-common-black);
  opacity: 1
}

.tp-testimonial-2-arrow-box button.testimonial-prev {
  margin-right: 55px
}

.tp-testimonial-3-author-thumb {
  flex: 0 0 auto;
  margin-right: 20px
}

.tp-testimonial-3-content {
  padding: 40px 42px;
  background-color: var(--tp-common-white);
  box-shadow: 0 6px 25px rgba(0, 0, 0, .05);
  position: relative
}

.tp-testimonial-3-quot {
  position: absolute;
  right: 30px;
  bottom: 22px
}

@media only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
  .tp-testimonial-3-text p {
    font-size: 14px
  }
}

.tp-testimonial-3-arrow-box button svg {
  transition: .3s;
  color: var(--tp-theme-1);
  opacity: 1
}

.tp-testimonial-3-arrow-box button.testimonial-prev {
  position: absolute;
  top: 29%;
  left: -13%;
  z-index: 3
}

.tp-testimonial-3-arrow-box button.testimonial-next {
  position: absolute;
  top: 29%;
  right: -13%;
  z-index: 3
}

.tp-testimonial-3-active {
  padding: 30px;
  margin: -30px
}

.tp-product-content-box {
  padding: 35px 30px
}

.tp-product-item,
.tp-team-style-4 .tp-team-item {
  box-shadow: 0 6px 25px 0 rgba(0, 0, 0, .05)
}

.tp-product-title {
  font-size: 20px;
  font-weight: 600
}

.tp-product-price {
  font-size: 28px;
  font-weight: 700;
  color: var(--tp-common-black)
}

.tp-product-active,
.tp-team-style-4 .tp-team-active {
  margin: -30px;
  padding: 30px
}

.tp-product-2-item:hover .tp-product-2-btn {
  top: 74%;
  opacity: 1;
  visibility: visible
}

.tp-product-2-content {
  padding: 30px 20px 48px;
  background-color: var(--tp-grey-1)
}

.tp-product-2-btn {
  position: absolute;
  top: 120%;
  left: 0;
  right: 0;
  text-align: center;
  transition: .6s;
  opacity: 0;
  visibility: hidden
}

.tp-product-2-title {
  font-size: 20px;
  font-weight: 600;
  transition: .3s
}

.tp-product-2-rate {
  position: absolute;
  left: 50%;
  top: -35px;
  transform: translateX(-50%);
  height: 70px;
  width: 70px;
  line-height: 70px;
  background-color: var(--tp-theme-1)
}

.tp-product-2-rate span {
  color: var(--tp-common-white);
  font-size: 28px;
  font-weight: 700
}

.tp-product-2-rate-2 {
  position: absolute;
  top: 0;
  right: 20px;
  width: 73px;
  height: 125px;
  text-align: center;
  background-color: rgba(0, 0, 0, .05);
  clip-path: polygon(100% 100%, 50% 64%, 0 100%, 0 100%, 0 0, 100% 0)
}

.tp-product-2-rate-2 span {
  display: inline-block;
  color: var(--tp-common-black);
  font-size: 24px;
  font-weight: 600;
  transform: translateY(30px)
}

.tp-product-2-big-text {
  position: absolute;
  content: "";
  left: 445px;
  top: 30px
}

.tp-product-2-arrow-box .price-prev {
  position: absolute;
  top: 50%;
  left: -11%;
  transform: translateY(-50%);
  z-index: 2
}

.tp-product-2-arrow-box .price-prev::after {
  position: absolute;
  content: "";
  top: 50%;
  left: -34%;
  transform: translateY(-50%);
  width: 79px;
  height: 78px;
  border-radius: 50%;
  border: 3px solid var(--tp-theme-1)
}

.tp-product-2-arrow-box .price-next {
  position: absolute;
  top: 50%;
  right: -11%;
  z-index: 2;
  transform: translateY(-50%)
}

.tp-product-2-arrow-box .price-next::after {
  position: absolute;
  content: "";
  top: 50%;
  right: -34%;
  transform: translateY(-50%);
  width: 79px;
  height: 78px;
  border-radius: 50%;
  border: 3px solid var(--tp-theme-1)
}

.tp-product-2-style-2 .tp-product-content {
  padding-bottom: 66px
}

.tp-product-2-style-3 .tp-product-2-content {
  padding: 30px
}

.tp-product-2-style-3 .tp-product-2-item:hover .tp-product-2-button-box {
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  visibility: visible
}

.tp-product-2-style-3 .tp-product-2-item:hover .tp-product-2-thumb::after {
  opacity: 1;
  visibility: visible;
  height: 100%;
  bottom: auto;
  top: 0
}

.tp-product-2-style-3 .tp-product-2-button-box {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  opacity: 0;
  text-align: center;
  visibility: hidden;
  transition: .5s;
  z-index: 2
}

.tp-product-2-style-3 .tp-product-2-button-box .tp-btn-black-lg:hover {
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0
}

.tp-product-2-style-3 .tp-product-2-thumb::after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background-color: rgba(166, 161, 130, .8);
  opacity: 0;
  visibility: hidden;
  transition: .5s
}

.tp-product-2-style-3 .tp-product-2-rate-2 {
  background-color: transparent;
  position: static;
  height: auto;
  width: auto;
  clip-path: none
}

.tp-product-2-style-3 .tp-product-2-rate-2 span {
  transform: translate(0)
}

.tp-product-2-style-4 .tp-product-2-btn {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
  transition: .6s;
  opacity: 0;
  visibility: hidden
}

.tp-product-2-style-4 .tp-product-2-thumb {
  transition: .6s
}

.tp-product-2-style-4 .tp-product-2-item:hover .tp-product-2-btn {
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
  opacity: 1;
  visibility: visible
}

.tp-shop-sidebar-wrap {
  padding-top: 45px;
  padding-bottom: 50px;
  margin-right: -145px;
  margin-left: 30px;
  background-color: var(--tp-grey-1)
}

@media only screen and (min-width:1600px) and (max-width:1700px) {
  .tp-testimonial-3-arrow-box button.testimonial-prev {
    left: -10%
  }

  .tp-testimonial-3-arrow-box button.testimonial-next {
    right: -10%
  }

  .tp-product-2-arrow-box .price-prev {
    position: absolute;
    top: 50%;
    left: -9%;
    transform: translateY(-50%) scale(.7)
  }

  .tp-product-2-arrow-box .price-next {
    position: absolute;
    top: 50%;
    right: -9%;
    transform: translateY(-50%) scale(.7)
  }

  .tp-shop-sidebar-wrap {
    margin-right: -100px;
    margin-left: 0
  }
}

@media only screen and (min-width:1400px) and (max-width:1599px),
only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px) {
  .tp-shop-sidebar-wrap {
    margin-right: 0;
    margin-left: 0
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-testimonial-2-big-text {
    right: 150px
  }

  .tp-testimonial-2-big-text h6 {
    font-size: 110px
  }

  .tp-testimonial-2-arrow-box button svg,
  .tp-testimonial-3-arrow-box button svg {
    width: 45px
  }

  .tp-product-2-big-text {
    left: 380px
  }

  .tp-product-2-big-text h6 {
    font-size: 100px
  }
}

.tp-shop-sidebar-widget-title {
  font-size: 28px;
  margin: 0 60px;
  padding-bottom: 30px;
  color: rgba(0, 0, 0, .7)
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-shop-sidebar-widget-title {
    margin: 0 30px;
    font-size: 24px
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-shop-sidebar-widget-title {
    margin: 0 30px;
    font-size: 21px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-testimonial-3-content {
    padding: 40px 37px
  }

  .tp-shop-sidebar-widget-title {
    margin: 0 20px;
    font-size: 21px
  }
}

.tp-shop-sidebar-widget-content ul li.active a,
.tp-shop-sidebar-widget-content ul li:hover a {
  color: var(--tp-common-white);
  border-color: transparent
}

.tp-shop-sidebar-widget-content ul li a {
  position: relative;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  display: block;
  padding: 17px 0 17px 28px;
  margin: 0 60px;
  border-bottom: 1px solid rgba(0, 0, 0, .2)
}

@media only screen and (min-width:1400px) and (max-width:1599px),
only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-shop-sidebar-widget-content ul li a {
    margin: 0 30px;
    font-size: 17px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-shop-sidebar-widget-content ul li a {
    margin: 0 20px;
    font-size: 16px;
    padding-left: 20px
  }
}

.tp-shop-sidebar-widget-content ul li a i {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

.tp-shop-widget-filter {
  padding: 0 60px;
  position: relative
}

@media only screen and (min-width:1400px) and (max-width:1599px),
only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-shop-widget-filter {
    padding: 0 30px
  }

  .tp-team-style-3 .tp-team-big-text h6 {
    font-size: 130px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-shop-widget-filter {
    padding: 0 20px
  }
}

.tp-shop-widget-filter .ui-widget.ui-widget-content {
  height: 3px;
  background-color: #ededed;
  border: 0;
  width: 70%
}

.tp-shop-widget-filter .ui-slider .ui-slider-handle,
.tp-shop-widget-filter .ui-slider-horizontal .ui-slider-range {
  background-color: var(--tp-theme-1);
  position: absolute
}

.tp-shop-widget-filter .ui-slider .ui-slider-handle {
  top: -8px;
  width: 16px;
  height: 16px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 50%
}

.tp-shop-widget-filter-info .tp-shop-widget-filter-btn {
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-common-black);
  background-color: #f5f5f5;
  padding: 2px 21px
}

.tp-shop-details__wrapper {
  margin-bottom: 120px
}

.tp-shop-details__tab-big-img {
  border: 1px solid #ede7e7;
  margin-right: 30px;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 90px
}

.tp-shop-details__tab-btn-box button {
  display: inline-block;
  margin-right: 20px;
  border: 1px solid transparent
}

.tp-shop-details__tab-btn-box button img {
  background-color: #f8f8f9
}

.tp-shop-details__tab-btn-box button.active {
  border: 1px solid #ede7e7
}

.tp-shop-details__ratting span {
  color: var(--tp-theme-1)
}

.tp-shop-details__ratting span svg {
  color: #ffb41b
}

.tp-shop-details__quantity {
  background-color: #f7f7f7;
  width: 205px;
  height: 67px;
  position: relative;
  margin-right: 15px
}

.tp-shop-details__quantity input {
  border: 0;
  background-color: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  color: var(--tp-common-black)
}

.tp-shop-details__quantity .tp-cart-minus {
  position: absolute;
  top: 0;
  left: 0;
  height: 64px;
  width: 64px;
  line-height: 64px;
  text-align: center;
  color: var(--tp-common-black)
}

.tp-shop-details__quantity .tp-cart-plus {
  position: absolute;
  top: 0;
  right: 0;
  height: 64px;
  width: 64px;
  line-height: 64px;
  text-align: center;
  color: var(--tp-common-black)
}

.tp-map-box,
.tp-shop-details__btn {
  line-height: 0
}

.tp-shop-details__right-warp {
  margin-top: 25px
}

.tp-shop-details__title-sm {
  font-weight: 700;
  font-size: 28px;
  color: #060728;
  padding-bottom: 15px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-shop-details__title-sm {
    font-size: 32px
  }
}

.tp-shop-details__text-2 p {
  padding-bottom: 15px;
  padding-right: 40px
}

.tp-shop-details__price span {
  color: var(--tp-common-black);
  font-weight: 700;
  font-size: 18px;
  color: #060728
}

.tp-shop-details__price del {
  color: rgba(0, 0, 0, .5);
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  margin-left: 13px;
  margin-right: 10px
}

.tp-shop-details__product-info ul li {
  color: var(--tp-common-black);
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 23px;
  list-style-type: none
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-shop-details__product-info ul li {
    font-size: 17px
  }
}


.tp-shop-details__product-info ul li:last-child {
  margin-bottom: 0
}

.tp-shop-details__product-info ul li>span {
  color: #232323;
  font-family: var(--tp-ff-heading);
  font-size: 16px;
  font-weight: 600
}

.tp-shop-details__social span {
  color: #121416;
  font-family: var(--tp-ff-heading);
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  display: inline-block;
  margin-right: 10px
}

.tp-shop-details__social a {
  display: inline-block;
  font-size: 16px;
  color: #071c1f;
  transition: .3s;
  margin-right: 11px
}


.tp-shop-details__social a:hover {
  color: var(--tp-theme-1)
}

.tp-shop-details__size {
  display: inline-block;
  margin-left: 25px
}

.tp-shop-details__size>span {
  display: inline-block;
  border: 1px solid #e8e8e8;
  padding: 4px 13px;
  color: #8d8884;
  font-family: --tp-ff-heading;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .6px;
  text-transform: uppercase;
  transition: .3s;
  margin-right: 7px
}

.tp-shop-details__size>span.active,
.tp-shop-details__size>span:hover {
  background-color: var(--tp-theme-1);
  border: 1px solid var(--tp-theme-1);
  color: var(--tp-common-white)
}

.tp-shop-details__variation-list {
  display: inline-block;
  margin-left: 17px
}

.tp-shop-details__variation-list button {
  transform: translateY(3px)
}

.tp-shop-details__variation-list button span {
  width: 14.27px;
  height: 14px;
  background-color: var(--tp-theme-1);
  display: inline-block;
  border-radius: 50%;
  margin-right: 12px
}

.tp-shop-details__variation-list button span.red {
  background-color: red
}

.tp-shop-details__variation-list button span.blue {
  background-color: #00f
}

.tp-shop-details__variation-list button span.purple {
  background-color: purple
}

.tp-order-info-list ul li.tp-order-info-list-shipping span label span,
.tp-order-info-list ul li.tp-order-info-list-subtotal span:last-child {
  color: var(--tp-theme-primary)
}

.tp-product-quantity input {
  height: 30px;
  width: 32px;
  font-size: 14px;
  border: none;
  font-weight: 700;
  text-align: center
}

.payment-method .accordion-collapse {
  border: none
}

.pro-details-nav-btn li .nav-links.active {
  background: var(--tp-common-white);
  color: var(--tp-common-black)
}


.tp-comments-title {
  font-weight: 700;
  color: var(--tp-common-black)
}

.tp-contact-input-box input,
.tp-contact-textarea-box textarea {
  border: 1px solid rgba(230, 230, 230, .4);
  padding-right: 50px;
  color: var(--tp-common-white)
}

.table td {
  padding: 18px
}

@media only screen and (min-width:1400px) and (max-width:1599px),
only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
  .tp-product-2-arrow-box {
    display: none
  }
}


.tp-comments-title {
  font-size: 24px;
  text-transform: capitalize
}

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

.tp-contact-right {
  margin-left: -20px
}

.tp-contact-text p {
  margin-right: 95px;
  color: var(--tp-common-white)
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-contact-text p {
    font-size: 14px;
    margin-right: 65px
  }
}

.tp-contact-icon {
  position: absolute;
  top: 16px;
  right: 20px
}

.tp-contact-input-box input::-webkit-input-placeholder {
  color: var(--tp-common-white)
}

.tp-contact-input-box input::-moz-placeholder {
  color: var(--tp-common-white)
}

.tp-contact-input-box input:-moz-placeholder {
  color: var(--tp-common-white)
}

.tp-contact-input-box input:-ms-input-placeholder {
  color: var(--tp-common-white)
}

.tp-contact-input-box input::placeholder {
  color: var(--tp-common-white)
}

.tp-contact-textarea-box textarea {
  height: 150px
}

.tp-contact-textarea-box textarea::-webkit-input-placeholder {
  color: var(--tp-common-white)
}

.tp-contact-textarea-box textarea::-moz-placeholder {
  color: var(--tp-common-white)
}

.tp-contact-textarea-box textarea:-moz-placeholder {
  color: var(--tp-common-white)
}

.tp-contact-textarea-box textarea:-ms-input-placeholder {
  color: var(--tp-common-white)
}

.tp-contact-textarea-box textarea::placeholder {
  color: var(--tp-common-white)
}

.tp-contact-box {
  margin-left: 8px
}

.tp-contact-icon-2 span {
  border-radius: 50%;
  color: var(--tp-common-black);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  width: 70px;
  background-color: #fffaef;
  margin-right: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.tp-contact-icon-2 span .icon-ico {
  width: 38px;
  height: 38px;
  object-fit: contain
}

.tp-contact-content h5 {
  font-size: 25px;
  font-weight: 600;
  color: #393939;
  font-family: QanelasDEMO-Thin
}

.tp-contact-content a {
  color: #4b5563;
  font-size: 18px !important;
  font-family: QanelasDEMO-Thin;
  transition: background-size .6s linear
}

.tp-form-input-box input {
  height: 70px;
  line-height: 70px;
  color: #6b7280;
  border: 1px solid #e6e6e6;
  border-radius: 10px
}

.tp-team-social a,
.tp-team-style-2 .tp-team-social-box a,
.tp-team-style-3 .tp-team-social-box a {
  line-height: 30px;
  display: inline-block;
  text-align: center
}

.tp-form-input-box input::-webkit-input-placeholder {
  color: #6b7280;
  font-size: 18px
}

.tp-form-input-box input::-moz-placeholder {
  color: #6b7280;
  font-size: 18px
}

.tp-form-input-box input:-moz-placeholder {
  color: #6b7280;
  font-size: 18px
}

.tp-form-input-box input:-ms-input-placeholder {
  color: #6b7280;
  font-size: 18px
}

.tp-form-input-box input::placeholder {
  color: #6b7280;
  font-size: 18px
}

.tp-form-textarea-box textarea::placeholder {
  font-size: 18px;
  font-family: qanelas-light, sans-serif;
  letter-spacing: .2px;
  color: #6b7280
}

textarea {
  line-height: 1.4;
  padding-top: 20px;
  padding-bottom: 17px;
  height: 199px;
  color: #6b7280;
  border: 1px solid #e6e6e6;
  border-radius: 10px
}

.tp-form-box-style-2 .tp-form-input-box input,
.tp-form-box-style-2 .tp-form-textarea-box textarea {
  background-color: #fffaef;
  border: 1px solid #e0e2e3
}

.tp-form-textarea-box textarea {
  resize: vertical;
  overflow: auto
}

.tp-form-textarea-box textarea::-webkit-input-placeholder {
  color: #6b7280
}

.tp-form-textarea-box textarea::-moz-placeholder {
  color: #6b7280
}

.tp-form-textarea-box textarea:-moz-placeholder {
  color: #6b7280
}

.tp-form-textarea-box textarea:-ms-input-placeholder {
  color: #6b7280
}


.tp-form-box-style-2 .tp-btn-theme {
  border-radius: 0
}

.tp-map-box iframe {
  height: 461px;
  width: 100%
}

.tp-team-item:hover .tp-team-social a:first-child,
.tp-team-item:hover .tp-team-social a:nth-child(2),
.tp-team-item:hover .tp-team-social a:nth-child(3),
.tp-team-item:hover .tp-team-social a:nth-child(4) {
  transform: translateX(0)
}

.tp-team-thumb img {
  transition: transform .45s;
  will-change: transform
}

.tp-team-social {
  position: absolute;
  bottom: 20px;
  left: 20px
}

.tp-team-social a {
  height: 30px;
  width: 30px;
  color: var(--tp-theme-1);
  background-color: var(--tp-common-white);
  opacity: 0;
  visibility: hidden
}

.tp-team-social a:first-child {
  transition: .3s;
  transform: translateX(-20px)
}

.tp-team-social a:nth-child(2) {
  transition: .5s;
  transform: translateX(-30px)
}

.tp-team-social a:nth-child(3) {
  transition: .7s;
  transform: translateX(-40px)
}

.tp-team-social a:nth-child(4) {
  transition: .9s;
  transform: translateX(-50px)
}

.tp-team-social a:not(:last-child),
.tp-team-style-3 .tp-team-social-box a:not(:last-child) {
  margin-right: 7px
}

.tp-team-author-info span::before {
  content: "";
  height: 1px;
  width: 38px;
  display: inline-block;
  margin-right: 10px;
  transform: translateY(-4px);
  background-color: var(--tp-theme-1)
}

.tp-team-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 5px
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-team-title {
    font-size: 24px
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-team-title {
    font-size: 22px
  }
}

.tp-team-top-text {
  margin-left: -35px
}

.tp-team-style-2 .tp-team-item:hover .tp-team-social-box {
  transform: scaleY(1);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s
}

.tp-team-style-2 .tp-team-social-box {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  transform: scaleY(0);
  transform-origin: center;
  transform-style: preserve-3d;
  -webkit-transition: .3s linear;
  -o-transition: .3s linear;
  transition: .3s linear;
  transform-origin: bottom center;
  z-index: 2
}

.tp-team-style-2 .tp-team-social-box a {
  height: 30px;
  width: 30px;
  margin: 5px 0;
  transition: .3s;
  color: var(--tp-common-white);
  background-color: rgba(255, 255, 255, .1)
}

.tp-team-style-3 .tp-team-big-text {
  position: absolute;
  content: "";
  top: 86%;
  right: -7.4%
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-team-style-3 .tp-team-big-text {
    right: -3.4%
  }
}

.tp-team-style-3 .tp-team-thumb {
  position: relative;
  height: 100%;
  flex: 0 0 auto
}

.tp-team-style-3 .tp-team-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover
}

.tp-team-style-3 .tp-team-author-info {
  padding: 40px 40px 60px
}

.tp-team-style-3 .tp-team-social-box a {
  height: 30px;
  width: 30px;
  color: var(--tp-theme-1);
  background-color: #f8f8f8;
  transition: .3s
}

.tp-team-style-4 .tp-team-author-info {
  padding: 25px 30px 30px
}

.tp-team-inner-style .tp-team-item {
  background-color: #f8f8f8;
  height: 100%
}

.tp-team-inner-style .tp-team-author-info {
  padding: 40px
}

.tp-team-inner-style .tp-team-social-box a {
  width: auto;
  background-color: transparent;
  color: var(--tp-common-black)
}

.tp-team-inner-style .tp-team-social-box a:hover {
  color: var(--tp-theme-1);
  background-color: transparent
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-shop-details__title-sm {
    font-size: 29px
  }

  .tp-shop-details__product-info ul li {
    font-size: 15px
  }

  .tp-team-details-inner-style .tp-section-title {
    font-size: 39px
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-team-style-3 .tp-team-big-text {
    right: -7.4%
  }

  .tp-team-details-title {
    font-size: 33px
  }

  .tp-team-details-text p br {
    display: none
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-team-details-title {
    font-size: 27px
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tp-about-5-thumb-box {
    padding-left: 0
  }

  .tp-about-5-thumb {
    transform: scale(.7) translateX(-10px);
    margin-left: -30px
  }

  .tp-about-5-thumb-sm {
    transform: scale(.8);
    right: -7%
  }

  .tp-about-5-shape-1 {
    transform: scale(.7);
    left: -20px
  }

  .tp-hover-distort-img,
  .tp-shop-details__tab-big-img img {
    width: 100%
  }

  .tp-funfact-style-2 .tp-section-title {
    padding-left: 0;
    margin-bottom: 0
  }

  .tp-funfact-style-4 .tp-funfact-2-item span br {
    display: block
  }

  .tp-testimonial-2-text p {
    font-size: 13px;
    margin-bottom: 0
  }

  .tp-testimonial-2-text p br {
    display: none
  }

  .tp-testimonial-2-author-info h5 {
    font-size: 18px
  }

  .tp-testimonial-2-author-info span {
    font-size: 14px
  }

  .tp-testimonial-3-title {
    font-size: 21px
  }

  .tp-shop-details__right-warp {
    margin-bottom: 50px
  }

  .tp-shop-details__title-sm {
    font-size: 29px
  }

  .tp-shop-details__title-sm br {
    display: none
  }

  .tp-team-details-inner-style .tp-section-title {
    font-size: 35px;
    padding-bottom: 30px
  }

  .tp-team-details-title {
    font-size: 25px
  }
}

.tp-team-details-wrap .tp-team-author-info span::before {
  width: 70px;
  background-color: var(--tp-common-black)
}

.tp-team-details-social {
  padding-left: 104px
}

@media (max-width:767px) {

  .tp-shop-details__btn,
  .tp-team-style-3 .tp-team-title-box,
  .tp-testimonial-2-thumb {
    margin-bottom: 30px
  }

  .tp-testimonial-2-text p {
    font-size: 14px;
    margin-bottom: 0
  }

  .tp-testimonial-2-text p br {
    display: none
  }

  .tp-testimonial-2-author-info h5,
  .tp-testimonial-3-title {
    font-size: 19px
  }

  .tp-testimonial-3-content {
    padding: 40px 18px
  }

  .tp-testimonial-3-text p {
    font-size: 13px
  }

  .tp-product-2-title-box {
    margin-bottom: 40px
  }

  .tp-gallery-title,
  .tp-shop-details__quantity,
  .tp-shop-details__tab-btn-box button {
    margin-bottom: 20px
  }

  .tp-shop-details__quantity-wrap {
    flex-wrap: wrap
  }

  .tp-shop-details__title-sm {
    font-size: 30px
  }

  
  .tp-shop-details__title-sm br {
    display: none
  }

  
  .tp-shop-details__product-info ul li {
    font-size: 16px
  }

  .tp-comments-title {
    font-size: 18px
  }

  .tp-form-textarea-box textarea {
    height: 160px
  }

  .tp-team-style-3 .tp-team-thumb,
  .tp-team-style-3 .tp-team-thumb img {
    width: 100%
  }

  .tp-team-details-inner-style .tp-section-title {
    font-size: 26px;
    padding-bottom: 30px
  }

  .tp-team-details-title {
    font-size: 22px
  }

  .tp-team-details-social {
    margin-top: 30px;
    padding-left: 0
  }
}

.tp-team-details-social span {
  display: inline-block;
  margin-right: 22px
}


.tp-team-details-social a:not(:last-child) {
  margin-right: 10px
}

.tp-team-details-social a {
  display: inline-block;
  color: var(--tp-theme-1);
  transition: .3s
}

.tp-price-item {
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, .05)
}

.tp-price-content {
  padding: 40px 40px 0
}

@media only screen and (min-width:992px) and (max-width:1199px),
(max-width:767px) {
  .tp-blog-item {
    flex-wrap: wrap
  }

  .tp-blog-thumb,
  .tp-blog-thumb img {
    width: 100%
  }

  .tp-blog-2-middle-box .tp-blog-meta span:not(:last-child) {
    margin-bottom: 0
  }

  .tp-service-style-4 .tp-service-2-icon {
    padding-bottom: 30px
  }

  .tp-price-content {
    padding: 40px 15px
  }
}

.tp-price-title {
  padding-top: 43px;
  font-size: 28px;
  font-weight: 700
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px) {
  .tp-testimonial-top-text p {
    font-size: 14px
  }

  .tp-contact-right {
    margin-left: 0
  }

  .tp-price-title {
    font-size: 24px
  }
}

.tp-price-rate {
  padding: 18px 0;
  background-color: rgba(166, 161, 130, .1)
}

.tp-price-rate h6 {
  font-size: 20px;
  font-weight: 600;
  display: block;
  margin-bottom: 0;
  color: var(--tp-theme-1)
}

.tp-price-rate h6 i {
  font-style: normal;
  font-size: 48px;
  font-weight: 700
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px) {
  .tp-price-rate h6 i {
    font-size: 44px
  }
}

.tp-price-list ul li {
  position: relative
}

.tp-price-list ul li:not(:last-child) {
  margin-bottom: 7px
}

.tp-price-list ul li i {
  position: absolute;
  top: 7px;
  left: 0;
  color: var(--tp-theme-1)
}

.tp-gallery-content {
  position: absolute;
  bottom: -11%;
  left: 40px;
  right: 40px;
  padding: 40px 50px 45px;
  transform: perspective(400px) rotateX(-90deg);
  transform-origin: center;
  transition: .5s ease-in-out
}

.tp-gallery-active {
  margin: -150px 0;
  padding: 150px 0
}

.tp-newsletter-bg::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 43%;
  background-color: var(--tp-common-black)
}

.tp-newsletter-height {
  padding: 60px 135px 60px 70px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-newsletter-height {
    padding: 60px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
  .tp-newsletter-height {
    padding: 60px 50px
  }
}

.tp-newsletter-title {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 17px;
  color: var(--tp-common-white);
  text-transform: capitalize
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-newsletter-title {
    font-size: 45px
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-newsletter-title {
    font-size: 42px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-newsletter-title {
    font-size: 34px
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tp-newsletter-title {
    font-size: 38px
  }

  .tp-newsletter-title br {
    display: none
  }
}

.tp-newsletter-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 0;
  color: var(--tp-common-white)
}


.tp-order-info-list ul li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex
}

@media (max-width:767px) {
  .tp-newsletter-height {
    padding: 60px 20px
  }

  .tp-newsletter-title {
    font-size: 27px
  }

  .tp-newsletter-content p br,
  .tp-newsletter-title br {
    display: none
  }

  .tp-newsletter-content p {
    font-size: 14px
  }

  .tp-newsletter-input-box {
    margin-bottom: 10px
  }
}

.tp-newsletter-input-box input {
  width: 469px;
  padding-right: 60px;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white)
}

@media only screen and (min-width:440px) and (max-width:575px) {
  .tp-blog-title {
    font-size: 22px
  }

  .tp-slider-title {
    font-size: 40px
  }

  .tp-slider-2-content .tp-slider-title {
    font-size: 34px
  }

  .tp-hero-contact-wrap {
    top: 103px;
    right: -10%;
    transform: scale(.6)
  }

  .tp-hero-funfact-wrap {
    bottom: -51%;
    left: -8%;
    transform: scale(.6)
  }

  .tp-project-5-content {
    bottom: -10%
  }

  .tp-project-5-content p {
    padding-right: 60px
  }

  .tp-about-4-circle {
    left: -13%;
    transform: scale(.6);
    top: -16%
  }

  .tp-newsletter-input-box,
  .tp-newsletter-input-box input {
    width: 100%
  }
}

.tp-newsletter-input-box input::-webkit-input-placeholder {
  color: #54595f
}

.tp-newsletter-input-box input::-moz-placeholder {
  color: #54595f
}

.tp-newsletter-input-box input:-moz-placeholder {
  color: #54595f
}

.tp-newsletter-input-box input:-ms-input-placeholder {
  color: #54595f
}

.tp-newsletter-input-box input::placeholder {
  color: #54595f
}

.tp-newsletter-input-icon {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%)
}

.tp-newsletter-input-icon span,
.tp-section-founder {
  color: #54595f
}

.tp-newsletter-input-wrap {
  margin-left: -40px
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tp-newsletter-input-wrap {
    margin-left: 0
  }
}

.tp-newsletter-wrap .tp-btn-black {
  margin-left: 10px;
  height: 65px;
  line-height: 65px;
  padding: 0 40px
}

.tp-newsletter-shape-1 {
  position: absolute;
  top: 18%;
  left: 4%;
  opacity: .4
}

@media only screen and (min-width:1600px) and (max-width:1700px) {
  .tp-newsletter-shape-1 {
    left: 2%
  }
}

.tp-progress-bar-item {
  overflow: hidden;
  margin-bottom: 50px;
  padding-top: 11px;
  background-color: #0d0d0d
}


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

.tp-progress-bar-item label {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 17px;
  display: inline-block;
  padding-left: 20px;
  color: var(--tp-common-white)
}

.tp-progress-bar .progress {
  overflow: visible;
  border-radius: 0;
  background: #0d0d0d;
  height: 6px
}

.tp-progress-2-bar-wrap h5 {
  font-size: 28px;
  margin-bottom: 20px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-newsletter-input-box input {
    width: 100%
  }

  .tp-progress-2-bar-wrap h5 {
    font-size: 24px
  }
}

.tp-progress-2-bar-item {
  overflow: hidden;
  position: relative;
  width: 76%
}

@media (max-width:767px) {
  .tp-newsletter-input-wrap {
    margin-left: 0;
    flex-wrap: wrap
  }

  .tp-newsletter-wrap .tp-btn-black {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    margin-left: 0
  }

  .tp-progress-bar-item label {
    font-size: 12px;
    margin-bottom: 7px;
    padding-left: 0
  }

  .tp-progress-2-bar-item {
    width: 100%
  }
}

.tp-progress-2-bar-item:not(:last-child) {
  padding-bottom: 35px
}

@media only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {

  .breadcrumb__pt,
  .tp-header-2-pt {
    padding-top: 0
  }

  .tp-header-2-bar,
  .tp-header-inner-style .tp-header-2-bar {
    margin: 20px 0
  }

  
  .tp-about-4-text p,
  .tp-contact-box p,
  .tp-copyright-style-2 .tp-copyright-left p,
  .tp-copyright-style-2 .tp-copyright-right a,
  .tp-feature-text p,
  .tp-footer-contact ul li a,
  .tp-footer-list ul li a,
  .tp-footer-style-2 .tp-footer-contact ul li a,
  .tp-footer-style-2 .tp-footer-list ul li a,
  .tp-footer-text-2 p,
  .tp-price-list ul li,
  .tp-product-2-top-text p,
  .tp-project-3-top-text p,
  .tp-project-4-content p,
  .tp-project-5-content p,
  .tp-project-details-content p,
  .tp-project-details-left-box ul li,
  .tp-project-details-text p,
  .tp-service-content p,
  .tp-sv-details-left p,
  .tp-sv-sidebar-author-info p,
  .tp-team-author-info span,
  .tp-team-details-text p {
    font-size: 14px
  }

  
  .tp-feature-text p br,
  .tp-sv-details-left p br,
  .tp-team-details-text p br {
    display: none
  }

  .tp-blog-style-3 .tp-blog-meta span {
    font-size: 11px
  }

  .tp-footer-title,
  .tp-progress-2-bar-wrap h5,
  .tp-testimonial-title {
    font-size: 20px
  }

  .tp-feature-title,
  .tp-project-2-title a {
    font-size: 18px
  }

  .tp-project-4-title {
    font-size: 22px
  }

  .tp-project-4-content {
    padding: 25px;
    margin: 20px
  }

  .tp-project-5-content {
    padding: 25px 29px
  }

  .tp-project-5-active {
    margin: -40px 0;
    padding: 40px 0
  }

  .tp-service-content {
    padding: 35px 20px
  }

  .tp-service-2-top-text p {
    padding-left: 0;
    font-size: 14px
  }

  .tp-sv-details-text p {
    padding-right: 0;
    font-size: 14px
  }

  .tp-sv-details-left-box p {
    margin-right: 0;
    font-size: 14px
  }

  .tp-about-2-right {
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0
  }

  .tp-about-4-list ul li {
    font-size: 14px;
    margin-bottom: 10px
  }

  .tp-funfact-height {
    padding: 85px 0
  }

  .tp-contact-box,
  .tp-funfact-2-thumb,
  .tp-team-details-wrap,
  .tp-team-top-text,
  .tp-testimonial-2-wrapper {
    margin-left: 0
  }

  .tp-contact-text p {
    font-size: 14px;
    margin-right: 0
  }

  .tp-contact-icon-2 span {
    margin-right: 18px
  }

  .tp-contact-content a {
    font-size: 14px !important
  }

  .tp-team-title {
    font-size: 30px !important
  }

  .tp-team-style-3 .tp-team-item {
    flex-wrap: wrap
  }

  .tp-team-style-3 .tp-team-thumb {
    margin-right: 0;
    margin-bottom: 20px
  }

  .tp-team-style-3 .tp-team-author-info {
    padding-left: 30px;
    padding-bottom: 30px;
    padding-top: 0
  }

  .tp-newsletter-input-box input {
    height: 50px;
    line-height: 50px;
    width: 100%
  }

  .tp-progress-2-bar-item:not(:last-child) {
    font-size: 14px;
    padding-bottom: 17px
  }
}

.tp-progress-2-bar-item label {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 8px;
  display: inline-block
}

.tp-progress-2-bar-item span {
  position: absolute;
  right: 0;
  top: 0
}

.tp-progress-2-bar .progress {
  overflow: visible;
  border-radius: 10px;
  background: #e6e6e6;
  height: 8px
}

.tp-checkout-verify-item {
  margin-bottom: 40px
}

.tp-checkout-verify-item:not(:last-child) {
  margin-bottom: 14px
}

.tp-checkout-verify-reveal {
  font-size: 14px;
  color: var(--tp-common-black);
  margin-bottom: 0;
  display: inline-block;
  border: 1px dashed #aab0b2;
  padding: 18px 40px;
  width: 100%
}

.tp-checkout-verify-reveal button {
  color: var(--tp-theme-1);
  position: relative
}

.tp-checkout-verify-reveal button::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 1px;
  background-color: var(--tp-theme-1)
}

.tp-checkout-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-white);
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  text-align: center
}

.tp-checkout-input label {
  font-weight: 500;
  color: var(--tp-common-black);
  padding-bottom: 10px;
  font-size: 14px
}

.tp-checkout-input label span,
.tp-return-customer-input label span {
  color: red
}

.tp-checkout-input input,
.tp-checkout-input textarea {
  width: 100%;
  background: #fff;
  color: var(--tp-common-black);
  height: 64px;
  border: 1px solid #e0e2e3
}

.tp-checkout-input textarea {
  height: 200px;
  resize: none;
  padding: 25px;
  font-size: 14px
}

.tp-checkout-input .nice-select {
  height: 64px;
  line-height: 63px;
  border-radius: 0;
  border: 0;
  float: none;
  padding: 0 25px;
  font-size: 14px
}

.tp-checkout-input .nice-select::after {
  right: 26px
}

.tp-checkout-input .nice-select.open .list {
  -webkit-transform: scale(1) translateY(0);
  -moz-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  -o-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0)
}

.tp-checkout-input .nice-select .list {
  margin-top: 0;
  border-radius: 0;
  transform-origin: center center;
  -webkit-transform: scale(.9) translateY(0);
  -moz-transform: scale(.9) translateY(0);
  -ms-transform: scale(.9) translateY(0);
  -o-transform: scale(.9) translateY(0);
  transform: scale(.9) translateY(0);
  width: 100%;
  padding: 12px 0
}

.tp-checkout-input .nice-select .list .option {
  line-height: 1.2;
  min-height: inherit;
  padding-top: 5px;
  padding-bottom: 5px
}

.tp-checkout-input .nice-select .list .option:hover,
.tp-checkout-option label a:hover {
  color: var(--tp-theme-2)
}

.tp-checkout-option {
  margin-bottom: 4px
}

.tp-checkout-option-wrapper {
  margin-top: 10px;
  margin-bottom: 17px
}

.tp-checkout-option input:checked~label::after,
.tp-return-customer-remeber input:checked~label::after {
  background-color: var(--tp-theme-1);
  border-color: var(--tp-theme-1)
}

.tp-checkout-payment,
.tp-order-info-list ul li:not(:last-child) {
  border-bottom: 1px solid #e0e2e3
}

.tp-checkout-option input:checked~label::before,
.tp-return-customer-remeber input:checked~label::before {
  visibility: visible;
  opacity: 1
}

.tp-checkout-option label,
.tp-return-customer-remeber label {
  font-size: 15px;
  color: #55585b;
  position: relative;
  padding-left: 26px;
  z-index: 1
}

.tp-checkout-option label::after {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border: 1px solid rgba(6, 7, 40, .2);
  z-index: -1;
  transition: .3s
}

.tp-checkout-option label::before {
  position: absolute;
  content: "\f00c";
  top: -1px;
  left: 5px;
  font-size: 11px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-white);
  transition: .3s;
  font-family: "Font Awesome 5 Pro"
}

.tp-checkout-bill-area {
  padding: 45px 40px 24px;
  background-color: var(--tp-grey-1)
}

.tp-checkout-bill-title {
  font-weight: 600;
  font-size: 26px;
  margin-bottom: 35px
}

.tp-checkout-place {
  padding: 44px 50px 50px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-checkout-place {
    padding: 35px 40px
  }
}

@media only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:576px) and (max-width:767px) {
  .tp-checkout-place {
    margin-top: 50px
  }
}

.tp-checkout-place-title {
  font-size: 26px;
  font-weight: 600;
  margin-right: 37px
}

.tp-checkout-payment {
  padding-bottom: 26px;
  margin-bottom: 24px
}

.tp-checkout-payment-item label {
  font-size: 14px;
  position: relative;
  padding-left: 27px;
  font-weight: 500;
  color: var(--tp-common-black)
}

.tp-checkout-payment-item label::after {
  position: absolute;
  content: "";
  left: 0;
  top: 7px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--tp-theme-1);
  transition: .3s
}

.tp-checkout-payment-item label::before {
  position: absolute;
  content: "";
  left: 3px;
  top: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--tp-theme-1);
  visibility: hidden;
  opacity: 0;
  transition: .3s
}

.tp-checkout-payment-item label img {
  margin-left: 14px;
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px)
}

.tp-checkout-payment-item label a {
  margin-left: 20px;
  position: relative
}

.tp-checkout-payment-desc {
  position: relative;
  padding-top: 10px;
  display: none
}

.tp-checkout-payment-desc::after {
  position: absolute;
  content: "";
  left: 57px;
  top: 0;
  width: 16px;
  height: 16px;
  background-color: #fff;
  -webkit-transform: translateY(3px) rotate(45deg);
  -moz-transform: translateY(3px) rotate(45deg);
  -ms-transform: translateY(3px) rotate(45deg);
  -o-transform: translateY(3px) rotate(45deg);
  transform: translateY(3px) rotate(45deg)
}

.tp-checkout-payment-desc p {
  background-color: #fff;
  padding: 19px 30px;
  margin-left: 27px;
  font-size: 14px;
  line-height: 1.57;
  color: #55585b;
  margin-bottom: 0
}

.tp-checkout-agree {
  margin-bottom: 24px
}

.tp-return-customer {
  display: none;
  margin-top: 14px;
  padding: 40px;
  background-color: var(--tp-grey-1)
}

.tp-return-customer-input label {
  font-weight: 500;
  color: var(--tp-common-black);
  padding-bottom: 10px
}

.tp-return-customer-input input {
  width: 100%;
  background: #fff;
  color: var(--tp-common-black);
  height: 64px;
  transition: .3s;
  border: 1px solid #e0e2e3
}

.tp-return-customer-remeber label::after {
  position: absolute;
  content: "";
  top: 6px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border: 1px solid rgba(6, 7, 40, .2);
  z-index: -1;
  transition: .3s
}

.tp-return-customer-remeber label::before {
  position: absolute;
  content: "\f00c";
  top: 0;
  left: 5px;
  font-size: 10px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-white);
  transition: .3s;
  font-family: "Font Awesome 5 Pro"
}

.tp-return-customer-remeber label a:hover {
  color: var(--tp-common-orange)
}

.tp-return-customer-forgot a {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-theme-2);
  position: relative;
  display: inline-block
}

.tp-return-customer-forgot a::after {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  bottom: 4px;
  width: 0%;
  height: 1px;
  background-color: var(--tp-theme-primary)
}

.tp-return-customer-forgot a:hover::after {
  left: 0;
  right: auto;
  width: 100%
}

.tp-order-details {
  padding: 70px 100px 55px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-order-details {
    padding: 70px 70px 55px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-progress-bar-item {
    padding-top: 20px
  }

  .tp-checkout-place {
    padding: 35px 30px
  }

  .tp-order-details {
    padding: 70px 30px 55px
  }
}

@media only screen and (min-width:576px) and (max-width:767px) {
  .tp-funfact-item-box {
    margin-right: 35px
  }

  .tp-funfact-style-3 .tp-funfact-2-title {
    width: 100%;
    font-size: 60px
  }

  .tp-funfact-style-3 {
    width: 100%;
    margin-bottom: 50px
  }

  .tp-testimonial-item {
    flex-wrap: nowrap
  }

  .tp-newsletter-input-box,
  .tp-testimonial-author-thumb {
    margin-bottom: 0
  }

  .tp-team-style-3 .tp-team-author-info {
    padding: 40px
  }

  .tp-team-details-social {
    padding-left: 60px
  }

  .tp-price-content {
    padding: 40px 50px
  }

  .tp-progress-2-bar-item {
    width: 80%
  }

  .tp-order-details {
    padding: 70px 50px 55px
  }
}

.tp-appointment-list ul li:not(:last-child),
.tp-order-details-icon {
  margin-bottom: 22px
}

.tp-order-details-icon span {
  display: inline-block;
  width: 120px;
  height: 120px;
  line-height: 118px;
  text-align: center;
  font-size: 55px;
  color: var(--tp-common-white);
  border: 1px solid rgba;
  border-radius: 50%
}

.tp-order-details-title {
  font-size: 30px;
  font-weight: 600;
  color: var(--tp-common-white);
  margin-bottom: 7px
}

.tp-order-details-content p {
  font-size: 16px;
  color: var(--tp-common-white);
  line-height: 1.38
}

.tp-order-details-item h4,
.tp-order-details-item p {
  font-size: 18px;
  margin-bottom: 0;
  color: var(--tp-common-white)
}

.tp-order-details-item {
  margin-bottom: 38px
}

.tp-order-details-item h4 {
  font-weight: 400
}

.tp-order-details-item p {
  font-weight: 700
}

.tp-order-info-wrapper {
  padding: 42px 50px
}

.tp-order-info-list ul li {
  list-style: none;
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.tp-order-info-list ul li span {
  font-size: 15px;
  color: var(--tp-common-black)
}

.tp-order-info-list ul li.tp-order-info-list-header {
  padding-top: 0;
  padding-bottom: 12px
}

.tp-order-info-list ul li.tp-order-info-list-header h4 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0
}

.tp-order-info-list ul li.tp-order-info-list-desc p {
  font-size: 15px;
  margin-bottom: 0
}

.tp-order-info-list ul li.tp-order-info-list-desc p span {
  font-size: 15px;
  font-weight: 500
}

.tp-order-info-list ul li.tp-order-info-list-shipping span label {
  font-size: 14px;
  position: relative;
  padding-right: 27px
}

.tp-order-info-list ul li.tp-order-info-list-shipping span label::after {
  position: absolute;
  content: "";
  right: 0;
  top: 7px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--tp-theme-1);
  transition: .3s
}

.tp-order-info-list ul li.tp-order-info-list-shipping span label::before {
  position: absolute;
  content: "";
  right: 4px;
  top: 11px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--tp-theme-1);
  visibility: hidden;
  opacity: 0;
  transition: .3s
}

.tp-order-info-list ul li.tp-order-info-list-total {
  padding: 14px 0
}

.tp-order-info-list ul li.tp-order-info-list-total span {
  font-size: 16px;
  font-weight: 500
}

.tp-order-inner {
  background-color: var(--tp-common-white);
  box-shadow: 0 30px 70px rgba(1, 15, 28, .1)
}

.tp-appointment-contact {
  margin-top: 111px;
  margin-left: 80px
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-newsletter-shape-1 {
    left: 0;
    top: 50%;
    transform: scale(.6)
  }

  .tp-appointment-contact {
    margin-left: 40px
  }

  .tp-error-thumb-box img {
    max-width: 70%
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-appointment-contact {
    margin-left: 20px
  }
}

@media only screen and (min-width:1400px) and (max-width:1599px),
only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-appointment-contact-title {
    font-size: 25px
  }
}

.tp-appointment-contact-item label {
  font-size: 20px;
  position: relative;
  padding-left: 34px;
  font-weight: 600;
  color: rgba(0, 0, 0, .7)
}

.tp-appointment-contact-item label::after {
  position: absolute;
  content: "";
  left: 0;
  top: 6px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid var(--tp-theme-1);
  transition: .3s
}

.tp-appointment-contact-item label::before {
  position: absolute;
  content: "";
  left: 2px;
  top: 8px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: var(--tp-theme-1);
  visibility: hidden;
  opacity: 0;
  transition: .3s
}

.tp-appointment-list {
  margin-right: 65px
}

@media only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
  .tp-appointment-contact-title {
    font-size: 22px
  }

  .tp-appointment-list {
    margin-right: 0
  }
}

.tp-appointment-list ul li {
  padding-left: 34px;
  position: relative;
  list-style-type: none;
  color: var(--tp-common-black)
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {

  
  .tp-product-title {
    font-size: 17px
  }

  .tp-blog-meta span:not(:last-child) {
    margin-right: 20px
  }

  .tp-about-text p,
  .tp-appointment-left p,
  .tp-appointment-list ul li,
  .tp-blog-2-top-text p,
  .tp-exp-fea-list ul li,
  .tp-exp-fea-text p,
  .tp-funfact-item span,
  .tp-product-top-text p,
  .tp-team-top-text p,
  .tp-testimonial-author-info span {
    font-size: 14px
  }

  .tp-funfact-number {
    font-size: 32px
  }

  .tp-testimonial-2-thumb img {
    width: 100%
  }

  .tp-testimonial-2-arrow-box button.testimonial-prev {
    margin-right: 30px
  }

  .tp-product-price {
    font-size: 24px
  }

  .tp-gallery-content {
    padding: 40px 20px;
    left: 20px;
    right: 20px
  }

  .tp-gallery-content p {
    font-size: 12px
  }

  .tp-newsletter-shape-1 {
    display: none
  }
}

.tp-appointment-list ul li i {
  position: absolute;
  top: 10px;
  left: 0;
  color: #e3042e
}

@media only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
  .tp-slider-2-content {
    margin-bottom: 80px
  }

  .tp-slider-2-content p {
    margin-right: 0;
    font-size: 14px
  }

  .tp-about-2-text p br,
  .tp-about-3-content::before,
  .tp-funfact-2-item span br,
  .tp-funfact-style-2 .tp-section-title::after,
  .tp-slider-2-bg::after {
    display: none
  }

  .tp-slider-3-height .tp-hero-2-funfact:not(:last-child) {
    margin-bottom: 65px
  }

  .tp-slider-3-height .tp-hero-2-funfact h5 {
    font-size: 29px
  }

  .tp-about-2-text p,
  .tp-about-3-content p,
  .tp-funfact-2-item span,
  .tp-project-3-content span,
  .tp-service-2-text p,
  .tp-slider-3-height .tp-hero-2-funfact span,
  .tp-testimonial-text p {
    font-size: 14px
  }

  .tp-hero-2-content {
    margin-bottom: 70px
  }

  .tp-project-3-title-box,
  .tp-project-4-title-box,
  .tp-team-details-thumb,
  .tp-team-title-box {
    margin-bottom: 30px
  }

  .tp-project-3-content {
    padding: 25px 20px
  }

  .tp-price-title,
  .tp-service-2-title {
    font-size: 22px
  }

  .tp-feature-left {
    margin-bottom: 50px
  }

  .tp-exp-fea-thumb {
    margin-right: 0;
    margin-bottom: 30px
  }

  .tp-exp-fea-thumb-2 {
    margin-left: 0;
    margin-bottom: 30px
  }

  .tp-about-bg::after {
    height: 100%
  }

  .tp-about-list ul li {
    font-size: 17px
  }

  .tp-about-thumb-box {
    margin-top: 50px;
    margin-right: 0
  }

  .tp-about-2-thumb {
    position: static;
    margin-top: 50px;
    height: 100%;
    width: 100%
  }

  .tp-about-2-title {
    font-size: 20px
  }

  .tp-about-3-content {
    padding-left: 0
  }

  .tp-about-3-thumb-sm,
  .tp-form-box-style-2,
  .tp-shop-details__tab-big-img {
    margin-right: 0
  }

  .tp-about-4-left {
    margin-bottom: 50px;
    margin-right: 0
  }

  .tp-about-5-style .tp-about-list ul li {
    font-size: 16px;
    margin-bottom: 7px
  }

  .tp-funfact-title-box {
    margin-top: 0;
    margin-bottom: 50px
  }

  .tp-funfact-2-item-box ul li {
    padding-bottom: 20px;
    margin-bottom: 20px
  }

  .tp-funfact-2-title,
  .tp-price-rate h6 i {
    font-size: 38px
  }

  .tp-funfact-style-2 .tp-funfact-title-box {
    margin-bottom: 0
  }

  .tp-funfact-style-4 .tp-funfact-2-item h5 {
    font-size: 36px
  }

  .tp-testimonial-top-text p {
    font-size: 14px;
    margin-left: 0
  }

  .tp-product-title-box,
  .tp-testimonial-title-box {
    margin-bottom: 20px
  }

  .tp-shop-details__wrapper,
  .tp-testimonial-3-wrap .tp-testimonial-title-box {
    margin-bottom: 60px
  }

  .tp-shop-sidebar-wrap {
    margin-right: 0;
    margin-left: 0;
    margin-top: 50px
  }

  .tp-shop-sidebar-widget-title {
    margin: 0 30px;
    font-size: 21px
  }

  .tp-shop-sidebar-widget-content ul li a {
    margin: 0 30px;
    font-size: 17px
  }

  .tp-shop-widget-filter {
    padding: 0 30px
  }

  .tp-shop-details__size>span {
    padding: 4px 8px
  }

  .tp-contact-right {
    margin-top: 40px;
    margin-left: 0
  }

  .tp-newsletter-content {
    margin-bottom: 40px
  }

  .tp-appointment-contact {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 50px
  }

  .tp-appointment-thumb {
    width: 100%;
    margin-bottom: 30px
  }
}

.tp-quantity {
  width: 200px;
  margin: 0 auto
}

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


body {
  color: #222
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px) {
  .tp-error-thumb-box img {
    max-width: 60%
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .tp-order-info-wrapper {
    padding: 42px 40px
  }

  .tp-appointment-contact {
    margin-left: 0
  }

  .tp-error-thumb-box img {
    max-width: 260%
  }
}

.tp-error-title {
  font-weight: 700;
  font-size: 48px;
  margin-bottom: 40px
}

@media only screen and (min-width:1400px) and (max-width:1599px) {
  .tp-error-title {
    font-size: 45px
  }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
  .tp-error-title {
    font-size: 40px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
  .tp-newsletter-wrap .tp-btn-black {
    height: 50px;
    line-height: 50px;
    padding: 0 20px
  }

  .tp-appointment-contact-item label {
    font-size: 18px
  }

  .tp-error-title {
    font-size: 36px
  }
}

@media (max-width:767px) {
  .tp-progress-2-bar-item label {
    font-size: 14px;
    margin-bottom: 7px;
    padding-left: 12px
  }

  .tp-checkout-verify-reveal,
  .tp-return-customer {
    padding: 40px 15px
  }

  .tp-checkout-bill-area {
    padding: 45px 25px 24px
  }

  .tp-checkout-place {
    margin-top: 50px;
    padding-left: 15px;
    padding-right: 15px
  }

  .tp-order-details {
    padding: 40px 30px 45px
  }

  .tp-order-details-item-wrapper .row [class*=col-]:nth-child(2n) .tp-order-details-item {
    padding-left: 0
  }

  .tp-order-info-wrapper {
    padding: 42px 30px
  }

  .tp-appointment-contact-item label {
    font-size: 16px
  }

  .tp-error-title {
    font-size: 30px
  }
}

@media only screen and (min-width:576px) and (max-width:767px) {
  .tp-error-title {
    font-size: 34px
  }
}

.tp-error-content .tp-btn-black-sm {
  padding: 0 23px
}

.tp-header-logo,
.tp-header-logo2 {
  height: 120px;
  width: 170px;
  padding-top: 20px !important
}

@media (max-width:767px) {
  .tp-header-logo {
    width: 120px;
    padding-left: 10px
  }

  .tp-footer-logo,
  .tpoffcanvas__logo {
    height: 150px;
    width: 150px !important
  }
}

.color,
.read,
.tp-slider-3-big-text {
  color: #fff
}

.tpoffcanvas__logo {
  height: 150px;
  width: 220px
}

.tp-footer-logo {
  height: 120px;
  width: 220px;
  padding-top: 30px
}

.tp-right-logo {
  height: 60px;
  width: 60px;
  margin-right: 60px
}

.about-section {
  min-height: 100vh
}

@font-face {
  font-family: Caviar_Dreams_Bold;
  font-display: block;
  src: url('../fonts/Caviar_Dreams_Bold.ttf') format('truetype')
}

@font-face {
  font-family: 'Champagne&Limousines';
  font-display: block;
  src: url('../fonts/Champagne&Limousines.ttf') format('truetype')
}

@font-face {
  font-family: QanelasDEMO-Thin;
  font-display: block;
  src: url('../fonts/qanelas-light.ttf') format('truetype')
}

@media (max-width:767px) {
  .tp-slider-3-height {
    min-height: 100vh !important;
    background-position: top center
  }

  .tp-slider-3-overlay::after {
    background-color: rgba(0, 0, 0, .2)
  }
}

@media (max-width:400px) {
  .tp-slider-3-height {
    min-height: 100vh !important;
    padding-bottom: 60px;
    background-position: top center
  }
}

@media (max-width:768px) {
  .subsidiary-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 16px 48px;
    text-align: center;
    background-color: #e9e3d6 !important;
    width: 100%;
    height: 380px !important
  }

  .subsidiary-section .section-title {
    padding: 0;
    margin: 0 auto;
    text-align: center
  }

  .subsidiary-section .section-title .divider {
    width: 140px;
    margin: 10px auto
  }

  .subsidiary-section .logo-link {
    margin: 0 auto
  }

  .aboutus-content {
    padding-right: 20px
  }

  .tp-header-area .row {
    display: flex;
    align-items: center;
    justify-content: space-between
  }

  .founder-inner {
    padding: 20px !important
  }

  .tp-section-founder,
  .tp-section-title {
    text-align: left !important;
    display: block;
    margin-bottom: 10px
  }

  .hero-content p {
    font-size: 10px !important
  }

  .hero-content h1 {
    font-size: clamp(20px, 6vw, 26px) !important;
    margin-top: 8rem !important;
    color: #fff;
    white-space: nowrap;
    overflow: hidden
  }

  .hero-section {
    position: relative;
    height: 40vh !important;
    overflow: hidden
  }

  .tp-copyright-area {
    padding-bottom: 80px !important
  }

  .tp-header-logo img {
    width: 110px;
    height: auto;
    padding: 0;
    margin: 0
  }

  .tp-header-logo2 img {
    width: 135px;
    height: auto;
    padding: 0;
    margin: 0
  }

  .tp-header-area .row,
  .tp-header-style-3 .row {
    padding: 0 1px !important;
    align-items: center
  }

  .tp-menu-bar {
    margin-right: 10px !important;
    width: 20px;
    height: 20px;
    margin-top: 0 !important;
    transform: translateY(-4px)
  }

  .tp-menu-bar .bar {
    width: 22px;
    height: 2px;
    margin: 3px 0
  }

  
  .custom-container-3 {
    padding-left: 10px;
    padding-right: 10px
  }

  .privacy-policy-section h1 {
    font-size: 28px
  }

  .privacy-policy-section h3 {
    font-size: 20px
  }

  .privacy-policy-section li,
  .privacy-policy-section p {
    font-size: 15px
  }

  .arrow-group-mobile {
    display: flex;
    justify-content: center;
    gap: 150px;
    margin-top: 20px
  }

  .custom-arrow {
    position: static !important;
    transform: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
    transition: background .3s;
    margin-top: 20px
  }

  .custom-arrow:hover {
    background-color: #f3f3f3;
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .15)
  }

  .custom-arrow svg {
    stroke: #111;
    width: 20px;
    height: 20px;
    transition: stroke .3s
  }

  .custom-arrow:hover svg {
    stroke: #000
  }
}

.custom-arrow {
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
  display: flex;
  align-items: center;
  justify-content: center
}

.services-card-section2 {
  background-color: #fff;
  padding: 90px 5px !important
}

@media (max-width:480px) {
  .logo-pods {
    width: 120px;
    height: auto;
    padding-top: 20px !important
  }

  .logo-okra {
    width: 80px;
    height: auto;
    padding-top: 4px !important
  }

  #about-one-page .about-content {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    padding: 16px 16px 6px !important
  }

  #about-one-page .cta-link-about {
    padding-top: 4px !important;
    margin-top: -6px !important;
    margin-bottom: 0 !important
  }

  #about-one-page .about-image {
    min-height: clamp(320px, 90vw, 420px);
    margin-top: -12px !important
  }

  #about-one-page .about-image img {
    width: 100%;
    height: clamp(320px, 90vw, 420px);
    object-fit: cover
  }

  .about-section.about-image-left-align {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
  }
}

.project-intro {
  padding: clamp(24px, 5vw, 64px) 0
}

.project-snapshot .snapshot-grid {
  display: grid;
  gap: clamp(6px, 2vw, 28px);
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr))
}

@media (max-width:375px) {
  .project-snapshot {
    --snap-cols: 6
  }

  .project-snapshot .snapshot-grid {
    display: grid;
    grid-template-columns: repeat(var(--snap-cols), 1fr);
    gap: 10px
  }

  .project-snapshot .snapshot-grid li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px 28px;
    text-align: center;
    min-width: 0;
    border-radius: 12px;
    gap: 4px
  }

  .project-snapshot .snap-ico {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin-bottom: 2px;
    pointer-events: none
  }

  .project-snapshot .snapshot-grid .snap-key {
    font-size: 10px;
    line-height: 1.1;
    letter-spacing: .02em;
    opacity: .7;
    white-space: normal
  }

  .project-snapshot .snapshot-grid li strong {
    font-size: 11px;
    line-height: 1.15;
    font-weight: 600;
    white-space: normal;
    overflow: visible;
    text-overflow: clip
  }
}

@media (max-width:576px) {
  .breadcrumb__title {
    font-size: 64px !important;
    line-height: 1.05
  }

  .team-frame .swiper,
  .team-frame .swiper-slide,
  .team-frame .swiper-wrapper {
    height: 260px
  }

  .tp-project-3-title-wrap {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 !important
  }

  .tp-project-3-title-box .tp-section-our {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important
  }

  .section-title p {
    font-size: 16px;
    color: #666;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    line-height: 1.6;
    font-family: qanelas-light, Arial, sans-serif;
    text-wrap: wrap
  }

  .tp-project-3-area .section-title {
    padding: 24px 16px 8px !important
  }
}

@font-face {
  font-family: Avenir_Heavy;
  font-display: block;
  src: url('../fonts/Avenir\ Heavy.ttf') format('truetype')
}

@media (max-width:767px) {
  .interior-design-styling h2.int-heading {
    font-family: Qanelas-UltraLight, sans-serif !important;
    text-transform: uppercase !important;
    font-size: 30px !important;
    text-align: center !important;
    color: #5c5a5a !important;
    padding-bottom: 40px !important;
    white-space: normal !important;
    text-wrap: wrap !important;
    overflow-wrap: anywhere
  }

  .interior-design-styling .description {
    font-size: 16px !important;
    line-height: 1.7 !important
  }

  .interior-design-styling .services-grid li {
    font-size: 16px !important;
    padding: 6px 0 !important
  }

  .breadcrumb__area {
    height: 350px !important
  }

  .breadcrumb__title {
    font-size: 24px;
    margin-top: 50px
  }

  .interior-design-styling .subtitle {
    font-size: 15px
  }

  button.tp-btn-theme.black-bg.send-btn {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 7px !important;
    padding: 10px 0 !important;
    line-height: 1.4 !important;
    border-radius: 20px !important;
    text-align: center !important;
    margin: 10px 0 !important
  }

  .services-card-section {
    padding: 0 0 12px !important
  }

  .cta-link-about .btn-underline-expand,
  .cta-link-right .btn-underline-expand,
  .cta-link-right-1 .btn-underline-expand {
    font-size: 18px !important;
    letter-spacing: 0
  }

  .cta-link-right-1 .btn-underline-expand {
    padding-top: 70px !important
  }

  .project-location {
    font-size: 14px !important;
    margin-top: 10px;
    justify-content: left;
    align-items: left
  }
}

@media (max-width:768px) {
  .about-section {
    min-height: auto !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
  }

  .services-section {
    margin-top: 0 !important;
    padding-top: 0 !important
  }

  .aboutus-content {
    max-width: 680px;
    margin: 0 auto;
    padding: 0 16px
  }

  .aboutus-content p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #676161;
    font-family: AvenirLTStd-Light, Arial, sans-serif;
    text-align: justify;
    padding: 0 !important;
    margin-bottom: 15px
  }

  .services-section .section-title {
    padding: 8px 12px !important
  }

  .services-section .section-title h2 {
    margin-bottom: 10px !important
  }

  .services-section .section-title .divider {
    margin: 6px auto !important
  }

  .services-section .section-title p {
    margin-top: 6px !important
  }

  .project-snapshot .snapshot-grid li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px 27px;
    text-align: center;
    min-width: 0;
    border-radius: 12px;
    gap: 4px
  }

  .section-title h2 {
    font-size: 40px !important;
    text-wrap: balance;
    margin-left: auto;
    margin-right: auto
  }
}

@font-face {
  font-family: Qanelas-Medium;
  font-display: block;
  src: url('../fonts/Qanelas-Medium.otf') format('opentype')
}

@font-face {
  font-family: qanelas-light;
  font-display: block;
  src: url('../fonts/qanelas-light.ttf') format('truetype')
}

@font-face {
  font-family: Qanelas-Soft-Medium;
  font-display: block;
  src: url('../fonts/Qanelas-Soft-Medium.ttf') format('truetype')
}

@font-face {
  font-family: AvenirLTStd-Light;
  font-display: block;
  src: url('../fonts/AvenirLTStd-Light.otf') format('opentype')
}

@font-face {
  font-family: Qanelas-UltraLight;
  font-display: block;
  src: url('../fonts/Qanelas-UltraLight.otf') format('opentype')
}

@font-face {
  font-family: Qanelas-Regular;
  font-display: block;
  src: url('../fonts/Qanelas-Regular.otf') format('opentype')
}

.tp-section-title-home {
  text-wrap: nowrap
}

@media (min-width:1200px) {
  .tp-section-title-home {
    font-size: 62px;
    color: #54595f;
    font-family: Qanelas-UltraLight, sans-serif;
    font-weight: 300;
    margin-bottom: 85px !important;
    margin-left: -10px !important
  }

  .about-description1 {
    margin-top: -80px !important
  }

  .related-projects-section .wide-container {
    margin: 0 auto;
    transform: none;
    will-change: auto
  }
}

@media (max-width:767.98px) {
  .tp-section-title-home {
    font-size: clamp(22px, 5.8vw, 28px);
    font-family: Qanelas-UltraLight, sans-serif !important;
    line-height: 1.25;
    margin-bottom: 16px !important;
    margin-left: 0 !important;
    white-space: normal;
    text-wrap: balance;
    overflow-wrap: anywhere;
    padding-top: 25px !important
  }
}

@media (max-width:479.98px) {
  .tp-section-title-home {
    font-size: clamp(18px, 5.2vw, 22px);
    font-family: Qanelas-UltraLight, sans-serif !important;
    line-height: 1.3;
    letter-spacing: .04em;
    white-space: normal;
    text-wrap: balance;
    overflow-wrap: anywhere
  }
}

.about-image img {
  width: 100%;
  padding-top: 0
}

.about-content {
  padding-left: 30px;
  margin-top: 40px
}

.about-image {
  padding-top: 170px
}


.tp-service-title {
  font-family: Caviar_Dreams_Bold, sans-serif
}

.logo-okra,
.logo-pods {
  transition: transform .4s, filter .4s
}

.tp-section-title {
  font-weight: 500
}

.tp-service-title {
  font-weight: 50
}

.tp-section-title {
  font-family: Qanelas-UltraLight, sans-serif;
  color: #5c5a5a
}

.breadcrumb__area {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-size: cover;
  position: relative;
  text-align: center;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  will-change: transform, opacity;
  backface-visibility: hidden;
  opacity: .9 !important
}

.breadcrumb__area::after,
.breadcrumb__area::before {
  background: 0 0 !important
}

@media (min-width:992px) {
  .aboutus-content {
    max-width: 1100px;
    margin: 100px auto;
    padding: 0 20px;
    text-align: justify
  }

  .aboutus-title {
    font-size: 62px;
    color: #54595f;
    margin-bottom: 30px;
    font-family: Qanelas-UltraLight, sans-serif;
    font-weight: 300;
    text-align: center
  }

  .aboutus-content p {
    font-size: 22px;
    line-height: 1.8;
    color: #676161;
    font-family: AvenirLTStd-Light, Arial, sans-serif;
    text-align: justify
  }
}

::-webkit-scrollbar {
  width: 11px
}

.tp-slider-3-area,
.tp-slider-3-bg,
.tp-slider-3-height,
.tp-slider-3-wrapper {
  will-change: transform;
  transform: translateZ(5);
  backface-visibility: hidden;
  contain: layout paint
}

.project-overlay {
  position: absolute;
  bottom: 12px;
  left: 20px;
  z-index: 2;
  color: #fff
}

.project-title {
  color: #fff;
  font-size: 40px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-family: qanelas-light, sans-serif
}

.project-location {
  font-family: AvenirLTStd-Light !important;
  display: flex;
  align-items: center;
  gap: 6px
}

.tp-project-3-thumb::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1
}

.tp-section-our {
  font-size: 48px;
  color: #000
}

html {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  scrollbar-gutter: stable both-edges
}


.hidden,
.section-title .divider span,
.section-title .divider::after,
.section-title .divider::before {
  display: none !important
}

.header-sticky .tp-header-menu>nav>ul>li>a,
.tp-header-style-5 .tp-header-menu>nav>ul>li>a,
.tp-main-menu-mobile ul li a {
  color: #000 !important
}

.main-slider {
  width: 100%;
  height: 60vh
}

.hero-video,
.main-slider .swiper-slide img,
.thumb-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.thumb-slider {
  width: 50%;
  padding: 50px 0;
  margin-top: 20px;
  box-sizing: border-box
}

.thumb-slider .swiper-slide {
  height: 80px;
  opacity: .4;
  cursor: pointer;
  transition: .3s;
  overflow: hidden
}

.thumb-slider .swiper-slide-thumb-active {
  opacity: 1;
  border: 2px solid #000
}

.custom-arrow {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center
}

.custom-arrow img {
  width: 60px;
  height: 60px
}

.swiper-button-next::after,
.swiper-button-prev::after {
  display: none !important;
  content: none !important
}

.subsidiary-section {
  text-align: center;
  padding: 36px 20px 90px;
  background: #e9e3d6;
  min-height: 420px;
  box-sizing: border-box
}

.section-title {
  font-size: 32px;
  margin-bottom: 10px;
  font-weight: 600
}

.section-title .divider {
  background-color: #b2b2b2 !important;
  display: block !important
}

.subsidiary-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 180px;
  flex-wrap: wrap;
  margin-top: 30px;
  width: 100%
}

.logo-link {
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.logo-pods {
  width: 300px;
  height: 65px
}

.logo-okra {
  width: 180px;
  height: auto
}

.logo-okra:hover,
.logo-pods:hover {
  transform: scale(1.08) translateY(-5px);
  filter: drop-shadow(0 8px 15px rgba(0, 0, 0, .15))
}

.logo-okra:active,
.logo-pods:active {
  transform: scale(.95)
}

@media (max-width:768px) {

  .project-title {
    font-size: 30px
  }

  .aboutus-title {
    font-size: 38px;
    color: #54595f;
    margin-top: 30px;
    margin-bottom: 30px;
    font-family: Qanelas-UltraLight, sans-serif;
    font-weight: 300;
    text-align: center;
    text-wrap: nowrap
  }

  .aboutus-content p {
    font-size: 22px;
    line-height: 1.8;
    text-align: justify;
    color: #676161;
    font-family: AvenirLTStd-Light, Arial, sans-serif
  }

  .subsidiary-logos {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
    align-items: center;
    margin-top: 28px
  }

  .logo-pods {
    width: 180px;
    height: auto
  }

  .logo-okra {
    width: 140px;
    height: auto
  }

  .subsidiary-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 16px 48px;
    text-align: center;
    background-color: #e9e3d6 !important;
    width: 100%;
    min-height: auto
  }

  .subsidiary-section .section-title {
    padding: 0;
    margin: 0 auto;
    text-align: center
  }

  .subsidiary-section .section-title .divider {
    width: 140px;
    margin: 10px auto
  }

  .subsidiary-section .logo-link {
    margin: 0 auto
  }

  .tp-slider-3-height {
    min-height: 100vh !important;
    padding-bottom: 60px !important;
    padding-top: 60px
  }

  .tp-slider-3-social {
    display: none !important
  }
}

.overlay {
  text-align: center;
  background-color: rgba(0, 0, 0, .4);
  width: 100%;
  height: 100%;
  padding: 30px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px
}

.overlay h3 {
  font-size: 20px;
  margin-top: 10px;
  color: #fff;
  letter-spacing: 5px
}

@media screen and (max-width:768px) {

  .custom-arrow {
    width: 36px;
    height: 36px
  }

  .custom-arrow img {
    width: 34px;
    height: 34px
  }

  .main-slider {
    width: 70%;
    height: 20vh
  }

  .subsidiary-section {
    text-align: center;
    padding: 100px 20px;
    background: #fafafa;
    height: 500px
  }

  .project-sub {
    font-size: 15px !important;
    font-family: qanelas-light;
    line-height: 1.6;
    margin-top: 10px;
    margin-bottom: 10px
  }
}

.tp-slider-3-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.aboutus-section .container-fluid>div {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  padding: 40px 20px
}

.about-image-mobile {
  width: 100%;
  height: 500px !important;
  object-fit: cover
}

@media (max-width:767px) {
  .about-image-mobile {
    height: auto !important;
    width: 100% !important;
    object-fit: cover;
    display: block
  }


}

.founder-inner {
  padding: 0 20px;
  max-width: 700px
}

@media (min-width:768px) and (max-width:1024px) {
  .about-section.about-image-left-align .col-md-12 {
    flex: 0 0 50% !important;
    max-width: 50% !important
  }

  .about-section.about-image-left-align .about-content {
    padding: 40px 30px !important
  }

  .about-section.about-image-left-align .about-image {
    margin-top: 30px
  }

  .aboutus-section .container-fluid>div {
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: 40px;
    padding: 60px 40px;
    flex-wrap: nowrap
  }

  .about-image-mobile {
    width: 400px;
    height: 700px;
    object-fit: cover
  }

  .founder-section {
    width: auto;
    flex: 1
  }

  .founder-inner {
    padding-left: 0;
    padding-right: 20px;
    padding-top: 120px;
    max-width: 500px
  }

  #about-one-page .row {
    flex-direction: column
  }

  #about-one-page .col-lg-6,
  #about-one-page .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  #about-one-page .about-image img {
    width: 100%;
    height: auto;
    display: block
  }

  #about-one-page .about-content {
    padding: 32px 24px
  }
}

@media (min-width:1025px) {
  .aboutus-section .container-fluid>div {
    flex-direction: row;
    gap: 60px;
    align-items: flex-start;
    justify-content: center
  }

  .about-image-mobile {
    width: 550px;
    height: 800px
  }

  .founder-inner {
    padding-left: 60px
  }
}

.tp-section-founder {
  display: inline-block;
  font-family: QanelasDEMO-Thin;
  margin-top: 15px;
  margin-bottom: 30px
}

@media (max-width:768px) {
  .tp-header-logo img {
    width: 90px;
    padding-top: 6px;
    margin-right: 150px
  }

  .tp-header-style-5 .tp-menu-bar {
    margin-right: 10px !important
  }

  .aboutus-content {
    padding-right: 20px
  }

  .tp-header-area .row {
    display: flex;
    align-items: center;
    justify-content: space-between
  }

  .tp-section-founder {
    margin-top: -10px;
    margin-bottom: 10px
  }

  .founder-inner {
    padding: 20px !important
  }

  .tp-section-founder,
  .tp-section-title {
    text-align: left !important;
    display: block
  }
}

@media (min-width:769px) and (max-width:1024px) {
  .founder-inner {
    padding: 40px 40px 10px !important
  }
}

.founder-inner {
  padding-left: 100px;
  padding-bottom: 0
}

body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden !important
}

.services-section {
  padding: 60px 20px;
  text-align: center
}

.services-grid {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  align-items: flex-start;
  font-family: qanelas-light
}

.interior-design-styling .services-grid ul,
.services-grid ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 520px;
  text-align: left
}

.services-grid li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  line-height: 1.6
}

.services-grid li::before {
  content: '\25B8';
  color: #888;
  flex-shrink: 0;
  margin-top: .3em
}

.service-item {
  width: 24%;
  display: flex;
  flex-direction: column;
  align-items: center
}

.service-item:hover {
  transform: none
}

.service-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform .4s
}

.service-caption {
  margin-top: 34px;
  letter-spacing: 2px;
  font-size: 30px;
  font-family: 'Champagne&Limousines', serif;
  color: #2c2c2c
}

@media (max-width:992px) {
  .service-item {
    width: 45%
  }
}

@media (max-width:600px) {
  .services-grid {
    flex-direction: column;
    align-items: center;
    gap: 16px
  }

  .services-grid ul {
    max-width: 100%
  }

  .service-item {
    width: 90%;
    margin: 0 auto
  }
}

.hover-underline {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: inherit
}

.hover-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 1px;
  background-color: #5c5a5a;
  transition: width .3s
}

.tp-team-thumb img {
  width: 100%;
  display: block;
  position: relative;
  z-index: 0;
  will-change: transform
}

.team-hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  pointer-events: none;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding: 12px;
  color: #fff;
  overflow-y: auto;
  z-index: 1
}

.tp-team-thumb:focus-within .team-hover-overlay,
.tp-team-thumb:hover .team-hover-overlay {
  opacity: 1;
  pointer-events: auto
}

.interior-design-styling {
  max-width: 1250px;
  margin: 80px auto;
  padding: 0 20px;
  font-family: 'Open Sans', sans-serif;
  color: #333;
  text-align: center
}

.interior-design-styling .subtitle {
  font-size: 20px;
  margin-bottom: 20px;
  color: #555
}

.interior-design-styling h2 {
  font-size: 28px;
  font-weight: 600;
  font-family: 'Playfair Display', serif;
  margin-bottom: 10px;
  text-align: left
}

.interior-design-styling h2.int-heading {
  font-family: Qanelas-UltraLight, sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 300 !important
}

.interior-design-styling .description {
  font-size: 20px;
  color: #555;
  margin-bottom: 40px;
  text-align: left
}

.interior-design-styling .services-grid {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  text-align: left;
  margin-bottom: 40px
}

.interior-design-styling .services-grid li {
  padding: 8px 0;
  font-size: 20px;
  border-bottom: 1px solid #eee;
  cursor: pointer
}

.interior-design-styling .services-grid li::before {
  content: '\25B8';
  color: #888;
  flex-shrink: 0;
  margin-top: .3em;
  margin-right: 0
}

.custom-arrow {
  cursor: pointer;
  transition: transform .2s
}

.custom-arrow.animate {
  transform: scale(1.2);
  animation: .3s bounce
}

@keyframes bounce {

  0%,
  100% {
    transform: scale(1)
  }

  50% {
    transform: scale(1.2)
  }
}

.hero-section {
  position: relative;
  height: 100vh;
  overflow: hidden
}

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4)
}

.hero-content {
  left: 50%;
  text-align: center;
  color: #fff;
  position: absolute
}

.hero-content {
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0 20px;
  z-index: 2
}

.hero-content h1 {
  font-size: 6rem;
  margin-bottom: 1rem;
  color: #fff;
  text-wrap: nowrap;
  font-family: Caviar_Dreams_Bold, sans-serif;
  text-transform: uppercase
}

.hero-content p {
  font-size: 1.8rem;
  max-width: 1100px;
  margin: 0 auto;
  color: #fff;
  font-family: qanelas-light, sans-serif;
  white-space: normal
}

.chip,
.section-title p {
  white-space: nowrap
}

.hero-content button {
  padding: 12px 24px;
  font-size: 16px;
  background: #fff;
  color: #000;
  border: none;
  cursor: pointer
}

body {
  margin: 0;
  font-family: Arial, sans-serif;
  overflow: visible !important;
  overscroll-behavior: none
}

.lightbox {
  display: none;
  position: fixed;
  z-index: 999;
  padding-top: 80px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, .9)
}


.img-link-box,
.send-btn,
.tp-menu-bar {
  position: relative
}


.glass-card,
.img-link-box,
.project-slider .swiper-slide,
.rp-media,
.team-card,
.team-frame,
.team-photo,
.tp-map-box {
  overflow: hidden
}

.lightbox .close {
  position: absolute;
  top: 40px;
  right: 60px;
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  cursor: pointer
}

.section-spacing {
  padding: 100px 0;
  background-color: #f6f2ea
}

.section-spacing p {
  font-size: 17px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 25px
}

.img-link-box {
  box-shadow: 0 4px 20px rgba(0, 0, 0, .05)
}

.img-link-box img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform .4s
}

.img-link-box a:hover img {
  transform: scale(1.03);
  cursor: pointer
}

@media (max-width:991px) {
  .section-spacing {
    padding: 70px 0
  }

  .section-spacing p {
    font-size: 16px
  }
}

.tp-menu-bar {
  border-radius: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: 0 0;
  border: none;
  cursor: pointer
}

.tp-menu-bar .bar {
  width: 25px;
  height: 2px;
  background-color: #000;
  margin: 4px 0;
  transition: .4s
}

.tp-menu-bar.open .bar:first-child {
  transform: rotate(-45deg) translate(-5px, 6px)
}

.tp-menu-bar.open .bar:nth-child(3) {
  transform: rotate(45deg) translate(-5px, -6px)
}

.tp-header-style-3 .tp-menu-bar .bar,
.tp-header-style-5 .tp-header-menu>nav>ul>li>a::after,
.tp-header-style-5 .tp-menu-bar .bar {
  background-color: #000 !important
}

.breadcrumb__overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .3);
  z-index: 1
}

.tp-copyright-area {
  padding-bottom: 20px
}

@media only screen and (max-width:767px) {

  .tp-section-our {
    font-size: 40px !important
  }

  .tp-section-our2 {
    font-size: 35px !important
  }
}

@media (max-width:768px) {
  .hero-content p {
    font-size: 10px !important
  }

  .hero-content h1 {
    font-size: clamp(20px, 6vw, 26px) !important;
    margin-top: 1rem !important;
    color: #fff;
    white-space: nowrap;
    overflow: hidden
  }

  .hero-section {
    position: relative;
    height: 35vh !important;
    overflow: hidden;
    margin-top: 50px
  }

  .tp-copyright-area {
    padding-bottom: 75px !important
  }

  .tp-header-logo img {
    width: 110px;
    height: auto;
    padding: 0;
    margin: 0
  }

  .tp-header-logo2 img {
    width: 135px;
    height: auto;
    padding: 0;
    margin: 0
  }

  .tp-header-area .row,
  .tp-header-style-3 .row {
    padding: 0 1px !important;
    align-items: center
  }

  .tp-menu-bar {
    width: 20px;
    height: 20px;
    margin-top: 0 !important;
    transform: translateY(-4px)
  }

  .tp-menu-bar .bar {
    width: 22px;
    height: 2px;
    margin: 3px 0
  }

  
  .custom-container-3 {
    padding-left: 10px;
    padding-right: 10px
  }

  .tp-error-thumb-box {
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 40px !important;
    padding-bottom: 40px !important
  }

  .tp-error-thumb-box img {
    width: 80%;
    height: auto;
    max-width: 300px
  }

  .tp-error-content-box {
    text-align: center
  }

  .about-content {
    padding-left: 20px !important;
    padding-right: 20px !important
  }
}

.tp-error-thumb-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 70px;
  padding-bottom: 75px
}

.tp-error-thumb-box img {
  max-width: 100%;
  height: auto
}

.privacy-policy-section {
  background-color: #f6f2ea;
  padding: 60px 20px;
  text-align: start;
  font-family: QanelasDEMO-Thin, sans-serif;
  color: #333
}

.privacy-policy-section .container {
  max-width: 1250px;
  margin: 0 auto
}

.privacy-policy-section h1 {
  font-weight: 700;
  margin-bottom: 10px;
  font-family: Qanelas-UltraLight !important;
  text-transform: uppercase;
  font-size: 60px !important;
  color: #5c5a5a !important;
  padding-bottom: 40px !important
}

.privacy-policy-section h3 {
  font-size: 35px;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 20px;
  font-family: QanelasDEMO-Thin;
  color: #393939
}

.privacy-policy-section p {
  font-size: 20px;
  line-height: 1.8;
  margin-bottom: 20px;
  text-align: left
}

.privacy-policy-section ul {
  margin: 0 auto 30px;
  display: inline-block;
  text-align: left
}

.privacy-policy-section li {
  color: #444;
  font-size: 20px
}

.privacy-policy-section li::before {
  content: ''
}

.privacy-policy-section a {
  text-decoration: underline
}

.ajax-response,
.send-btn {
  font-family: QanelasDEMO-Thin
}

.project-slider-section {
  padding: 100px 20px;
  margin-top: -200px !important
}

.project-slider .swiper-slide {
  transition: transform .4s, box-shadow .4s
}

.project-slider .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  transition: transform .3s
}

.project-slider .swiper-slide:hover img {
  transform: scale(1.03)
}

#contact-fab.is-visible,
.fab.open .fab-menu li {
  transform: none;
  opacity: 1
}

.swiper-button-next,
.swiper-button-prev {
  background-color: #fff;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .1);
  color: #111;
  transition: background-color .3s
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background-color: #f0f0f0
}

.custom-arrow:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .15)
}

.custom-arrow svg {
  stroke: #111;
  width: 20px;
  height: 20px;
  transition: stroke .3s
}

.custom-arrow:hover svg {
  stroke: #000
}

.project-slider-subtitle {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  color: #666;
  margin-bottom: 2rem
}

.page-mirdif-villa .project-slider .swiper-wrapper {
  align-items: stretch
}

.page-mirdif-villa .project-slider .swiper-slide {
  aspect-ratio: 3/2;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .08);
  background: #f7f7f7
}

.page-mirdif-villa .project-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover
}

.ajax-response {
  margin-top: 14px;
  font-size: 18px;
  line-height: 1.6;
  color: #6c6c6c;
  min-height: 1.6em;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .4s, transform .4s
}

.ajax-response.show,
.reveal.revealed,
.show-bubble .error-bubble {
  opacity: 1;
  transform: translateY(0)
}

.ajax-response.error {
  color: #c0392b
}

.ajax-response.success {
  color: #000
}

@keyframes shake {

  10%,
  90% {
    transform: translateX(-2px)
  }

  20%,
  80% {
    transform: translateX(4px)
  }

  30%,
  50%,
  70% {
    transform: translateX(-8px)
  }

  40%,
  60% {
    transform: translateX(8px)
  }
}

.ajax-response.error.shake {
  animation: .5s shake
}

.send-btn {
  border-radius: 15px !important;
  padding: 12px 30px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  isolation: isolate;
  transition: background .25s, transform .15s;
  letter-spacing: 2px;
  background: #323332 !important
}

.send-btn:active {
  transform: translateY(1px)
}

.btn-label {
  transition: opacity .2s
}

.btn-spinner {
  margin-left: 12px;
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, .35);
  border-top-color: #fff;
  border-radius: 50%;
  display: none;
  animation: .8s linear infinite spin
}

@keyframes spin {
  to {
    transform: rotate(360deg)
  }
}

.btn-icon {
  display: none;
  font-size: 18px;
  line-height: 1
}

.send-btn.is-loading .btn-label {
  opacity: .6;
  pointer-events: none
}

.send-btn.is-success {
  background: #2e7d32
}

.send-btn.is-success .btn-icon.success {
  display: inline-block;
  animation: .35s ease-out pop
}

.send-btn.is-error {
  background: #c0392b
}

@keyframes pop {
  0% {
    transform: scale(.6);
    opacity: 0
  }

  100% {
    transform: scale(1);
    opacity: 1
  }
}

.error-bubble {
  margin-top: 4px;
  font-size: 13px;
  font-family: QanelasDEMO-Thin, sans-serif;
  color: #e74c3c;
  opacity: 0;
  transform: translateY(-3px);
  transition: opacity .3s, transform .3s
}


.tp-map-box {
  left: 50%;
  transform: translateX(-50%)
}

.is-invalid input,
.is-invalid textarea {
  border-bottom: 2px solid #e74c3c !important;
  border-radius: 0;
  box-shadow: none
}

input:valid,
textarea:valid {
  border-bottom: 2px solid #27ae60
}

.grid-2 .project-overlay .tp-split-text,
.grid-2 .project-overlay .tp-split-text * {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important
}

.thumb-bright {
  filter: brightness(.75) !important
}

@media (min-width:768px) and (max-width:1024px) {
  .about-section.about-image-left-align .col-md-12 {
    flex: 0 0 50% !important;
    max-width: 50% !important
  }
}

@media (max-width:768px) {
  .privacy-policy-section h1 {
    font-size: 28px !important;
    padding-bottom: 0 !important
  }

  .privacy-policy-section h3 {
    font-size: 20px
  }

  .privacy-policy-section li,
  .privacy-policy-section p {
    font-size: 15px
  }

  .swiper-button-next,
  .swiper-button-prev {
    width: 40px;
    height: 40px
  }

  .arrow-group-mobile {
    display: flex;
    justify-content: center;
    gap: 150px;
    margin-bottom: 20px
  }

  .custom-arrow:hover {
    background-color: #f3f3f3;
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .15)
  }

  .custom-arrow svg {
    stroke: #111;
    width: 20px;
    height: 20px;
    transition: stroke .3s
  }

  .custom-arrow:hover svg {
    stroke: #000
  }

  .services-section {
    margin-bottom: -100px !important
  }

  .about-section {
    margin-top: 0 !important
  }
}

.tpoffcanvas__logo {
  margin-bottom: 0 !important;
  text-align: center
}

.tpoffcanvas__logo img {
  display: block;
  margin: 0 auto
}

.tpoffcanvas__logo .tagline {
  margin-top: 45px !important;
  font-size: 14px;
  line-height: 1.3;
  white-space: nowrap;
  padding-right: 20px
}

.services-section,
.services-section h2 {
  margin-top: 0 !important;
  padding-top: 0 !important
}

input::placeholder,
textarea::placeholder {
  font-family: QanelasDEMO-Thin, sans-serif;
  font-size: 14px;
  color: #888;
  letter-spacing: .5px
}

.services-section {
  margin-bottom: 32px !important
}

.about-section,
.about-section img {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important
}

.about-section img {
  display: block
}

@media (max-width:480px) {
  .logo-pods {
    width: 140px;
    height: auto;
    padding-bottom: 15px
  }

  .logo-okra {
    width: 80px;
    height: auto
  }

  .tp-slider-3-height {
    min-height: 100vh !important;
    padding-bottom: 60px !important;
    padding-top: 60px
  }

  .team-hover-overlay,
  .team-hover-overlay h3,
  .team-hover-overlay p,
  .team-hover-overlay span {
    font-size: 12px !important
  }

  .tp-btn-theme.black-bg {
    padding: 0 20px !important;
    height: 70px;
    line-height: 70px
  }

  
  .tp-section-our,
  .tp-section-our2 {
    font-size: 30px !important
  }

  .service-caption {
    font-size: 20px !important
  }

  .services-section {
    margin-top: 12px !important
  }
}

@media (min-width:992px) {
  .tp-error-thumb-box img {
    max-width: 600px
  }

  .tp-contact-box {
    margin-top: 200px
  }

  .tpoffcanvas__contact-title {
    padding-top: 30px !important
  }

  #about-one-page {
    margin-top: -130px
  }
}

.tp-team-area p {
  user-select: none
}

.team-hover-overlay p {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin: 0;
  line-height: 1.5;
  overflow-wrap: anywhere;
  word-break: normal;
  color: #fff !important
}

.btn-underline-expand {
  display: inline-block;
  font-weight: 500;
  position: relative;
  text-decoration: none
}

.tp-header-area.tp-header-tranparent {
  background-color: #fff8ed !important
}

.tp-header-area.header-sticky {
  background-color: #fff !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1)
}

.header-sticky .tp-menu-bar .bar {
  background-color: #000 !important;
  border: 1px solid var(--tp-common-black)
}

.tp-map-box {
  width: 100vw;
  max-width: 100vw;
  position: relative
}

.form-card-background {
  background-color: #e9e3d6;
  padding: 41px !important;
  border-radius: 20px;
  border: 1px solid
}

.services-card-section {
  background-color: #e9e3d6;
  padding: 90px 5px !important
}

.founder-card-section {
  background-color: #e9e3d6;
  padding: 70px 5px !important;
  margin-top: 100px !important;
  margin-bottom: 50px !important
}

.btn-underline-expand {
  font-family: QanelasDEMO-Thin, Arial, sans-serif;
  font-size: 30px;
  color: #2f2f2f;
  transition: letter-spacing .4s, color .4s;
  letter-spacing: 0;
  padding-bottom: 5px
}

.btn-underline-expand::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 40%;
  background: #2f2f2f;
  transition: width .4s, background .4s;
  margin: 0 auto;
  right: 0
}

.btn-underline-expand:hover {
  letter-spacing: 4px;
  color: #2f2f2f
}

.btn-underline-expand:hover::after {
  width: 100%;
  background: #2f2f2f
}

.cta-link-right {
  display: flex;
  justify-content: center;
  padding-top: 40px
}

.cta-link-about {
  display: flex;
  justify-content: flex-start;
  padding-top: 35px
}

.wide-container {
  max-width: 1700px
}

.tp-project-3-area .row.grid-2 {
  margin-left: -2px;
  margin-right: -2px;
  row-gap: 5px
}

.filter-chips {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 24px;
  padding-bottom: 12px;
  width: 100%
}

.filter-chips::-webkit-scrollbar {
  display: none
}

.chip {
  appearance: none;
  background: 0 0;
  border: 0;
  padding: 0;
  cursor: pointer;
  font-family: qanelas-light;
  font-weight: 600;
  font-size: 30px;
  letter-spacing: .5px;
  color: var(--ink, #5c5a5a);
  transition: color .25s, transform .2s
}

.chip:hover {
  transform: translateY(-1px)
}

.chip-underline {
  position: absolute;
  bottom: 0;
  height: 2px;
  background: #5c5a5a;
  border-radius: 2px;
  transition: transform 280ms, width 280ms;
  transform: translateX(0);
  left: 0
}

.glass-card,
.rp-media {
  position: relative
}

@media (max-width:575.98px) {
  .chip {
    padding: 9px 16px;
    font-weight: 600
  }
}

.tp-project-3-area .grid-item-2 {
  padding-left: 2px;
  padding-right: 2px;
  margin-bottom: 5px !important;
  transition: opacity .28s, transform .28s, filter .28s;
  will-change: opacity, transform, filter;
  transform: translateY(0) scale(1);
  filter: blur(0);
  backface-visibility: hidden
}

.tp-project-3-area .grid-item-2.is-hiding {
  opacity: 0;
  transform: translateY(10px) scale(.985);
  filter: blur(3px);
  pointer-events: none
}

.tp-project-3-area .grid-item-2.pop-in {
  animation: .28s popIn
}

@keyframes popIn {
  from {
    opacity: 0;
    transform: translateY(6px) scale(.985);
    filter: blur(2px)
  }

  to {
    opacity: 1;
    transform: none;
    filter: blur(0)
  }
}

.tp-project-4-area .tp-project-filter {
  padding-bottom: 20px !important
}

.tp-project-3-area .container {
  padding-top: 0 !important
}

.related-projects-section {
  padding: clamp(56px, 7vw, 96px) 0 clamp(40px, 5vw, 72px)
}

.rp-head .rp-title {
  color: #3a3a3a;
  font-weight: 300;
  letter-spacing: .02em;
  font-size: clamp(28px, 2.4vw, 35px);
  margin: 0 auto
}

.rp-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--rp-gap)
}

@media (max-width:991px) {
  .rp-grid {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media (max-width:575px) {
  .section-spacing {
    padding: 50px 15px
  }

  .rp-grid {
    grid-template-columns: 1fr
  }
}

.rp-card {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.rp-media {
  display: block;
  aspect-ratio: 16/10;
  background: #f6f6f6;
  will-change: transform, box-shadow;
  transition: box-shadow .45s
}

.rp-media::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06);
  pointer-events: none
}

.rp-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.01);
  filter: grayscale(100%) contrast(1.06) saturate(.35);
  transition: transform .45s, filter .45s
}

.rp-media:hover {
  box-shadow: 0 16px 46px rgba(0, 0, 0, .08)
}

.rp-media:hover img {
  transform: scale(1.03);
  filter: grayscale(0) contrast(1.02) saturate(.95)
}

.rp-card-title {
  margin: 6px 0 0;
  color: #3a3a3a;
  font-weight: 400;
  font-size: clamp(20px, 1.6vw, 18px);
  line-height: 1.25;
  text-align: center;
  justify-content: center
}

.rp-meta {
  margin: 0;
  color: var(--rp-muted);
  font-size: clamp(14px, 1.1vw, 16px);
  text-align: center;
  justify-content: center
}

.rp-head .rp-underline {
  display: block;
  width: 140px;
  height: 2px;
  background: #b2b2b2;
  border-radius: 2px;
  margin: 14px auto 32px
}

@media screen and (min-width:1200px) and (hover:hover) and (pointer:fine) {
  .tp-project-details-text {
    margin-left: 10px
  }
}

.project-location {
  color: #fff;
  font-size: 26px;
  margin-top: 28px;
  justify-content: left;
  align-items: left
}

.project-location i {
  font-size: 1.1em;
  margin-right: 6px;
  color: #efeae0
}

.team-name,
.team-role {
  font-family: Qanelas-Regular, sans-serif
}

.team-frame {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  border-radius: 18px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .15)
}

.team-frame .swiper,
.team-frame .swiper-slide,
.team-frame .swiper-wrapper {
  height: 720px
}

.team-frame .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 18px
}

@media (max-width:1200px) {
  .team-frame .swiper {
    height: 460px
  }
}

@media (max-width:992px) {
  .team-frame .swiper {
    height: 420px
  }
}

@media (max-width:768px) {
  .about-section {
    min-height: auto !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
  }

  .services-section {
    margin-top: 0 !important;
    padding-top: 0 !important
  }

  .aboutus-content {
    max-width: 680px;
    margin: 0 auto;
    padding: 0 16px
  }

  .aboutus-content p {
    font-size: 16px;
    line-height: 1.7;
    color: #676161;
    font-family: AvenirLTStd-Light, Arial, sans-serif;
    text-align: justify;
    padding: 0 !important;
    margin-bottom: 15px
  }

  .services-section .section-title {
    padding: 8px 12px !important
  }

  .services-section .section-title h2 {
    margin-bottom: 10px !important
  }

  .services-section .section-title .divider {
    margin: 6px auto !important
  }

  .services-section .section-title p {
    margin-top: 6px !important
  }

  .team-frame .swiper {
    height: 340px
  }
}

@media (max-width:576px) {

  .project-title {
    font-size: 15px
  }

  .project-overlay {
    padding-top: 50px !important
  }

  .grid-2,
  .tp-project-3-area,
  .tp-project-3-area .row.grid-2,
  .tp-project-3-area .wide-container {
    margin-top: 0 !important;
    padding-top: 0 !important
  }

  .filter-chips,
  .tp-project-3-title-wrap {
    margin: 0 !important;
    padding: 0 !important
  }

  .tp-project-4-area {
    padding-top: 56px !important
  }

  .breadcrumb__area,
  .breadcrumb__pt {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
  }

  .project-filter.modern-filter {
    margin: 8px 0 !important;
    padding: 0 !important
  }

  .filter-chips {
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap
  }

  .filter-chips .chip {
    font-size: 16px !important;
    letter-spacing: 0
  }

  .tp-project-3-title-wrap {
    display: none !important
  }

  .team-frame .swiper {
    height: 180px
  }
}

@media (max-width:992px) {

  .team-frame .swiper,
  .team-frame .swiper-slide,
  .team-frame .swiper-wrapper {
    height: 360px
  }

  .team-frame .swiper-slide {
    background: #f5f5f5
  }

  .team-frame .swiper-slide img {
    object-fit: contain !important
  }
}


.section-spacing>.container .row>.col-12 p,
.section-spacing>.container-fluid .row>.col-12 p {
  max-width: 1200px;
  margin: 0 auto 18px;
  padding: 0 clamp(16px, 4vw, 40px);
  text-align: center;
  line-height: 1.8
}

.section-spacing .team-single-frame {
  margin-top: 24px
}

.production-team {
  padding-top: 32px
}

.team-heading {
  font-weight: 300;
  letter-spacing: .2px;
  font-size: clamp(28px, 2.8vw, 40px);
  color: #3a3a3a
}

.team-sub {
  margin: 8px auto 0;
  max-width: 820px;
  color: #666;
  font-size: clamp(14px, 1.2vw, 28px) !important
}

.team-card {
  background: #e9e3d6;
  transition: transform .35s, box-shadow .35s;
  will-change: transform;
  text-align: center;
  padding-bottom: 20px
}

.team-photo {
  aspect-ratio: 4/3;
  background: #f4f4f4
}

.team-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}

.team-name {
  font-size: clamp(18px, 1.4vw, 22px);
  margin: 0;
  letter-spacing: .3px;
  color: #5c5a5a
}

.team-role {
  margin: 8px 0 0;
  font-size: 14px;
  color: #777
}

.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .7s, transform .7s
}

@keyframes metaFadeUp {
  to {
    transform: translateY(0);
    opacity: 1
  }
}

#about-one-page .about-description1 {
  font-size: clamp(1rem, .6rem + .9vw, 1.5rem);
  line-height: 1.6;
  color: #4a4a4a;
  margin-top: 10px;
  text-align: justify;
  padding-top: 10px
}

.about-content {
  padding-top: 200px !important
}

.glass-card .glass-inner {
  padding: clamp(24px, 2.6vw, 44px) clamp(32px, 4vw, 72px)
}

.glass-card {
  box-shadow: none;
  background-color: #e9e3d6
}

.glass-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none
}

.glass-band {
  --radius: 18px;
  --pad: clamp(18px, 2.5vw, 28px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: var(--radius);
  box-shadow: none;
  margin: clamp(16px, 2.2vw, 28px) auto;
  padding: var(--pad)
}

.snapshot-grid {
  display: grid;
  padding: 0;
  list-style: none
}


.project-snapshot {
  max-width: 1200px
}

.snapshot-title {
  font-family: Avenir_Heavy;
  font-weight: 600;
  color: #fff;
  font-size: clamp(18px, 1.6vw, 24px);
  margin: 0 0 .7rem
}


.snapshot-grid li span {
  font-family: QanelasDEMO-Thin, system-ui, sans-serif
}

.snapshot-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: clamp(10px, 1.4vw, 18px);
  margin: 0
}

.snapshot-grid li {
  background: #e9e3d6;
  border: 1px solid rgba(0, 0, 0, .05);
  padding: clamp(10px, 1.4vw, 2px);
  border-radius: 12px
}

.snapshot-grid li span {
  display: block;
  font-size: .86rem;
  opacity: .65
}

.snapshot-grid li strong {
  font-weight: 600;
  letter-spacing: .2px
}

@media (max-width:1200px) {
  .snapshot-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

.project-intro .aboutus-title {
  font-weight: 300;
  text-align: left;
  margin-bottom: 12px
}

:root {
  --rp-accent: #d7a86e;
  --rp-text: #141414;
  --rp-muted: #6e6e6e;
  --rp-gap: clamp(24px, 2.2vw, 40px);
  --cards-max: 1040px;
  --sb-size: 10px;
  --sb-radius: 999px;
  --sb-track: rgba(0, 0, 0, .06);
  --sb-thumb: rgba(0, 0, 0, .35);
  --sb-thumb-hover: rgba(0, 0, 0, .55);
  --sb-thumb-active: rgba(0, 0, 0, .75);
  --sb-track: #000;
  --sb-thumb: #d1d5db;
  --sb-thumb-hover: #e5e7eb
}

.tp-project-details-area .intro-copy {
  max-width: var(--cards-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px
}

.snapshot-grid .snap-key {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 500
}

.snapshot-grid .snap-ico {
  width: 52px;
  height: 52px;
  line-height: 0
}

.snapshot-grid li {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 12px 10px
}

.project-snapshot .snapshot-grid {
  display: grid;
  gap: clamp(16px, 2vw, 28px);
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr))
}

.project-snapshot .snapshot-grid li,
.snap-card {
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.2vw, 16px)
}

.snap-ico {
  flex: 0 0 44px;
  width: 44px;
  height: 44px
}

.snap-compact {
  gap: clamp(6px, .8vw, 10px)
}

.snap-compact .snap-ico {
  flex-basis: 38px;
  width: 38px;
  height: 38px
}

.project-snapshot .snapshot-grid li strong {
  margin: 0
}

@media (max-width:768px) {

  .snapshot-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .project-snapshot {
    --snap-cols: 6
  }

  .project-snapshot .snapshot-grid {
    display: grid;
    grid-template-columns: repeat(var(--snap-cols), 1fr);
    gap: 20px
  }

  .project-snapshot .snapshot-grid li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px 30px;
    text-align: center;
    min-width: 0;
    border-radius: 12px;
    gap: 4px
  }

  .project-snapshot .snap-ico {
    width: clamp(22px, 5vw, 42px);
    height: clamp(22px, 5vw, 42px);
    display: block;
    object-fit: contain
  }

  .project-snapshot .snapshot-grid .snap-key {
    font-size: 10px;
    line-height: 1.1;
    letter-spacing: .02em;
    opacity: .7;
    white-space: normal
  }

  .project-snapshot .snapshot-grid li strong {
    font-size: 9px;
    line-height: 1.15;
    font-weight: 600;
    white-space: normal;
    overflow: visible;
    text-overflow: clip
  }

  .section-title h2 {
    font-size: 30px !important;
    text-wrap: balance;
    margin-left: auto;
    margin-right: auto
  }
}

@media (max-width:375px) {
  .project-snapshot {
    --snap-cols: 6
  }

  .project-snapshot .snapshot-grid {
    display: grid;
    grid-template-columns: repeat(var(--snap-cols), 1fr);
    gap: 10px
  }

  .project-snapshot .snapshot-grid li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px 28px;
    text-align: center;
    min-width: 0;
    border-radius: 12px;
    gap: 4px
  }

  .project-snapshot .snap-ico {
    width: clamp(22px, 5vw, 42px);
    height: clamp(22px, 5vw, 42px);
    display: block;
    object-fit: contain
  }

  .project-snapshot .snapshot-grid .snap-key {
    font-size: 10px;
    line-height: 1.1;
    letter-spacing: .02em;
    opacity: .7;
    white-space: normal
  }

  .project-snapshot .snapshot-grid li strong {
    font-size: 9px;
    line-height: 1.15;
    font-weight: 600;
    white-space: normal;
    overflow: visible;
    text-overflow: clip
  }
}

.section-title {
  text-align: center;
  padding: 60px 20px
}

.section-title h2 {
  font-size: 50px;
  font-weight: 500;
  color: #5c5a5a;
  text-transform: uppercase;
  font-family: Qanelas-Medium, Arial, sans-serif;
  margin-bottom: 20px
}

.section-title .divider {
  width: 220px;
  height: 2px;
  background: #ccc;
  margin: 15px auto
}

.section-title .divider::after,
.section-title .divider::before {
  content: "";
  flex: 1;
  height: 1px;
  max-width: 120px;
  background: #ccc
}

.section-title p {
  font-size: 26px;
  color: #666;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  line-height: 1.6;
  font-family: qanelas-light, Arial, sans-serif;
  display: block
}

@media (max-width:576px) {

  .team-frame .swiper,
  .team-frame .swiper-slide,
  .team-frame .swiper-wrapper {
    height: 200px;
    width: 368px
  }

  .team-frame,
  .team-frame .swiper-slide img {
    border-radius: 0 !important
  }

  .team-frame {
    box-shadow: none !important;
    background: 0 0 !important
  }

  .tp-project-3-title-wrap {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 !important
  }

  .tp-project-3-title-box .tp-section-our {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important
  }

  .section-title p {
    font-size: 13px;
    color: #666;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    line-height: 1.6;
    font-family: qanelas-light, Arial, sans-serif;
    text-wrap: wrap
  }

  .tp-project-3-area .section-title {
    padding: 24px 16px 8px !important
  }
}

.floating-buttons {
  position: fixed;
  right: 20px;
  bottom: 80px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity .4s, transform .4s, visibility .4s
}

.floating-buttons.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0)
}

.floating-btn {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 25px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .15);
  transition: transform .25s, box-shadow .25s
}

.call-btn {
  background: #fff
}

.whatsapp-btn {
  background: #25d366
}

.floating-btn:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .25)
}

@media (max-width:767px) {
  .tp-slider-3-height {
    min-height: 88vh !important;
    background-position: top center
  }

  .tp-slider-3-overlay::after {
    background-color: rgba(0, 0, 0, .2)
  }

  .breadcrumb__height {
    min-height: 10px !important;
    padding: 30px 0 !important;
    background-size: cover !important;
    background-position: center !important
  }

  .interior-design-styling h2.int-heading {
    font-family: Qanelas-UltraLight, sans-serif !important;
    text-transform: uppercase !important;
    font-size: 24px !important;
    text-align: center !important;
    color: #5c5a5a !important;
    padding-bottom: 20px !important;
    margin-top: -40px !important;
    white-space: normal !important;
    overflow-wrap: anywhere
  }

  .interior-design-styling .description {
    font-size: 14px !important;
    line-height: 1.6 !important
  }

  .interior-design-styling .services-grid li {
    font-size: 14px !important;
    padding: 6px 0 !important
  }

  .breadcrumb__area {
    height: 250px !important
  }

  .breadcrumb__title {
    font-size: 22px !important;
    margin-top: 50px
  }

  .interior-design-styling .subtitle {
    font-size: 14px;
    line-height: 1.6 !important
  }

  .tp-header-logo2 {
    padding-left: 0 !important;
    margin-left: 0 !important
  }

  .tp-header-area .container {
    padding-left: 15px !important;
    padding-right: 15px !important
  }

  .tp-header-area .col-6 {
    padding-left: 0 !important
  }

  .tp-header-logo2 img {
    max-width: 140px
  }

  button.tp-btn-theme.black-bg.send-btn {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 15px !important;
    padding: 3px 0 !important;
    line-height: 1.4 !important;
    border-radius: 10px !important;
    text-align: center !important;
    margin: 6px 0 !important
  }

  .about-section .row>.col-lg-6:first-child {
    order: 2
  }

  .about-section .row>.col-lg-6:nth-child(2) {
    order: 1
  }

  .about-section .about-content {
    padding: 28px 18px 16px !important;
    max-width: 680px;
    margin: 0 auto
  }

  .about-section .tp-section-subtitle {
    margin-top: 30px;
    display: block;
    letter-spacing: .08em
  }

  .about-section .tp-section-title {
    margin-bottom: 0 !important;
    font-size: clamp(28px, 8.2vw, 32px)
  }

  .about-section .about-image img {
    width: 100%;
    height: auto;
    display: block
  }

  .about-section .about-content {
    text-align: center !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
  }

  .about-section .tp-section-title {
    text-align: center !important;
    margin-left: auto;
    margin-right: auto
  }

  .about-section {
    padding-bottom: 0 !important
  }

  .tpoffcanvas-area .tp-main-menu-mobile ul li a {
    font-weight: 400 !important;
    font-family: QanelasDEMO-Thin, sans-serif !important;
    letter-spacing: .5px
  }

  h4.tp-section-title {
    text-align: center !important
  }

  .tp-team-thumb .team-hover-overlay {
    opacity: 0 !important
  }

  .tp-team-thumb:hover .team-hover-overlay {
    opacity: 1 !important
  }

  .team-hover-overlay,
  .team-hover-overlay p,
  .team-hover-overlay span {
    color: #fff !important
  }

  .ajax-response {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important
  }

  .founder-card-section {
    padding: 30px
  }

  .cta-link-about .btn-underline-expand,
  .cta-link-right .btn-underline-expand {
    font-size: 18px !important;
    letter-spacing: 0
  }

  .project-location {
    font-size: 10px !important;
    margin-top: 8px;
    justify-content: left;
    align-items: left
  }

  .floating-buttons {
    bottom: 100px;
    right: 12px
  }
}

@media (max-width:360px) {
  .floating-buttons {
    bottom: 80px;
    right: 12px
  }
}

.services-card-section {
  margin-bottom: 0 !important;
  padding-bottom: 20px
}

.tp-project-3-area {
  margin-top: 0 !important;
  padding-top: 20px !important
}

.tp-project-3-title-wrap {
  margin-bottom: 30px !important
}

*,
body,
html {
  scrollbar-color: var(--sb-thumb) #000 !important
}

::-webkit-scrollbar,
body::-webkit-scrollbar,
html::-webkit-scrollbar {
  width: var(--sb-size) !important;
  height: var(--sb-size) !important
}

::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
  background: var(--sb-track);
  border-radius: var(--sb-radius)
}

::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
  background: var(--sb-thumb);
  border-radius: var(--sb-radius);
  border: 2px solid transparent;
  background-clip: padding-box;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05)
}

::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
html::-webkit-scrollbar-thumb:hover {
  background: var(--sb-thumb-hover)
}

::-webkit-scrollbar-thumb:active,
body::-webkit-scrollbar-thumb:active,
html::-webkit-scrollbar-thumb:active {
  background: var(--sb-thumb-active)
}

::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
html::-webkit-scrollbar-corner {
  background: 0 0
}

.about-section,
.tp-header-area.tp-header-style-3,
.tp-project-3-area,
body,
footer {
  background-color: #f6f2ea
}

@media (max-width:768px) {
  .tp-header-logo img {
    max-height: 120px !important;
    width: auto !important;
    height: auto !important;
    margin-top: 10px !important
  }

  .tp-header-bar {
    margin-left: auto
  }

  .tp-header-logo2 img {
    max-height: 120px !important;
    width: auto !important;
    height: auto !important;
    margin-top: 8px !important
  }
}

.tp-project-3-area {
  padding: 80px 0
}

#header-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  transition: top .3s ease-in-out;
  background-color: #f6f2ea !important;
  backface-visibility: hidden;
  transform: translateZ(0)
}

.tp-section-title-home {
  font-family: Qanelas-UltraLight, sans-serif !important;
  text-wrap: nowrap;
  font-size: 62px;
  color: #54595f;
  font-weight: 300;
  margin-bottom: 85px !important;
  margin-left: -10px !important
}

.about-description1 {
  margin-top: -70px !important
}

@media (min-width:1200px) {
  .project-slider-section {
    padding-bottom: 28px;
    margin-bottom: 0
  }

  .related-projects-section {
    padding-top: 28px;
    margin-left: 60px
  }

  .related-projects-section .rp-head,
  .related-projects-section .rp-title {
    margin-top: 0
  }

  .project-intro .aboutus-title {
    text-align: left;
    padding-left: 70px
  }

  .parasmart {
    font-size: 20px;
    line-height: 1.8;
    text-align: justify !important
  }

  .tp-main-menu-content ul {
    margin-right: 200px !important;
    text-wrap: nowrap;
    display: flex;
    font-size: 80px !important;
    justify-content: center;
    align-items: center;
    gap: 60px;
    list-style: none;
    margin: 0;
    padding: 0
  }

  .tp-header-style-4 .tp-main-menu-content ul {
    justify-content: center;
    margin-right: 120px
  }

  .about-description1 {
    margin-top: -80px !important
  }
}

@media (max-width:1199.98px) {

  .tp-section-title-home {
    font-size: 56px
  }
}

@media (max-width:991.98px) {

  .tpoffcanvas__contact-title {
    padding-top: 0 !important
  }

  .tp-section-title-home {
    font-size: 48px;
    font-family: Qanelas-UltraLight, sans-serif !important;
    margin-bottom: 64px !important;
    margin-left: 0 !important
  }
}

.tp-section-title-home {
  font-size: clamp(33px, 6vw, 22px);
  line-height: 1.28;
  letter-spacing: .01em;
  white-space: nowrap;
  overflow-wrap: anywhere
}

@media (min-width:480px) {
  .tp-section-title-home {
    font-size: clamp(40px, 6vw, 28px);
    line-height: 1.28;
    letter-spacing: .01em
  }
}

@media (min-width:768px) {
  .tp-section-title-home {
    font-size: 48px;
    margin-bottom: 64px
  }
}

@media (min-width:428px) and (max-width:479.98px) and (orientation:portrait) {
  .tp-section-title-home {
    font-size: clamp(40px, .6vw, 28px) !important;
    line-height: 1.27;
    padding-top: 30px !important
  }
}

.about-image img {
  margin-top: 50px !important
}

.meet-team-title {
  position: relative;
  display: inline-block;
  padding-bottom: 12px
}

.meet-team-title::after {
  content: "";
  position: absolute;
  left: 31%;
  bottom: 0;
  transform: translateX(-50%);
  width: 210px;
  height: 2px;
  background-color: #5c5a5a
}

.team-subtitle {
  font-family: qanelas-light, Arial, sans-serif;
  font-size: 26px;
  white-space: nowrap;
  display: block;
  max-width: 500px;
  margin: 0 auto;
  text-align: left;
  margin-left: -100px !important;
  margin-top: 30px !important
}

@media (max-width:576px) {

  .team-designation-ayham,
  .team-subtitle {
    white-space: normal !important;
    text-wrap: wrap !important;
    overflow-wrap: anywhere;
    word-break: normal;
    max-width: 100% !important
  }

  .team-subtitle {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center
  }

  .team-designation-ayham {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
    font-size: 18px !important;
    line-height: 1.4 !important
  }
}

.int-heading {
  font-family: Qanelas-UltraLight !important;
  text-transform: uppercase;
  font-size: 60px !important;
  text-align: center !important;
  color: #5c5a5a !important;
  padding-bottom: 40px !important
}

.team-intro-heading {
  font-size: 50px !important
}

.team-intro-copy {
  font-size: 20px !important;
  line-height: 1.8
}

.service-included {
  font-family: Qanelas-Medium !important;
  font-weight: 300 !important;
  color: #5c5a5a !important;
  font-size: 40px !important;
  padding-bottom: 10px;
  border-bottom: 3px solid #9e9e9e;
  width: 250px;
  text-wrap: nowrap;
  margin-bottom: 40px !important
}

.fab,
.fab-toggle {
  width: var(--fab-size);
  height: var(--fab-size)
}

@media (max-width:767.98px) {
  button.tp-btn-theme.black-bg.send-btn {
    margin-top: 8px !important;
    margin-bottom: clamp(52px, 6vw, 40px) !important
  }

  .project-location-breadcrumb {
    font-size: 22px !important;
    padding-top: 12px !important
  }
}

@media (max-width:479.98px) {

  .project-location-breadcrumb {
    font-size: 18px !important
  }
}

.project-location-breadcrumb {
  color: #fff;
  font-family: qanelas-light !important;
  font-size: 40px !important;
  text-align: center;
  justify-content: center;
  padding-top: 30px !important
}

.project-description {
  font-family: Qanelas-UltraLight !important;
  text-transform: uppercase;
  font-size: 60px !important;
  text-align: center !important;
  color: #5c5a5a !important;
  padding-top: 120px !important
}

.aswin,
.cydelle,
.feba,
.yazer {
  font-size: 16px !important;
  color: #fff !important
}

.form-card-background .tp-contact-box ul {
  display: grid;
  row-gap: 60px
}

.form-card-background .tp-contact-item {
  gap: 12px;
  align-items: center
}

.form-card-background .tp-contact-box li.contact-cta .tp-contact-item {
  gap: 2px
}

.col-xl-4.form-card-background {
  background: 0 0 !important;
  padding: 0 !important;
  border-radius: 0 !important
}

.form-card-background .tp-contact-box {
  background: #e9e3d6;
  border-radius: 20px;
  padding: 77px;
  width: 100%
}

.tp-form-area .col-xl-4.form-card-background {
  margin-top: -200px !important;
  align-self: flex-start
}

.team-heading {
  text-align: center;
  margin-bottom: 12px;
  font-family: Qanelas-Medium, sans-serif
}

.divider {
  display: flex;
  justify-content: center;
  margin-bottom: 24px
}

.divider span {
  display: block;
  width: 200px;
  height: 3px;
  background-color: #b2b2b2;
  border-radius: 2px
}

.tp-btn--contact {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 20px 40px;
  border: 0;
  border-radius: 15px;
  background: #2a2d32;
  color: #fff !important;
  font: 400 14px/1 qanelas-light, system-ui, sans-serif;
  text-decoration: none;
  text-wrap: nowrap;
  cursor: pointer;
  transition: transform .15s, box-shadow .15s, background-color .2s
}

.tp-btn--contact:hover {
  transform: translateY(-1px)
}

.tp-btn--contact:active {
  transform: translateY(0)
}

.tp-btn--contact:focus-visible {
  outline: #d7a86e solid 2px;
  outline-offset: 2px
}

.full-bleed-bg {
  position: relative;
  background: 0 0 !important;
  border-radius: 0 !important;
  overflow: visible !important
}

.full-bleed-bg::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 100vw;
  height: 100%;
  background: #e8e1d5;
  z-index: -1
}

.full-bleed-bg .glass-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(24px, 4vw, 56px)
}

@media (max-width:767px) {
  .team-intro-heading {
    font-size: 20px !important
  }

  .team-intro-copy {
    font-size: 14px !important;
    line-height: 1.6
  }

  .int-heading {
    font-family: Qanelas-UltraLight !important;
    text-transform: uppercase !important
  }

  .service-included {
    font-size: 24px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    text-wrap: wrap !important;
    overflow-wrap: anywhere;
    width: auto !important;
    display: inline-block;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .breadcrumb__title {
    font-size: 44px !important;
    padding-bottom: 120px !important
  }

  .tp-contact-box,
  .tp-contact-box .tp-contact-content {
    text-align: center
  }

  .tp-contact-box {
    margin-top: 48px;
    margin-left: auto;
    margin-right: auto
  }

  .tp-contact-box .tp-contact-item {
    flex-direction: column;
    align-items: center !important;
    gap: 12px
  }

  .tp-contact-box li.contact-cta .tp-contact-item {
    gap: 36px
  }

  .tp-contact-box li.contact-cta .tp-btn--contact {
    margin-top: 18px
  }

  .tp-form-area {
    padding-top: 60px !important
  }

  .tp-form-top {
    padding-bottom: 60px !important
  }
}

@media (max-width:480px) {
  .cta-link-about {
    display: flex;
    justify-content: center
  }

  .team-hover-overlay {
    padding: 10px !important
  }

  .team-hover-overlay p {
    line-height: 1.65 !important;
    font-size: 16px !important
  }

  #about-one-page .about-content {
    margin-top: 12px !important;
    padding: 20px 16px 12px !important
  }

  #about-one-page .about-image {
    min-height: clamp(320px, 90vw, 420px)
  }

  #about-one-page .about-image img {
    object-fit: cover
  }

  .cta-link-right {
    padding-top: 2px !important
  }

  .cta-link-right.mt-50 {
    margin-top: clamp(2px, 5vw, 8px) !important;
    margin-bottom: clamp(8px, 5vw, 4px) !important
  }

  .cta-link-right .btn-underline-expand {
    padding-top: 5px !important
  }

  .services-section .section-title {
    padding-bottom: 16px !important;
    margin-bottom: 32px !important
  }

  .services-section .section-title p {
    margin-top: 12px !important
  }

  #about-one-page .about-content h2,
  #about-one-page .about-content p {
    margin: 0 0 8px !important
  }

  #about-one-page .about-content br {
    display: none
  }

  #about-one-page .cta-link-about {
    padding: 13px 0 30px !important;
    margin: 4px 0 0 !important
  }

  #about-one-page .about-image,
  #about-one-page .about-image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    margin: 0 !important;
    padding: 10 !important;
    border: 0 !important
  }

  #about-one-page .col-md-12+.col-md-12 {
    margin-top: 0 !important
  }

  #about-one-page.about-section {
    padding: 0 !important;
    margin: 0 !important
  }
}

.fab {
  --fab-size: 68px;
  --fab-gap: 12px;
  --fab-z: 10000;
  position: fixed;
  inset: auto 20px calc(20px + env(safe-area-inset-bottom)) auto;
  z-index: var(--fab-z);
  bottom: 80px;
  right: 15px
}

.fab-toggle {
  border-radius: 50%;
  border: 0;
  background: #393940;
  color: #fff;
  box-shadow: 0 14px 32px rgba(0, 0, 0, .18);
  display: grid;
  place-items: center;
  cursor: pointer
}

.fab-toggle:focus-visible {
  outline: #fff dashed 2px;
  outline-offset: 4px
}

.fab.open .fab-plus {
  transform: rotate(45deg);
  transition: transform .25s
}

.fab-menu {
  position: absolute;
  right: 0;
  bottom: calc(var(--fab-size) + var(--fab-gap));
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: var(--fab-gap);
  pointer-events: none
}


.fab-item {
  display: inline-grid;
  place-items: center
}

.fab-menu li {
  transform: translateY(12px);
  opacity: 0;
  transition: transform 240ms cubic-bezier(.22, 1, .36, 1), opacity 240ms cubic-bezier(.22, 1, .36, 1)
}

.fab.open .fab-menu {
  pointer-events: auto
}

.fab.open .fab-menu li:nth-child(3) {
  transition-delay: 0s
}

.fab.open .fab-menu li:nth-child(2) {
  transition-delay: 40ms
}

.fab.open .fab-menu li:first-child {
  transition-delay: 80ms
}

.fab-item {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, .85);
  background: #fff;
  color: #111;
  cursor: pointer;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .16);
  transition: transform .16s, box-shadow .16s, background-color .16s, color .16s
}

.fab-item:focus-visible {
  outline: #111 solid 2px;
  outline-offset: 3px
}

.fab-item:hover {
  transform: translateY(-1px) scale(1.04);
  box-shadow: 0 16px 30px rgba(0, 0, 0, .2)
}

.fab-chat svg circle,
.fab-chat svg path {
  fill: #fff
}

.fab-chat {
  background: #111;
  border-color: #111
}

@media (prefers-reduced-motion:reduce) {
  .tp-project-3-area .grid-item-2 {
    transition: none;
    transform: none;
    filter: none
  }

  .snapshot-grid .snap-ico {
    display: none
  }

  .fab-item,
  .fab-menu li,
  .fab-toggle {
    transition-duration: 1ms
  }

  .tp-split-text .char {
    transform: none !important;
    opacity: 1 !important
  }
}

#contact-fab {
  opacity: 0;
  transform: translateY(14px) scale(.98);
  pointer-events: none;
  transition: opacity .35s cubic-bezier(.22, 1, .36, 1), transform .35s cubic-bezier(.22, 1, .36, 1);
  z-index: 10000
}

#contact-fab.is-visible {
  pointer-events: auto
}

.fab-toggle {
  position: relative;
  transition: transform .18s, box-shadow .18s;
  --icon-rot: 0deg;
  --icon-ty: 0px
}

.fab-toggle .fab-icon {
  width: 28px;
  height: 28px;
  display: block;
  pointer-events: none;
  transition: transform .25s cubic-bezier(.22, 1, .36, 1)
}

.fab.open .fab-toggle {
  --icon-rot: 45deg
}

.fab-toggle:active {
  transform: translateY(0) scale(1);
  box-shadow: 0 12px 26px rgba(0, 0, 0, .18)
}

.fab-toggle::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0);
  transform: scale(.92);
  opacity: 0;
  transition: transform .22s, opacity .22s, border-color .22s
}

@media (hover:hover) and (pointer:fine) {
  .fab-toggle:hover {
    transform: translateY(-2px) scale(1.04);
    box-shadow: 0 18px 36px rgba(0, 0, 0, .24);
    --icon-ty: -1px
  }

  .fab-toggle:hover::after {
    border-color: rgba(255, 255, 255, .22);
    transform: scale(1);
    opacity: 1
  }
}

.fab #fab-menu .call-btn,
.fab #fab-menu .whatsapp-btn {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  display: inline-grid;
  place-items: center
}

.fab #fab-menu .call-btn img {
  width: 30px;
  height: 30px
}

.fab #fab-menu .whatsapp-btn i {
  font-size: 35px;
  line-height: 1;
  display: inline-block;
  width: 1em;
  height: 1em
}

.team-hover-overlay {
  will-change: opacity, transform
}

@media (max-width:390px) {
  .breadcrumb__pt .container {
    padding-left: 12px;
    padding-right: 12px
  }
}

.mfoot {
  display: none
}

@media (max-width:767.98px) {
  .fab {
    --fab-size: 55px;
    --fab-gap: 12px;
    --fab-z: 10000;
    position: fixed;
    inset: auto 20px calc(20px + env(safe-area-inset-bottom)) auto;
    width: var(--fab-size);
    height: var(--fab-size);
    z-index: var(--fab-z);
    bottom: 80px;
    right: 15px
  }

  .fab #fab-menu .call-btn,
  .fab #fab-menu .whatsapp-btn {
    border-radius: 50%;
    display: inline-grid;
    place-items: center
  }

  .fab #fab-menu .call-btn {
    width: 50px;
    height: 50px
  }

  .fab #fab-menu .call-btn img {
    width: 10px;
    height: 10px
  }

  .fab #fab-menu .whatsapp-btn {
    width: 52px;
    height: 52px
  }

  .fab #fab-menu .whatsapp-btn i {
    font-size: 30px;
    line-height: 1;
    display: inline-block;
    width: 1em;
    height: 1em
  }

  .breadcrumb__title {
    font-size: clamp(32px, 9vw, 44px) !important;
    line-height: 1.08 !important;
    letter-spacing: .08em;
    margin: 0 auto 6px !important;
    padding: 0 6px;
    text-transform: uppercase;
    text-wrap: balance;
    word-break: normal
  }

  .project-location-breadcrumb i {
    font-style: italic
  }

  .breadcrumb__area {
    min-height: 62vh;
    padding: 96px 16px 32px;
    background-position: center;
    background-size: cover;
    margin-top: 50px
  }

  .breadcrumb__section-title-box {
    width: 100%;
    text-align: center;
    margin-bottom: 8px !important
  }

  .breadcrumb__pt .breadcrumb__title {
    font-size: clamp(2px, 6.5vw, 24px) !important;
    line-height: 1.08 !important;
    letter-spacing: .08em;
    margin: 0 auto 6px !important;
    padding: 0 !important
  }

  .project-location-breadcrumb {
    display: block;
    font-size: clamp(15px, 4.2vw, 18px) !important;
    color: #fff;
    text-align: center;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    opacity: .95
  }

  .project-location-breadcrumb span {
    display: inline-block
  }

  h2.project-description {
    white-space: normal !important;
    text-wrap: balance !important;
    overflow-wrap: anywhere;
    font-size: clamp(24px, 5.2vw, 36px) !important;
    line-height: 1.12 !important;
    letter-spacing: .04em;
    margin: 10px 16px 6px !important;
    text-align: center !important
  }

  #about-one-page+.services-card-section {
    padding-top: 0 !important;
    margin-top: 0 !important
  }

  #about-one-page {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
  }

  #about-one-page .about-image,
  #about-one-page .about-image img {
    margin-bottom: 0 !important;
    display: block
  }

  #about-one-page+.services-card-section .section-title {
    margin-top: 0 !important;
    padding-top: 40px !important
  }

  section.services-card-section {
    padding-top: 8px !important
  }

  #about-one-page .about-content {
    padding-bottom: 0 !important;
    padding-top: 16px !important;
    margin: 0 !important
  }

  #about-one-page .about-image,
  .services-section {
    margin-top: 0 !important;
    padding-top: 0 !important
  }

  #about-one-page .about-image img {
    margin-top: 0 !important;
    display: block
  }

  #about-one-page .row {
    --bs-gutter-y: 0
  }

  .about-section {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
  }

  footer .tp-copyright-area,
  footer .tp-footer-area {
    display: none !important
  }

  .mfoot {
    display: block;
    padding: 24px 20px 26px;
    color: inherit;
    background: 0 0
  }

  .mfoot a {
    color: inherit;
    text-decoration: none
  }

  .mfoot-brand {
    margin-bottom: 18px
  }

  .mfoot-logo img {
    height: 53px;
    width: auto;
    display: block
  }

  .mfoot-matrix {
    display: grid;
    grid-template-columns: 48% 52%;
    column-gap: 18px;
    align-items: start;
    margin: 6px 0 24px
  }

  .mfoot-list {
    list-style: none;
    padding: 0;
    margin: 0
  }

  .mfoot-list li {
    margin: 12px 0
  }

  .mfoot-left a {
    opacity: .6;
    font-family: Qanelas-Regular, sans-serif;
    font-size: 15px
  }

  .mfoot-left a.is-active {
    opacity: 1;
    font-weight: 600
  }

  .mfoot-right a {
    font-family: qanelas-light, sans-serif;
    font-size: 16px;
    opacity: 1
  }

  .mfoot-legal {
    margin: 18px 0 0;
    font-size: 12px;
    opacity: .75
  }

  .mfoot-legal a {
    text-decoration: underline;
    text-underline-offset: 2px
  }

  .subsidiary-section .section-title {
    transform: translateY(-40px)
  }
}

@media (min-width:768px) {
  .mfoot {
    display: none !important
  }
}

@media (max-width:767.98px) {
  #header-sticky {
    --h: 73px;
    height: var(--h) !important;
    min-height: var(--h) !important;
    padding: 0 !important
  }

  #header-sticky .tp-header-logo img,
  .tp-header-area.tp-header-sticky-cloned .tp-header-logo img {
    position: relative;
    top: -18px;
    display: block
  }

  #header-sticky .tp-header-bar .tp-menu-bar,
  .tp-header-sticky-cloned .tp-header-bar .tp-menu-bar {
    transform: translateY(-15px) !important
  }

  .tp-team-title-box .meet-team-title {
    font-size: clamp(22px, 6.4vw, 30px) !important;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    margin: 0 auto
  }

  .tp-team-title-box {
    text-align: center
  }

  .tp-team-title-box .meet-team-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 64%;
    max-width: 220px;
    height: 2px;
    background: currentColor;
    opacity: .7
  }
}

@media (max-width:769.98px) {
  .tp-team-title-box .meet-team-title {
    font-size: clamp(20px, 7.6vw, 38px) !important
  }

  .aboutus-title {
    font-size: 36px;
    color: #54595f;
    margin-top: 35px !important;
    margin-bottom: 30px;
    font-family: Qanelas-UltraLight, sans-serif;
    font-weight: 300;
    text-align: center;
    text-wrap: nowrap
  }
}

@media (max-width:400px) {
  .tp-slider-3-height {
    min-height: 87vh !important;
    padding-bottom: 60px;
    background-position: top center
  }

  #about-one-page .about-description1 {
    font-size: 14px
  }

  .team-hover-overlay p {
    line-height: 1.7 !important;
    font-size: 14px !important
  }

  .tp-team-title-box .meet-team-title {
    font-size: clamp(20px, 7.6vw, 38px) !important
  }

  .aboutus-title {
    font-size: 30px;
    color: #54595f;
    margin-top: 35px !important;
    margin-bottom: 30px;
    font-family: Qanelas-UltraLight, sans-serif;
    font-weight: 300;
    text-align: center;
    text-wrap: nowrap;
    padding-right: 10px
  }

  #member-ayham {
    margin-left: -18px !important
  }
}

.mfoot-legal {
  text-align: left !important;
  margin: 14px 0 0 !important;
  padding-left: 0
}

.project-snapshot .snap-key {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px
}

.project-snapshot .snap-ico {
  width: clamp(22px, 5vw, 42px);
  height: clamp(22px, 5vw, 42px);
  display: block;
  object-fit: contain
}

@media (max-width:767.98px) {
  .aboutus-content {
    padding-inline: 40px !important;
    padding-bottom: 8px !important
  }

  .aboutus-content,
  .aboutus-content p:last-child,
  .services-section .services-grid>.service-item:last-child {
    margin-bottom: 0 !important
  }

  .aboutus-content h2 {
    margin: 6 0 6px !important
  }

  .aboutus-content p {
    margin: 0 0 10px !important
  }

  .founder-card-section,
  .founder-card-section.section-spacing {
    padding-top: 8px !important;
    margin-top: 25px !important
  }

  .founder-card-section .container-fluid,
  .services-section .cta-link-right-1 .btn-underline-expand {
    padding-top: 0 !important
  }

  .tp-form-box .tp-form-input-box input,
  .tp-form-box .tp-form-textarea-box textarea {
    display: block;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
    font-size: clamp(14px, 3.8vw, 16px)
  }

  .tp-form-box {
    padding-left: 16px !important;
    padding-right: 16px !important
  }

  .tp-form-box .tp-form-input-box,
  .tp-form-box .tp-form-textarea-box {
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .tp-form-box .tp-form-input-box input {
    height: 44px !important;
    padding: 10px 14px !important
  }

  .tp-form-box .tp-form-textarea-box textarea {
    min-height: 130px !important;
    padding: 12px 14px !important
  }

  .tp-form-box .mb-30 {
    margin-bottom: 16px !important
  }

  .tp-form-input-box input::placeholder {
    font-size: 12px
  }

  .tp-form-textarea-box textarea::placeholder {
    font-size: 12px
  }

  #about-one-page+section.services-section.services-card-section {
    padding-top: 0 !important;
    margin-top: -90px !important;
    display: flow-root !important
  }

  #about-one-page+section.services-section.services-card-section .section-title {
    margin-top: 0 !important;
    padding-top: 80px !important
  }

  #about-one-page .about-content,
  #about-one-page .about-image {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
  }

  #about-one-page .about-image img {
    display: block
  }

  .tp-team-area.tp-team-style-3 {
    padding-top: 30px !important;
    padding-bottom: 0 !important
  }

  .tp-team-title-wrap {
    margin-bottom: 18px !important
  }

  .tp-team-title-box .meet-team-title {
    margin: 4px 0 2px !important;
    font-size: clamp(28px, 7.2vw, 40px);
    line-height: 1.05
  }

  .tp-team-top-text .team-subtitle {
    margin: 2px 0 0 !important;
    font-size: clamp(8px, 4.2vw, 18px) !important;
    line-height: 1.35
  }

  .tp-team-title-wrap .row {
    align-items: flex-start !important;
    row-gap: 2px !important
  }

  .mfoot {
    padding-bottom: 76px !important
  }

  .services-section .cta-link-right-1 {
    padding-top: 0 !important;
    margin-top: 55px !important;
    text-align: center
  }

  .services-card-section {
    padding: 12px 0 25px !important
  }

  .cta-link-right.mt-50:has(> a[href$="project.html"]) {
    margin-top: 10px !important;
    float: none !important;
    text-align: center !important
  }

  .cta-link-right.mt-50:has(> a[href$="project.html"]) .btn-underline-expand {
    padding: 0 !important;
    display: inline-block
  }

  .cta-link-right.mt-50:has(> a[href$="project.html"]) .btn-underline-expand::after {
    margin-top: 6px
  }

  #projects-cta {
    float: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center !important;
    margin: 55px auto 0 !important;
    width: 100%
  }

  section:has(.cta-link-right.mt-50 > a[href$="project.html"]) {
    padding-bottom: 12px !important
  }

  .project-snapshot .snap-key {
    margin-right: 6px
  }

  .project-snapshot .snap-ico {
    width: 26px;
    height: 26px
  }

  p.pt-20 {
    text-align: center !important;
    margin-left: auto;
    margin-right: auto
  }
}

@media (max-width:479.98px) {
  .project-snapshot .snap-key {
    margin-right: 5px
  }

  .project-snapshot .snap-ico {
    width: 22px;
    height: 22px
  }
}

@media (max-width:767.98px) {
  #ajax-response.ajax-response {
    margin-bottom: 44px !important
  }

  .tp-contact-content h5 {
    font-size: 15px;
    font-weight: 600;
    color: #393939;
    font-family: QanelasDEMO-Thin
  }

  .mfoot-brand {
    display: flex;
    align-items: center
  }

  .mfoot-brand .mfoot-logo {
    display: inline-flex !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
    z-index: 1
  }

  .mfoot-brand .mfoot-logo::after,
  .mfoot-brand .mfoot-logo::before {
    content: none !important
  }

  .mfoot-brand .mfoot-logo img {
    display: block;
    width: 120px;
    height: auto
  }

  .tp-team-author-info,
  .tp-team-author-info * {
    user-select: none !important;
    -webkit-touch-callout: none
  }

  .project-slider-section {
    padding-bottom: 12px !important;
    margin-bottom: 0 !important;
    position: relative
  }

  .related-projects-section {
    padding-top: 56px !important
  }

  .arrow-group-mobile {
    margin-top: 8px !important;
    margin-bottom: 6px !important
  }

  .project-slider-section .arrow-group-mobile {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 20;
    pointer-events: none
  }

  .project-slider-section .arrow-group-mobile .custom-arrow {
    pointer-events: auto;
    background: 0 0 !important;
    box-shadow: none !important;
    border: 0;
    border-radius: 0;
    padding: 8px
  }

  .project-slider-section .arrow-group-mobile .custom-arrow svg {
    width: 44px;
    height: 44px;
    color: #fff;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .2))
  }

  .rp-title {
    font-size: 20px !important
  }

  .project-slider-subtitle {
    font-size: 15px
  }

  .floating-btn {
    --size: 56px;
    --icon-size: 30px !important;
    width: var(--size);
    height: var(--size);
    display: inline-grid;
    place-items: center;
    border-radius: 9999px
  }

  .parasmart {
    font-size: 14px;
    line-height: 1.4;
    text-align: justify !important
  }

  .project-description {
    font-family: Qanelas-UltraLight !important;
    text-transform: uppercase;
    font-size: 40px !important;
    text-align: center !important;
    color: #5c5a5a !important;
    padding-top: 40px !important
  }
}

.tp-split-text {
  display: inline-block;
  overflow: hidden
}

.tp-split-text .char {
  display: inline-block;
  will-change: transform, opacity
}

.tpoffcanvas {
  right: 0;
  transform: translateX(100%);
  overflow: hidden
}

.tpoffcanvas-area.active .tpoffcanvas,
.tpoffcanvas.opened {
  transform: translateX(0);
  overflow-y: auto
}

.back-to-top-wrapper,
.body-overlay {
  overflow: hidden !important
}

@supports (-webkit-appearance:none) {
  html {
    overflow-y: scroll
  }

  body::-webkit-scrollbar {
    width: 0 !important
  }
}

@supports (scrollbar-gutter:stable) {
  html {
    scrollbar-gutter: auto
  }

  @media (min-width:992px) and (hover:hover) and (pointer:fine) {
    html {
      scrollbar-gutter: stable
    }
  }
}

.tp-project-3-item .project-overlay {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px
}

.tp-project-3-item .project-title {
  margin: 0 0 6px !important
}

.tp-project-3-item .project-location {
  display: block !important;
  margin: 0 !important;
  white-space: normal !important
}

.floating-btn {
  --size: 56px;
  --icon-size: 38px;
  width: var(--size);
  height: var(--size);
  display: inline-grid;
  place-items: center;
  border-radius: 9999px
}

.floating-btn .btn-icon {
  width: var(--icon-size);
  height: var(--icon-size);
  display: block;
  object-fit: contain
}

.services-section .section-title h2,
.tp-project-3-area .section-title h2 {
  margin-bottom: 10px
}

.services-section .section-title .divider,
.tp-project-3-area .section-title .divider {
  margin-top: 0
}

@media (min-width:992px) {
  #about-one-page .col-lg-7 {
    flex: 0 0 80% !important;
    max-width: 80% !important
  }

  #about-one-page .col-lg-5 {
    flex: 0 0 60% !important;
    max-width: 60% !important
  }

  .tp-project-4-area .tp-project-3-area {
    margin-top: -92px !important
  }

  .related-projects-section .wide-container {
    max-width: 2000px;
    padding-right: 70px;
    padding-top: 50px
  }

  .aboutus-section {
    padding-top: 50px
  }

  .tp-section-title {
    font-size: 65px
  }

  .tp-section-founder {
    font-size: 22px
  }

  .form-card-background .tp-contact-box .tp-contact-item {
    margin-left: -55px
  }

  button.tp-btn-theme.black-bg.send-btn {
    font-size: 20px !important
  }

  #about-one-page .about-content {
    padding: 136px 16px 0 28px !important;
    max-width: 800px
  }

  #about-one-page .tp-section-title-home {
    margin: 0 0 14px !important;
    text-align: left;
    font-size: 62px
  }

  #about-one-page .about-description1 {
    text-align: justify !important;
    margin: 30px 0 2px !important;
    line-height: 1.7;
    max-width: 56ch
  }

  #about-one-page .cta-link-about {
    margin-top: 50px !important
  }

  #member-ayham {
    margin-left: -20px !important
  }

  .aboutus-title.tp-split-text {
    display: block;
    margin-inline: auto;
    text-align: center
  }

  .tp-project-3-area .project-overlay {
    bottom: 36px;
    overflow: visible !important
  }

  .tp-project-3-area .project-title {
    margin-bottom: 8px
  }

  .tp-project-3-area .project-location {
    line-height: 1.25 !important;
    padding-bottom: 0;
    display: block
  }

  @supports (-webkit-touch-callout:none) {
    .tp-project-3-area .project-location {
      transform: translateY(-1px)
    }
  }

  .tp-project-details-content {
    padding-top: 45px
  }

  .tp-project-details-area-project {
    padding-top: 35px
  }

  .tp-project-3-area .tp-project-3-title-wrap {
    margin-bottom: 24px !important
  }

  .tp-project-3-area .section-title p {
    margin-bottom: -10px !important
  }

  .tp-project-3-area .row.grid-2 {
    margin-top: 0
  }

  .tp-project-3-item .project-overlay {
    bottom: 40px;
    gap: 28px
  }

  .tp-project-3-item .project-title {
    margin: 0 !important
  }

  .tp-project-3-item .project-location {
    margin: 0 !important;
    line-height: 1.25 !important
  }

  .tp-faq-area {
    padding-top: 100px;
    padding-bottom: 0 !important
  }
}

.tp-project-3-area .project-overlay {
  overflow: visible !important
}

.privacy-policy-section ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0
}

.privacy-policy-section li {
  position: relative;
  padding-left: 1.25em;
  line-height: 1.6;
  margin: .35em 0
}

.privacy-policy-section li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: .05em;
  font-size: 1.1em;
  line-height: 1;
  font-weight: 600
}

.privacy-policy-section h1,
.privacy-policy-section h3,
.privacy-policy-section p {
  margin-left: 0
}

@media (max-width:767px) {
  button.tp-btn-theme.black-bg.send-btn {
    height: 54px !important;
    line-height: 44px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
    border-radius: 10px !important
  }

  button.tp-btn-theme.black-bg.send-btn:hover {
    transform: none !important;
    box-shadow: none !important
  }

  .floating-btn img {
    width: 22px !important;
    height: 22px !important
  }
}

@media (min-width:768px) and (max-width:991.98px) {
  button.tp-btn-theme.black-bg.send-btn {
    height: 48px !important;
    line-height: 48px !important;
    padding: 0 20px !important;
    font-size: 15px !important
  }
}

.arrow-group-mobile .custom-arrow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-drag: none;
  cursor: pointer;
  touch-action: manipulation
}

.arrow-group-mobile .custom-arrow svg {
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none
}

@media (min-width:992px) {
  .floating-btn {
    width: 65px;
    height: 65px
  }

  .floating-btn img {
    width: 35px;
    height: 35px
  }
}

@media (hover:none),
(pointer:coarse),
(max-width:767.98px) {

  .services-card-section .service-item,
  .services-card-section .service-item:active,
  .services-card-section .service-item:focus,
  .services-card-section .service-item:hover {
    transform: none !important;
    box-shadow: none !important
  }

  .services-card-section .service-item img {
    transform: none !important;
    transition: none !important
  }

  .services-card-section .service-item:active img,
  .services-card-section .service-item:focus img,
  .services-card-section .service-item:hover img {
    transform: none !important
  }

  .services-card-section .service-item {
    transition: none !important
  }

  .services-card-section .hover-underline:active,
  .services-card-section .hover-underline:focus,
  .services-card-section .hover-underline:hover {
    text-decoration: none !important;
    background-size: 0 2px !important
  }
}

@media (max-width:767.98px) {
  #privacyTitle {
    margin-top: 55px !important
  }

  #faqcover {
    margin-top: 50px !important
  }

  .faqpullup {
    margin-top: -20px !important
  }

  .tp-faq-area {
    padding-top: 50px;
    padding-bottom: 0 !important
  }

  :root {
    --form-mobile-bg: #f6f2ea;
    --contact-block-gap: 10px
  }

  .tp-form-area {
    background: var(--form-mobile-bg);
    padding-top: 38px !important
  }

  .tp-form-box .pt-20{
  padding-bottom: 20px !important;
  }

  .form-card-background,
  .form-card-background .tp-contact-box,
  .form-card-background .tp-form-box {
    background: 0 0 !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important
  }

  .form-card-background::after,
  .form-card-background::before {
    display: none !important;
    content: none !important
  }

  .tp-form-top .row>[class*=col-] {
    margin-bottom: 120px
  }

  .tp-form-input-box input,
  .tp-form-textarea-box textarea {
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 8px
  }

  .tp-contact-box .tp-contact-item {
    gap: 10px;
    padding: 8px 0
  }

  .tp-contact-box .tp-contact-icon-2 {
    width: 78px !important;
    height: 58px !important;
    flex: 0 0 58px !important;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center
  }

  .tp-contact-box .tp-contact-icon-2>span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
  }

  .tp-contact-box .tp-contact-icon-2 img.icon-ico {
    width: 28px !important;
    height: 28px !important;
    object-fit: contain;
    display: block;
    margin: 0
  }

  .tp-contact-box ul>li {
    margin: 0 !important;
    padding: 0 !important
  }

  .tp-contact-box ul>li+li {
    margin-top: var(--contact-block-gap) !important
  }

  .tp-contact-box ul {
    gap: 0 !important
  }

  .tp-form-box.tp-form-box-style-2 p.pt-20 {
    padding-top: 0 !important;
    margin: 0 0 -30px !important
  }

  .tp-form-box.tp-form-box-style-2 p.pt-20+form,
  .tp-form-box.tp-form-box-style-2 p.pt-20+form .row,
  .tp-form-box.tp-form-box-style-2 p.pt-20+form .row>[class*=col-]:first-child .tp-form-input-box,
  .tp-form-box.tp-form-box-style-2 p.pt-20+form .tp-form-input-box:first-of-type {
    margin-top: 0 !important
  }

  .tp-form-top {
    padding-bottom: 8px !important
  }

  .tp-contact-box li.contact-cta,
  .tp-contact-box li.contact-cta .tp-contact-item {
    margin-bottom: 0 !important
  }

  .tp-contact-box li.contact-cta .tp-btn--contact {
    margin: 20 !important
  }

  .tp-form-area {
    padding-bottom: 6px !important
  }

  .contact-map {
    margin-top: -48px !important
  }
}

@media (min-width:768px) and (max-width:1024.98px) {
  .container {
    width: min(940px, 92%);
    padding-left: 28px;
    padding-right: 28px
  }

  section {
    padding-top: 56px;
    padding-bottom: 56px
  }

  .container>img:first-child,
  .section-title+img {
    display: block;
    width: 100%;
    max-width: 880px;
    margin: 0 auto 22px;
    height: auto
  }

  .section-title h1,
  .section-title h2,
  .tp-section-title {
    font-size: clamp(28px, 4.2vw, 40px);
    line-height: 1.18;
    letter-spacing: .06em;
    margin-bottom: 12px;
    text-align: center
  }

  .section-title p,
  .tp-section-title+p {
    font-size: clamp(14px, 1.8vw, 18px);
    line-height: 1.6;
    max-width: 62ch;
    margin: 0 auto 14px;
    text-align: center
  }

  .btn-underline-expand,
  .section-title+p+a {
    margin-top: 6px;
    display: inline-block
  }

  .services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 20px
  }

  .tp-form-area {
    padding-top: 64px;
    padding-bottom: 40px
  }

  .tp-form-box-style-2 .tp-section-title {
    margin-bottom: 10px
  }

  .tp-form-box-style-2 .tp-section-title+p {
    margin: 0 0 10px
  }

  .tp-form-box-style-2 #contact-form {
    margin-top: 0
  }

  #about-one-page .section-title p,
  #about-one-page .tp-section-title-home+p.about-description1 {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    text-align: left !important
  }

  #about-one-page .about-content {
    padding-left: 0 !important;
    padding-right: 0 !important
  }
}

@media (min-width:768px) and (max-width:1024.98px) and (orientation:landscape) {
  .container {
    width: min(1000px, 92%)
  }

  .container>img:first-child,
  .section-title+img {
    max-width: 920px;
    margin-bottom: 24px
  }
}

@media (min-width:768px) and (max-width:1024.98px) {
  .cta-link-about {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
  }

  .cta-link-about .btn-underline-expand {
    display: inline-block;
    margin: 0 !important;
    float: none !important
  }

  .services-card-section .section-title {
    margin-bottom: 18px !important;
    text-align: center
  }

  .services-card-section .section-title h2 {
    font-size: clamp(26px, 4vw, 38px);
    margin-bottom: 8px
  }

  .services-card-section .section-title p {
    margin: 0 auto 12px;
    max-width: none;
    font-size: clamp(13px, 1.8vw, 26px);
    line-height: 1.5
  }

  .services-card-section .services-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(280px, 1fr));
    gap: 20px 24px;
    width: min(920px, 92%);
    margin: 10px auto 0;
    justify-items: center;
    align-items: start
  }

  .services-card-section .service-item {
    width: 100%;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
  }

  .services-card-section .service-item img {
    width: 100%;
    height: clamp(180px, 28vw, 230px);
    aspect-ratio: 4/3;
    object-fit: cover;
    display: block
  }

  .services-card-section .service-caption {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    font-size: clamp(14px, 2.2vw, 18px);
    line-height: 1.12;
    letter-spacing: .06em;
    text-wrap: balance
  }

  .services-card-section .cta-link-right-1 {
    display: flex;
    justify-content: center;
    margin-top: 16px !important
  }

  
  .tp-project-3-area .project-overlay,
  .tp-project-3-area .tp-project-3-content {
    padding: 14px 16px !important
  }

  .tp-project-3-area .project-title,
  .tp-project-3-area .tp-project-3-title {
    font-size: clamp(14px, 2.1vw, 20px) !important;
    line-height: 1.08 !important;
    letter-spacing: .05em !important;
    text-wrap: balance;
    hyphens: auto
  }

  
  .tp-project-3-area .tp-project-3-cat {
    font-size: clamp(10px, 1.4vw, 12px) !important;
    line-height: 1.1 !important;
    letter-spacing: .08em !important;
    opacity: .95;
    margin-bottom: 4px !important
  }

  .tp-project-3-area .project-location,
  .tp-project-3-area .tp-project-3-subtitle {
    font-size: clamp(12px, 1.8vw, 16px) !important;
    line-height: 1.15 !important;
    text-wrap: balance;
    hyphens: auto;
    margin-top: 4px !important
  }
}

@media only screen and (min-width:375px) {
  .section-title p {
    font-size: 16px;
    color: #666;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    line-height: 1.6;
    font-family: qanelas-light, Arial, sans-serif;
    text-wrap: wrap
  }
}

.founder-card-section .founder-section {
  min-width: 0 !important
}

.jude {
  font-size: clamp(14px, 1.4vw, 22px);
  line-height: 1.8;
  color: #676161;
  text-align: justify;
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
  max-width: min(1100px, 100%) !important
}

.founder-card-section .founder-inner {
  max-width: none !important
}

@media (min-width:1440px) {
  .jude {
    max-width: min(1300px, 100%) !important;
    font-size: 22px !important;
    line-height: 1.8
  }
}

@media (max-width:300px) {
  .jude {
    line-height: 1.8
  }
}

@media (min-width:1600px) {
  .related-projects-section .wide-container {
    margin: 0 auto;
    transform: none
  }

  .jude {
    max-width: min(1400px, 100%) !important
  }

  .founder-card-section .container-fluid.p-0 {
    padding-right: clamp(24px, 3vw, 56px) !important
  }
}

@media (min-width:1920px) {
  .jude {
    max-width: min(1600px, 100%) !important
  }
}

.founder-card-section .tp-section-title {
  display: block !important;
  width: 100% !important;
  white-space: normal !important;
  margin-bottom: 8px
}

.founder-card-section .tp-section-founder {
  display: block !important;
  position: static !important;
  float: none !important;
  margin-top: 0
}


/* CONTACT — remove any dark outline/frames on the right info card */
.tp-form-area .form-card-background,
.tp-form-area .tp-contact-box {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-clip: padding-box
}

.tp-form-area .container::after,
.tp-form-area .container::before,
.tp-form-area .form-card-background::after,
.tp-form-area .form-card-background::before,
.tp-form-area .tp-contact-box::after,
.tp-form-area .tp-contact-box::before,
.tp-form-area::after,
.tp-form-area::before {
  content: none !important;
  border: 0 !important;
  box-shadow: none !important
}

.tp-header-area,
.tp-header-area.tp-header-sticky,
.tp-header-area.tp-header-sticky-cloned,
.tp-header-sticky,
.tp-header-sticky.tp-header-sticky-active {
  position: relative;
  z-index: 1000;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .06)
}


@media (min-width:1200px) {

  .tp-header-menu>nav,
  .tp-header-menu>nav>ul {
    display: flex !important;
    padding: 0 !important
  }

  .tp-header-menu,
  .tp-header-style-5 .tp-header-menu {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important
  }

  .tp-header-menu>nav {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 0;
    bottom: 0;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    white-space: nowrap;
    z-index: 1
  }

  .tp-header-menu>nav>ul {
    gap: 35px;
    margin: 0 auto !important;
    list-style: none
  }
}


.founder-card-section .jude {
  -webkit-hyphens: none !important;
  -moz-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important
}


/* Small phones ~360px wide (Samsung S8+ etc.) */
@media (min-width:360px) and (max-width:380px){

  /* widen the text column a bit so justification doesn't create rivers */
  .founder-card-section .founder-inner{
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  /* clean, even justification */
  .founder-card-section .jude{
    text-align: justify !important;
    text-align-last: left !important;        /* last line not stretched */
    text-justify: inter-word !important;     /* better spacing where supported */
    line-height: 1.7 !important;            /* tune 1.8–1.9 to taste */
    letter-spacing: .005em;                  /* micro tracking for readability */
    word-spacing: .015em;                    /* smooths gaps a touch */
    -webkit-hyphens: auto !important;        /* allow soft hyphenation to avoid big gaps */
    hyphens: none !important;
    text-wrap: pretty;                        /* Chrome enhancement */
  }

  .tp-form-box .pt-20{
  padding-bottom: 20px !important;
  }
}


.hero-wrap {
  position: relative;
  min-height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden
}

.hero-wrap .hero-img,
.hero-wrap picture {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

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

.tp-slider-3-height[style] {
  background: 0 0 !important
}



/* kill any leftover background-image on the old hero container */
.tp-slider-3-height[style]{ background:none !important; }

/* full-bleed cover */
.hero-wrap{ position:relative; min-height:100svh; overflow:hidden; }
.hero-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }


/* Kill the background flash behind the hero */
#slider-one-page .tp-slider-3-height{
  background: transparent !important;
}


/* Laptop and up */
@media (min-width: 992px){
  .intro-desktop{
    font-size: clamp(20px, 1.35vw, 24px)!important;
    line-height: 1.6;
  }

  .tp-form-box .pt-20{
  text-wrap: nowrap !important;
  }
}

/* Large desktop */
@media (min-width: 1440px){
  .intro-desktop{
    font-size: clamp(22px, 1.2vw, 28px)!important;
  }

  .tp-form-box .pt-20{
  text-wrap: nowrap !important;
  }
}



/* iPad & similar tablets */
@media (min-width:768px) and (max-width:1024.98px) {
  /* stack and make each block full width */
  #about-one-page .row { flex-direction: column !important; }

  #about-one-page .col-lg-6,
  #about-one-page .col-md-12,
  .about-section.about-image-left-align .col-md-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* slim container gutters */
  #about-one-page .container-fluid {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  /* let the text span the full width */
  #about-one-page .about-content {
    width: 90% !important;
    text-align: center;
    max-width: none !important;
    padding: 24px 18px 16px !important;
    margin: 0 !important;
  }

  /* ensure image also stretches full width */
  #about-one-page .about-image img {
    width: 100% !important;
    height: auto !important;
    display: block;
  }

    /* Center the whole text column */
  #about-one-page .about-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  /* Center heading and paragraph (override desktop left/justify) */
  #about-one-page .tp-section-title-home,
  #about-one-page .about-description1 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-bottom: 30px;
  }

  /* Keep paragraph readable but centered; tweak if you want wider/narrower */
  #about-one-page .about-description1 { max-width: 64ch !important; }

  /* Center the READ MORE button */
  #about-one-page .cta-link-about {
    display: flex !important;
    justify-content: center !important;
  }

    #about-one-page .about-description1 {
    font-size: clamp(18px, 2.0vw, 20px) !important; /* ~18–20px across iPad Mini → iPad Pro */
    line-height: 1.75 !important;
  }

}


/* ===== MOBILE HERO LANDING ===== */

/* default: don't break desktop */
.hero-brand {
  display: none;
}

@media (max-width: 768px) {

  /* lock first screen */
  .hero-wrap {
    /* same warm cream tone as your header */
    background-color: #f8f4ea;
    display: flex;
    flex-direction: column;

    /* take the whole first phone screen so
       user must scroll to see rest */
    min-height: 100vh;

    /* avoid weird gaps */
    width: 100%;
  }

  /* let the render fill the available top space */
  .hero-wrap picture {
    flex: 1 1 auto;
    display: block;
    width: 100%;
  }

  .hero-wrap .hero-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;   /* makes it act like your screenshot crop */
  }

  /* cream band with “TÉR DESIGN STUDIO” */
  .hero-brand {
    display: block;
    background-color: #f8f4ea; /* match header bar */
    padding: 24px 16px 32px;
    text-align: center;
    border-top: none;
  }

  .hero-brand__title {
    font-family: 'qanelas-light', sans-serif;
    font-size: 1.5rem;        /* ~24px on most phones */
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: 0.03em;
    color: #4a413a;           /* soft brown/grey like your UI */
    margin: 0;
    text-transform: uppercase;
  }
}


/* Base / desktop / tablet */
.hero-wrap {
  position: relative;
  min-height: 100dvh;        /* take the full screen */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.hero-wrap .hero-img,
.hero-wrap picture {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

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

/* Normal phones */
@media (max-width: 767px) {
  .hero-wrap {
    min-height: 70vh;        /* leave room so the next section title shows */
  }
}

/* EXTRA small / short phones (iPhone 6/6s/SE/etc.) */
@media (max-width: 400px), (max-height: 600px) {
  .hero-wrap {
    min-height: 60vh;        /* even shorter hero so heading is guaranteed visible */
  }
}


/* Off-canvas engine */
.tpoffcanvas {
  position: fixed; top: 0; right: 0; height: 100vh; width: 360px; max-width: 86vw;
  background: #FFF8ED; box-shadow: -10px 0 24px rgba(0,0,0,.12);
  transform: translateX(100%); opacity: 0; visibility: hidden;
  transition: transform .35s ease, opacity .25s ease;
  z-index: 10002;
}

/* When the area is active, slide the panel in */
.tpoffcanvas-area.active .tpoffcanvas { 
  transform: translateX(0); opacity: 1; visibility: visible; 
}

/* Overlay */
.body-overlay{
  position: fixed; inset: 0; background: rgba(0,0,0,.45);
  opacity: 0; visibility: hidden; transition: opacity .25s ease;
  z-index: 10001;
}
.body-overlay.active{ opacity: 1; visibility: visible; }

/* Optional: keep header button above overlay */
.tp-header-bar{ position: relative; z-index: 10003; }


/* in assets/css/main.css (or your global CSS) */
#loading { display: none !important; }