@charset "UTF-8";

@import url("../../../../css2");
.product__thumb img, .product__details-thumb-nav .nav-link::after, .product__details-tab-nav .tp-tab-line, .mean-container .mean-nav ul li > a.mean-expand i, .tp-product-tab-2 .nav-tabs .nav-link .tp-product-tab-tooltip, .tp-tab-line, .tp-swiper-dot .swiper-pagination-bullet, .tp-swiper-dot .swiper-pagination-bullet::after, .tp-swiper-dot .swiper-pagination-bullet::before, .tp-swiper-dot-border .swiper-pagination-bullet, .tp-swiper-scrollbar, .back-to-top-wrapper, a,
button,
p,
input,
select,
textarea,
li,
.transition-3 { -webkit-transition: all 0.3s 0s ease-out; -moz-transition: all 0.3s 0s ease-out; -ms-transition: all 0.3s 0s ease-out; -o-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; }
.tp-hotspot 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); }
.tp-hero-title { font-family: var(--tp-ff-dmsans); }
.tp-hero-content > span, .tp-hero-title span { font-family: var(--tp-ff-garamond); }
.tp-product-tab-2 .nav-tabs .nav-link:not(:first-child)::after, .breadcrumb__list span:not(:last-child)::after { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

:root { --tp-ff-body: "DM Sans", sans-serif; --tp-ff-heading: "Plus Jakarta Sans", sans-serif; --tp-ff-p: "DM Sans", sans-serif; --tp-ff-fontawesome: "Font Awesome 6 Pro"; --tp-common-white: #ffffff; --tp-common-black: #12062c; --tp-common-gray: #6d6c71; --tp-common-gray1: #eaedfe; --tp-common-gray2: #f4f4f4; --tp-common-gray3: #ebebeb; --tp-common-gray4: #f5f8ff; --tp-heading-primary: #1a1a18; --tp-heading-1: #03bfad; --tp-heading-2: #212e44; --tp-heading-3: #ff3f79; --tp-heading-4: #0d031e; --tp-heading-5: #0f0f0f; --tp-grey-1: #F6F7F9; --tp-grey-2: #f5f5ff; --tp-grey-3: #dadada; --tp-grey-4: #e8e8e8; --tp-grey-5: #f2f2ff; --tp-grey-6: #e5e5e5; --tp-grey-7: #e7e7f1; --tp-grey-8: #e8e7ea; --tp-grey-9: #ffe9ef; --tp-grey-10: #e7e7e7; --tp-grey-11: #ccccce; --tp-grey-12: #e2dfe7; --tp-grey-13: #f7f7f7; --tp-grey-14: #978da8; --tp-grey-15: #dee9f6; --tp-grey-16: #f0f0f0; --tp-grey-17: #d3d6db; --tp-grey-18: #9a9797; --tp-grey-19: #cfc7e1; --tp-grey-20: #f2edeb; --tp-grey-21: #c5c0d0; --tp-grey-22: #fbf8ff; --tp-grey-23: #f4f5f7; --tp-grey-24: #eee3ff; --tp-grey-25: #918ea4; --tp-grey-26: #fff7f3; --tp-text-body: #67677a; --tp-text-p: #767A7D; --tp-text-li: #948aaa; --tp-text-skill: #000000; --tp-text-1: #dde4f7; --tp-text-2: #6a6a6a; --tp-text-3: #a09baa; --tp-text-4: #55585B; --tp-text-5: #A3A5A7; --tp-text-6: #8d91a2; --tp-text-7: #423264; --tp-text-8: #867aa4; --tp-text-9: #271b40; --tp-text-10: #767676; --tp-text-11: #0f0d1d; --tp-text-12: #a1a1a1; --tp-text-13: #00a393; --tp-text-14: #8977f6; --tp-text-15: #7d2df4; --tp-text-16: #2e3d4f; --tp-text-17: #51c107; --tp-text-18: #0e0927; --tp-text-19: #8348de; --tp-text-20: #ddd; --tp-text-21: #12e8d4; --tp-text-22: #6222cc; --tp-text-23: #676776; --tp-text-24: #a366ff; --tp-text-25: #13072d; --tp-text-26: #3e3e59; --tp-text-27: #f4d5de; --tp-theme-primary: #94c11c; --tp-border-primary: #fff; --tp-border-secondary: #812efa; --tp-border-1: #ebebeb; --tp-border-2: #d4dbe3; --tp-border-3: #e0e0e0; --tp-border-4: #d8d5d5; }

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: var(--tp-ff-body); font-size: 16px; font-weight: normal; color: var(--tp-text-body); line-height: 30px; }
a { text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: var(--tp-ff-heading); color: var(--tp-heading-primary); margin-top: 0px; font-weight: 700; line-height: 1.2; -webkit-transition: color 0.3s 0s ease-out; -moz-transition: color 0.3s 0s ease-out; -ms-transition: color 0.3s 0s ease-out; -o-transition: color 0.3s 0s ease-out; transition: color 0.3s 0s ease-out; }

h1 { font-size: 40px; }
h2 { font-size: 36px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }
ul { margin: 0px; padding: 0px; }
p { font-family: var(--tp-ff-p); font-size: 16px; font-weight: 400; color: var(--tp-text-body); margin-bottom: 15px; line-height: 30px; }
a:not([href]):not([class]),
a:not([href]):not([class]):hover { color: inherit; text-decoration: none; }
a:focus,
.button:focus { text-decoration: none; outline: none; }
a:focus,
a:hover { color: inherit; text-decoration: none; }
a,
button { color: inherit; outline: none; border: none; background: transparent; }
button:hover { cursor: pointer; }
button:focus { outline: 0; }
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.mymedya { position: relative; top: -2px; left: 4px; }
.tarihcss { padding: 4px 0 0 0; display: block; font-weight: 600; font-size: 18px; }
.FotoGaleris .item { width: 32.3%; float: left; border: 1px solid #EEE; margin: 0 1% 1% 0; }
.FotoGaleris .item:hover { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.FotoGaleris .item:nth-child(3n) { margin-right: 0; }
.FotoGaleris img { width: 100%; height: 240px; object-fit: cover; object-position: 50% 20%; }

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
textarea { outline: none; background-color: #fff; height: 56px; width: 100%; line-height: 56px; font-size: 14px; color: var(--tp-common-black); padding-left: 20px; padding-right: 20px; border: 1px solid #E0E2E3; }
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #95999D; }
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder { /* Firefox 19+ */ color: #95999D; }
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder { /* Firefox 4-18 */ color: #95999D; }
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* IE 10+  Edge*/ color: #95999D; }
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=url]::placeholder,
textarea::placeholder { /* MODERN BROWSER */ color: #95999D; }
[dir=rtl] input[type=text],
[dir=rtl] input[type=email],
[dir=rtl] input[type=tel],
[dir=rtl] input[type=number],
[dir=rtl] input[type=password],
[dir=rtl] input[type=url],
[dir=rtl] textarea { text-align: right; }
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=url]:focus,
textarea:focus { border-color: var(--tp-theme-primary); }
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder { opacity: 0; }
textarea { line-height: 1.4; padding-top: 17px; padding-bottom: 17px; }
input[type=color] { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: none; border: 0; cursor: pointer; height: 100%; width: 100%; padding: 0; border-radius: 50%; }

.btnsend { background: #94c11c; display: inline-flex; justify-content: center; gap: 10px; border: none; outline: none !important; color: var(--tp-common-white); font-size: 16px; font-weight: 700; padding: 22px 51px; line-height: 1; transition: 500ms; text-transform: capitalize; position: relative; overflow: hidden; text-align: center; z-index: 1; }
.btnsend:hover { background: var(--tp-common-black); color: var(--tp-common-white); }

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

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

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

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

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

.w-img img { width: 100%; }

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

.fix { overflow: hidden; }

.clear { clear: both; }

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

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

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

.p-relative { position: relative; }

.p-absolute { position: absolute; }

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

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

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

.body-overlay { background-color: var(--tp-common-black); height: 100%; width: 100%; position: fixed; top: 0; z-index: 9999; left: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s 0s ease-out; -moz-transition: all 0.3s 0s ease-out; -ms-transition: all 0.3s 0s ease-out; -o-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; }
.body-overlay:hover { cursor: url("../img/icon/cross-out.png"), pointer; }

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

.tp-dropcap::first-letter { font-size: 90px; font-weight: 500; float: left; text-align: center; color: var(--tp-common-black); margin-right: 5px; line-height: inherit; text-transform: capitalize; }

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

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

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

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-gx-20 { --bs-gutter-x: 15px; }
}

@media (max-width: 767px) {
	.tp-gx-20 { --bs-gutter-x: 10px; }
}

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

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

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

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-gx-30 { --bs-gutter-x: 15px; }
}

@media (max-width: 767px) {
	.tp-gx-30 { --bs-gutter-x: 10px; }
}

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

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

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

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-gx-40 { --bs-gutter-x: 30px; }
}

@media (max-width: 767px) {
	.tp-gx-40 { --bs-gutter-x: 15px; }
}

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

@media (min-width: 1400px) {
	.container-large { max-width: 1325px; }
}

.back-to-top-wrapper { position: fixed; right: 30px; bottom: 0; height: 44px; width: 44px; cursor: pointer; display: block; border-radius: 50%; z-index: 99; opacity: 0; visibility: hidden; }

@media (max-width: 767px) {
	.back-to-top-wrapper { right: 20px; bottom: 12px !important; }
}

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

.back-to-top-btn { display: inline-block; width: 44px; height: 44px; line-height: 44px; text-align: center; background: var(--tp-theme-primary); box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3); color: var(--tp-common-white); border-radius: 7px; -webkit-transition: all 0.3s 0s ease-out; -moz-transition: all 0.3s 0s ease-out; -ms-transition: all 0.3s 0s ease-out; -o-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; }
.back-to-top-btn svg { -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); }
.back-to-top-btn:hover { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -ms-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px); }

.tp-theme-settings-area { position: fixed; top: 50%; left: 0; width: 240px; background-color: #fff; border: 1px solid #EAEAEF; -webkit-transform: translateY(-50%) translateX(-100%); -moz-transform: translateY(-50%) translateX(-100%); -ms-transform: translateY(-50%) translateX(-100%); -o-transform: translateY(-50%) translateX(-100%); transform: translateY(-50%) translateX(-100%); z-index: 991; direction: ltr; border-bottom-right-radius: 4px; }
.tp-theme-settings-area.settings-opened { -webkit-transform: translateY(-50%) translateX(0%); -moz-transform: translateY(-50%) translateX(0%); -ms-transform: translateY(-50%) translateX(0%); -o-transform: translateY(-50%) translateX(0%); transform: translateY(-50%) translateX(0%); }
.tp-theme-settings-area.settings-opened .tp-theme-settings-gear { opacity: 0; }
.tp-theme-settings-area.settings-opened .tp-theme-settings-close { opacity: 1; }
.tp-theme-settings-open { position: absolute; top: -1px; left: 100%; }
.tp-theme-settings-open button { background-color: var(--tp-common-white); border: 1px solid #EAEAEF; border-left: 0; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: var(--tp-common-black); position: relative; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.tp-theme-settings-gear { display: inline-block; -webkit-animation: tp-theme-setting-spin 4s linear infinite; -moz-animation: tp-theme-setting-spin 4s linear infinite; -ms-animation: tp-theme-setting-spin 4s linear infinite; -o-animation: tp-theme-setting-spin 4s linear infinite; animation: tp-theme-setting-spin 4s linear infinite; }

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

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

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

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

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

.tp-header-btn { display: inline-flex; justify-content: center; gap: 10px; border: none; outline: none !important; background-color: var(--tp-heading-secondary); color: var(--tp-common-white); font-size: 16px; font-weight: 700; padding: 18px 53px; line-height: 1; transition: 500ms; position: relative; overflow: hidden; text-align: center; z-index: 1; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-header-btn { padding: 18px 45px; }
}

.tp-header-btn::before { content: ""; position: absolute; top: -50%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-top-left-radius: 50%; border-top-right-radius: 50%; background-color: var(--tp-theme-primary); transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.tp-header-btn::after { content: ""; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: var(--tp-heading-primary); transition-duration: 700ms; transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.tp-header-btn span { position: relative; color: inherit; z-index: 2; transition: 0s; }
.tp-header-btn:hover { color: var(--tp-common-white); }
.tp-header-btn:hover::before { top: 100%; }
.tp-header-btn:hover::after { bottom: -50%; }
.tp-header-btn-white { color: var(--tp-heading-primary); font-weight: 600; }
.tp-header-btn-white::before { background-color: var(--tp-common-white); }

.tp-btn { display: inline-flex; justify-content: center; gap: 10px; border: none; outline: none !important; background-color: var(--tp-heading-secondary); color: var(--tp-common-white); font-size: 16px; font-weight: 700; padding: 22px 51px; line-height: 1; transition: 500ms; text-transform: capitalize; position: relative; overflow: hidden; text-align: center; z-index: 1; }
.tp-btn::before { content: ""; position: absolute; top: -50%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-top-left-radius: 50%; border-top-right-radius: 50%; background-color: var(--tp-theme-primary); transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.tp-btn::after { content: ""; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: var(--tp-heading-primary); transition-duration: 700ms; transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.tp-btn span { position: relative; color: inherit; z-index: 2; transition: 0s; }
.tp-btn:hover { color: var(--tp-common-white); }
.tp-btn:hover::before { top: 100%; }
.tp-btn:hover::after { bottom: -50%; }

.tp-btn-white { display: inline-flex; justify-content: center; gap: 10px; border: none; outline: none !important; background-color: var(--tp-heading-primary); color: var(--tp-heading-primary); font-size: 16px; font-weight: 700; padding: 22px 51px; line-height: 1; transition: 500ms; text-transform: capitalize; position: relative; overflow: hidden; text-align: center; z-index: 1; }
.tp-btn-white::before { content: ""; position: absolute; top: -50%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-top-left-radius: 50%; border-top-right-radius: 50%; background-color: var(--tp-common-white); transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.tp-btn-white::after { content: ""; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: var(--tp-heading-secondary); transition-duration: 700ms; transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.tp-btn-white span { position: relative; color: inherit; z-index: 2; transition: 0s; }
.tp-btn-white:hover { color: var(--tp-common-white); }
.tp-btn-white:hover::before { top: 100%; }
.tp-btn-white:hover::after { bottom: -50%; }

.tp-btn-border { display: inline-flex; justify-content: center; gap: 10px; border: none; outline: none !important; background-color: transparent; color: var(--tp-common-white); font-size: 16px; font-weight: 700; padding: 18px 44px; line-height: 1; transition: 500ms; text-transform: capitalize; position: relative; overflow: hidden; text-align: center; z-index: 1; border: 1px solid var(--tp-common-white); }
.tp-btn-border::before { content: ""; position: absolute; top: -50%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-top-left-radius: 50%; border-top-right-radius: 50%; background-color: transparent; transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.tp-btn-border::after { content: ""; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: transparent; transition-duration: 700ms; transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.tp-btn-border span { position: relative; color: inherit; z-index: 2; transition: 0s; }
.tp-btn-border:hover { color: var(--tp-common-white); border: 1px solid var(--tp-heading-primary); }
.tp-btn-border:hover::before { top: 100%; }
.tp-btn-border:hover::after { bottom: -50%; background-color: var(--tp-heading-primary); }

@-webkit-keyframes tp-pulse {
	0% { -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
	70% { -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); }
	100% { -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

@-moz-keyframes tp-pulse {
	0% { -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
	70% { -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); }
	100% { -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

@-ms-keyframes tp-pulse {
	0% { -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
	70% { -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); }
	100% { -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

@keyframes tp-pulse {
	0% { -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
	70% { -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); }
	100% { -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

@-webkit-keyframes tp-pulse-2 {
	0% { -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
	70% { -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); }
	100% { -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

@-moz-keyframes tp-pulse-2 {
	0% { -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
	70% { -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); }
	100% { -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

@-ms-keyframes tp-pulse-2 {
	0% { -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
	70% { -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); }
	100% { -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

@keyframes tp-pulse-2 {
	0% { -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
	70% { -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); }
	100% { -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

@-webkit-keyframes 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); }
}

@-webkit-keyframes borderanimate2 {
	0% { transform: translate(-50%, -50%) scale(0.8); }
	60% { opacity: 1; }
	100% { transform: translate(-50%, -50%) scale(2.5); opacity: 0; }
}

@-moz-keyframes borderanimate2 {
	0% { transform: translate(-50%, -50%) scale(0.8); }
	60% { opacity: 1; }
	100% { transform: translate(-50%, -50%) scale(2.5); opacity: 0; }
}

@-ms-keyframes borderanimate2 {
	0% { transform: translate(-50%, -50%) scale(0.8); }
	60% { opacity: 1; }
	100% { transform: translate(-50%, -50%) scale(2.5); opacity: 0; }
}

@keyframes borderanimate2 {
	0% { transform: translate(-50%, -50%) scale(0.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% { -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%); }
	90%, 100% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
}

@-moz-keyframes tp-mobile-view {
	0%, 10% { -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%); }
	90%, 100% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
}

@-ms-keyframes tp-mobile-view {
	0%, 10% { -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%); }
	90%, 100% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
}

@keyframes tp-mobile-view {
	0%, 10% { -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%); }
	90%, 100% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
}

@-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% { stroke-dashoffset: -356px; stroke-dasharray: 356px, 366px; }
	95% { stroke-dashoffset: 0; stroke-dasharray: 356px, 366px; }
	100% { stroke-dashoffset: 0; 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; }
}

@-webkit-keyframes ripple-blue {
	0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3); }
	100% { -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0); }
}

@keyframes ripple-blue {
	0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3); }
	100% { -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0); }
}

@-webkit-keyframes ripple-blue {
	0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3); }
	100% { -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0); }
}

@keyframes ripple-blue {
	0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3); }
	100% { -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0); }
}

@-webkit-keyframes section_stroke {
	0% { stroke-dashoffset: 560; }
	50% { stroke-dashoffset: 0; }
	100% { stroke-dashoffset: -560; }
}

@-moz-keyframes section_stroke {
	0% { stroke-dashoffset: 560; }
	50% { stroke-dashoffset: 0; }
	100% { stroke-dashoffset: -560; }
}

@-ms-keyframes section_stroke {
	0% { stroke-dashoffset: 560; }
	50% { stroke-dashoffset: 0; }
	100% { stroke-dashoffset: -560; }
}

@keyframes section_stroke {
	0% { stroke-dashoffset: 560; }
	50% { stroke-dashoffset: 0; }
	100% { stroke-dashoffset: -560; }
}

@keyframes bounce-thum-1 {
	0% { transform: translateX(0); }
	50% { transform: translateX(50px); }
	100% { transform: translateX(0); }
}

@keyframes bounce-thum-2 {
	0% { transform: rotate(3deg); }
	100% { transform: rotate(-3deg); }
}

@keyframes zoom-in-zoom-out {
	0% { transform: scale(0.3, 0.3); }
	50% { transform: scale(1, 1); }
	100% { transform: scale(0.3, 0.3); }
}

@keyframes rotate-thum {
	0% { transform: rotate(0); }
	50% { transform: rotate(160deg); }
	100% { transform: rotate(0); }
}

@keyframes moving {
	0% { transform: translatey(0px); }
	20% { transform: translateX(-30px); }
	50% { transform: translatey(-20px); }
	100% { transform: translatey(0px); }
}

@keyframes bounce-thum-3 {
	0% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
	100% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
}

@keyframes rotate-infinte {
	0% { transform: rotate(0deg); filter: hue-rotate(0); }
	100% { transform: rotate(360deg); filter: hue-rotate(360deg); }
}

@keyframes bicycle {
	from { transform: translateX(-640px); }
	to { transform: translatex(1380px); }
}

@keyframes micro {
	from { transform: translateX(620px); }
	to { transform: translateX(-1500px); }
}

@-moz-keyframes fadeInDown {
	0% { margin-top: -150px; }
	100% { margin-top: 0; }
}

@-ms-keyframes fadeInDown {
	0% { margin-top: -150px; }
	100% { margin-top: 0; }
}

@-webkit-keyframes fadeInDown {
	0% { margin-top: -150px; }
	100% { margin-top: 0; }
}

@keyframes fadeInDown {
	0% { margin-top: -150px; }
	100% { margin-top: 0; }
}

@-webkit-keyframes tfLeftToRight {
	49% { transform: translateX(30%); }
	50% { opacity: 0; transform: translateX(-30%); }
	100% { opacity: 1; }
}

@-moz-keyframes tfLeftToRight {
	49% { transform: translateX(30%); }
	50% { opacity: 0; transform: translateX(-30%); }
	100% { opacity: 1; }
}

@-ms-keyframes tfLeftToRight {
	49% { transform: translateX(30%); }
	50% { opacity: 0; transform: translateX(-30%); }
	100% { opacity: 1; }
}

@keyframes tfLeftToRight {
	49% { transform: translateX(30%); }
	50% { opacity: 0; transform: translateX(-30%); }
	100% { opacity: 1; }
}

.loader-wrapper { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; transition: 0.8s 1s ease; z-index: 9999; display: flex; justify-content: center; align-items: center; }

.loader { width: 100px; height: 100px; border-radius: 50%; display: inline-block; border-top: 4px solid var(--tp-theme-primary); border-right: 4px solid transparent; box-sizing: border-box; animation: rotation 1s linear infinite; position: relative; z-index: 11; }

.loader::after { content: ""; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100px; height: 100px; border-radius: 50%; border-bottom: 4px solid var(--tp-common-white); border-left: 4px solid transparent; }

@keyframes rotation {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.loader-wrapper .loder-section { position: fixed; top: 0; width: 50%; height: 100%; background: #111; z-index: 2; }

.loader-wrapper .loder-section.left-section { left: 0; transition: 1s 1.4s ease; }

.loader-wrapper .loder-section.right-section { right: 0; transition: 1s 1.4s ease; }

.loaded .loder-section.left-section { left: -100%; }

.loaded .loder-section.right-section { right: -100%; }

.loaded .loader-wrapper { visibility: hidden; }

.loaded .loader { top: -100%; opacity: 0; }

.loader-brand-icon { position: fixed; z-index: 2; }

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

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

[data-bg-color=footer-bg-grey] { background-color: var(--tp-footer-grey-1); }

[data-bg-color=footer-bg-white] { background-color: var(--tp-common-white); }

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

.tp-swiper-dot .swiper-pagination-bullet { width: 4px; height: 40px; opacity: 1; background-color: transparent; margin: 0 4px; position: relative; border-radius: 0; position: relative; }
.tp-swiper-dot .swiper-pagination-bullet::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; opacity: 1; content: ""; display: inline-block; }
.tp-swiper-dot .swiper-pagination-bullet::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; opacity: 1; content: ""; display: inline-block; background-color: #c8cce6; }
.tp-swiper-dot .swiper-pagination-bullet button { font-size: 0; display: none; }
.tp-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::after { background-color: var(--tp-theme-primary); width: 100%; height: 100%; }
.tp-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before { background-color: transparent; }
.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 { line-height: 1; }
.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, 11, 24, 0.4); }
.tp-swiper-dot-border .swiper-pagination-bullet button { font-size: 0; }
.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-dot-border .swiper-pagination-bullet:hover { border-color: var(--tp-common-black); }
.tp-swiper-dot-border.tp-swiper-dot-style-darkRed .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--tp-theme-secondary); }

.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, 11, 24, 0.1); border-radius: 50%; }
.tp-swiper-arrow button:hover { background-color: var(--tp-theme-primary); color: var(--tp-common-white); }

.tp-swiper-scrollbar { background-color: #EDEFF2; height: 2px; }
.tp-swiper-scrollbar .tp-swiper-scrollbar-drag { background-color: var(--tp-common-black); height: 100%; }
.tp-swiper-scrollbar .tp-swiper-scrollbar-drag:hover { cursor: pointer; }
.tp-swiper-scrollbar:hover, .tp-swiper-scrollbar:focus { -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; }
.tp-slick-dot .slick-dots li.slick-active button { background-color: var(--tp-common-white); }
.tp-slick-dot .slick-dots li button { font-size: 0; width: 10px; height: 10px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.2); }
.tp-slick-dot-blue .slick-dots li.slick-active button { background-color: var(--tp-theme-primary); }
.tp-slick-dot-blue .slick-dots li button { background-color: var(--tp-grey-3); }

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

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

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

.tp-pagination ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.tp-pagination ul li { 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, 11, 24, 0.1); font-size: 16px; font-weight: 500; color: var(--tp-text-body); }
.tp-pagination ul li a:hover, .tp-pagination ul li a.current, .tp-pagination ul li span:hover, .tp-pagination ul li span.current { background: var(--tp-theme-primary); border-color: var(--tp-theme-primary); color: var(--tp-common-white); }

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

.tpoffcanvas { background-position: center; background-size: cover; background-repeat: no-repeat; position: fixed; top: 0; right: -100%; width: 420px; bottom: 0; box-shadow: 0 16px -32px 0 rgba(0, 0, 0, 0.8); background-color: var(--tp-common-white); z-index: 999999; padding: 50px; scrollbar-width: none; opacity: 0; visibility: hidden; transition: 0.45s ease-in-out; overflow-y: scroll; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.tpoffcanvas { width: 480px; }
}

.tpoffcanvas .homemenu { margin-bottom: 30px; }
.tpoffcanvas .homemenu-title { font-size: 16px; font-weight: 600; }
.tpoffcanvas .homemenu-title:hover { color: var(--tp-theme-primary); }
.tpoffcanvas .tp-main-menu-mobile { margin-bottom: 50px; }
.tpoffcanvas .tp-main-menu-mobile { margin-bottom: 50px; }
.tpoffcanvas.opened { opacity: 1; visibility: visible; }

@media (max-width: 767px) {
	.tpoffcanvas { width: 100%; padding: 40px 35px; }
	.tpoffcanvas__logo { margin-bottom: 10px !important; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tpoffcanvas { width: 400px; padding: 40px; }
}

.tpoffcanvas.opened { right: 0; -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition-duration: 0.6s; }
.tpoffcanvas__title p { margin-bottom: 50px; }

@media (max-width: 767px) {
	.tpoffcanvas__title p { font-size: 17px; }
}

.tpoffcanvas__contact-title h5 { font-size: 24px; margin-bottom: 30px; display: inline-block; }
.tpoffcanvas__input-title h4 { font-size: 16px; letter-spacing: 2px; margin-bottom: 30px; display: inline-block; }
.tpoffcanvas__input { margin-bottom: 100px; }
.tpoffcanvas__input input { background: transparent; border: transparent; height: 60px; width: 100%; padding-left: 20px; padding-right: 80px; color: #000; border: 1px solid #EAEAEF; }
.tpoffcanvas__input input:focus { border-color: var(--tp-theme-primary); }
.tpoffcanvas__input button { height: 60px; width: 60px; background-color: var(--tp-theme-primary); color: var(--tp-common-white); font-size: 16px; position: absolute; top: 0; right: 0; }
.tpoffcanvas__contact-info { margin-bottom: 50px; }
.tpoffcanvas__contact-info ul li { font-size: 16px; margin-bottom: 15px; list-style-type: none; }

@media (max-width: 767px) {
	.tpoffcanvas__contact-info ul li { font-size: 14px; }
}

.tpoffcanvas__contact-info ul li i { color: var(--tp-theme-primary); }
.tpoffcanvas__contact-info ul li:last-child { margin-bottom: 0; }
.tpoffcanvas__contact-info ul li a { margin-left: 10px; color: var(--tp-heading-primary); }
.tpoffcanvas__contact-info ul li a:hover { color: var(--tp-theme-primary); }
.tpoffcanvas__contact-info ul li span { margin-left: 10px; /*color: var(--tp-heading-primary);*/ }
.tpoffcanvas__logo { margin-bottom: 60px; }

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

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

@media (max-width: 767px) {
	.tpoffcanvas__logo img { width: 150px; }
}

.close-btn { position: absolute; right: 40px; top: 50px; transition: 1s; -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition-duration: 0.3s; height: 40px; width: 40px; line-height: 45px; background-color: var(--tp-theme-primary); color: var(--tp-common-white); }

.tpoffcanvas__close-btn:hover i { transform: rotate(360deg); }
.tpoffcanvas__close-btn i { width: 100%; font-weight: 300; font-size: 20px; transition: 0.9s; text-align: center; cursor: pointer; }
.tpoffcanvas__social { margin-top: 30px; }
.tpoffcanvas__social .social-icon a { height: 40px; width: 40px; line-height: 40px; text-align: center; font-size: 16px; background-color: transparent; color: var(--tp-theme-primary); margin-right: 10px; transition: 0.3s; display: inline-block; border: 1px solid #EAEAEF; }

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

.tpoffcanvas__social .social-icon a:hover { background: var(--tp-theme-primary); color: var(--tp-common-white); border-color: var(--tp-theme-primary); }

.breadcrumb__title { font-weight: 500; font-size: 44px; line-height: 1; margin-bottom: 6px; }
.breadcrumb__title-pre { display: inline-block; height: 24px; line-height: 26px; font-size: 14px; color: #ffffff; font-weight: 500; background: var(--tp-theme-primary); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 7px; margin-bottom: 12px; }
.breadcrumb__list span { font-weight: 400; font-size: 16px; position: relative; }
.breadcrumb__list span:not(:last-child) { padding-right: 12px; margin-right: 5px; }
.breadcrumb__list span:not(:last-child)::after { position: absolute; content: ""; right: 0; top: 50%; width: 4px; height: 4px; background-color: #A8ACB0; border-radius: 50%; }
.breadcrumb__list span a:hover { color: var(--tp-theme-primary); }
.breadcrumb__overlay { position: relative; }
.breadcrumb__overlay::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(2, 11, 24, 0.5); }
.breadcrumb__style-2 .breadcrumb__list span:last-child { color: var(--tp-common-black); }
.breadcrumb__style-2 .breadcrumb__list span.breadcrumb-icon { padding-right: 0; margin-right: 0; }
.breadcrumb__style-2 .breadcrumb__list span.breadcrumb-icon svg { -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px); }
.breadcrumb__style-2 .breadcrumb__list.has-icon span:nth-child(1)::after { display: none; }
.breadcrumb__style-3 .breadcrumb__title { color: var(--tp-common-white); }
.breadcrumb__style-3 .breadcrumb__list span { color: var(--tp-common-white); }
.breadcrumb__style-3 .breadcrumb__list span:last-child { color: rgba(255, 255, 255, 0.8); }
.breadcrumb__style-3 .breadcrumb__list span:not(:last-child)::after { background-color: var(--tp-common-white); }
.breadcrumb__style-3 .breadcrumb__list span.breadcrumb-icon { padding-right: 0; margin-right: 0; }
.breadcrumb__style-3 .breadcrumb__list span.breadcrumb-icon svg { -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px); }
.breadcrumb__style-3 .breadcrumb__list span a:hover { color: var(--tp-common-white); }
.breadcrumb__style-3 .breadcrumb__list.has-icon span:nth-child(1)::after { display: none; }

.tp-tab .nav-tabs { padding: 0; margin: 0; border: 0; }
.tp-tab .nav-tabs .nav-link { padding: 0; margin: 0; border: 0; }

.tp-product-tab-2 .nav-tabs .nav-link { font-size: 20px; color: #A0A2A4; position: relative; }

@media (max-width: 767px) {
	.tp-product-tab-2 .nav-tabs .nav-link { font-size: 15px; }
}

.tp-product-tab-2 .nav-tabs .nav-link:not(:first-child) { margin-left: 28px; }
.tp-product-tab-2 .nav-tabs .nav-link:not(:first-child)::after { position: absolute; left: -17px; top: 50%; content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: #CED2D6; }
.tp-product-tab-2 .nav-tabs .nav-link.active { color: var(--tp-theme-secondary); }
.tp-product-tab-2 .nav-tabs .nav-link.active .tp-product-tab-tooltip { opacity: 1; visibility: visible; }
.tp-product-tab-2 .nav-tabs .nav-link .tp-product-tab-tooltip { position: absolute; top: -24px; right: 0; background-color: var(--tp-theme-secondary); color: var(--tp-common-white); font-size: 12px; line-height: 1; display: inline-block; padding: 4px 9px; border-radius: 4px; visibility: hidden; opacity: 0; font-weight: 700; }
.tp-product-tab-2 .nav-tabs .nav-link .tp-product-tab-tooltip::after { position: absolute; content: ""; bottom: 0; bottom: -5px; left: 7px; width: 13px; height: 6px; background-color: var(--tp-theme-secondary); clip-path: polygon(100% 0, 0 0, 28% 100%); }
.tp-product-tab-3 .nav-tabs .nav-link { font-size: 16px; padding: 0 0; }

@media (max-width: 767px) {
	.tp-product-tab-3 .nav-tabs .nav-link { font-size: 15px; }
}

.tp-product-tab-3 .nav-tabs .nav-link:not(:first-child) { margin-left: 23px; }
.tp-product-tab-3 .nav-tabs .nav-link:not(:first-child)::after { width: 4px; height: 4px; left: -14px; }
.tp-product-tab-3 .nav-tabs .nav-link.active { color: var(--tp-common-black); }
.tp-product-tab-3 .nav-tabs .nav-link.active .tp-product-tab-tooltip { opacity: 1; visibility: visible; }
.tp-product-tab-3 .nav-tabs .nav-link .tp-product-tab-tooltip { background-color: var(--tp-theme-primary); }
.tp-product-tab-3 .nav-tabs .nav-link .tp-product-tab-tooltip::after { background-color: var(--tp-theme-primary); }
.tp-product-tab-5 .nav-tabs .nav-link { padding: 0 5px; }

@media (max-width: 767px) {
	.tp-product-tab-5 .nav-tabs .nav-link { font-size: 15px; }
}

.tp-product-tab-5 .nav-tabs .nav-link:not(:last-child)::after { left: -15px; }
.tp-product-tab-5 .nav-tabs .nav-link:not(:first-child) { margin-left: 22px; }
.tp-product-tab-5 .nav-tabs .nav-link.active { color: var(--tp-common-black); }
.tp-product-tab-5 .nav-tabs .nav-link.active .tp-product-tab-tooltip { opacity: 1; visibility: visible; }
.tp-product-tab-5 .nav-tabs .nav-link .tp-product-tab-tooltip { background-color: var(--tp-theme-green); }
.tp-product-tab-5 .nav-tabs .nav-link .tp-product-tab-tooltip::after { background-color: var(--tp-theme-green); }

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

.tp-section-subtitle { color: var(--tp-theme-primary); font-size: 14px; letter-spacing: 1px; font-weight: 600; display: inline-block; margin-bottom: 14px; text-transform: uppercase; font-family: var(--tp-ff-heading); }
.tp-section-subtitle-3 { margin-bottom: 8px; }
.tp-section-subtitle-3.white { color: var(--tp-common-white); }
.tp-section-title { font-size: 55px; letter-spacing: -1px; }

@media (max-width: 767px) {
	.tp-section-title br { display: none; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-section-title br { display: inherit; }
}

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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-section-title.white { font-size: 45px; font-weight: 800; }
}

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

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

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

@media (max-width: 767px) {
	.tp-section-title { font-size: 32px; }
}

@media (max-width: 767px) {
	.tp-section-title-xs { font-size: 31px; font-weight: 800; }
}

@media (max-width: 767px) {
	.tp-section-rs { font-size: 33px; }
}

@media (max-width: 767px) {
	.tp-section-t-team { font-size: 30px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-section-title-wrapper { margin-bottom: 20px; }
}

.tp-section-title-wrapper p { margin-top: 28px; }

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-section-title-wrapper p { width: 82%; }
}

.tp-section-4-subtitle { font-size: 14px; text-transform: uppercase; color: var(--tp-theme-primary); font-weight: 700; font-family: var(--tp-ff-heading); display: inline-block; margin-bottom: 14px; }
.tp-section-4-title { font-size: 50px; letter-spacing: -2px; line-height: 1.1; color: var(--tp-heading-2); }

@media (max-width: 767px) {
	.tp-section-4-title br { display: none; }
}

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

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

@media (max-width: 767px) {
	.tp-section-4-title { font-size: 38px; }
}

.tp-section-4-title-white { font-size: 50px; letter-spacing: -2px; line-height: 1.1; color: var(--tp-common-white); font-weight: 700; }

@media (max-width: 767px) {
	.tp-section-4-title-white { font-size: 34px; }
}

.tp-section-4-paragaph { color: var(--tp-text-10); margin: 24px 0; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-section-4-paragaph { font-size: 14px; }
}

.tp-section-5-subtitle { font-size: 16px; letter-spacing: 1px; text-transform: uppercase; color: var(--tp-theme-primary); font-weight: 700; font-family: var(--tp-ff-heading); display: inline-block; margin-bottom: 8px; }

@media (max-width: 767px) {
	.tp-section-5-subtitle { font-size: 13px; }
}

.tp-section-5-title { font-size: 55px; letter-spacing: -1px; color: var(--tp-heading-2); }

@media (max-width: 767px) {
	.tp-section-5-title br { display: none; }
}

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

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

@media (max-width: 767px) {
	.tp-section-5-title { font-size: 34px; }
}

.tp-section-5-title span { position: relative; }
.tp-section-5-title span::after { content: ""; position: absolute; width: 100%; height: 10px; background-color: #f3b705; bottom: 10px; left: 0; z-index: -1; }
.tp-section-5-pagagraph { color: var(--tp-text-10); margin: 26px 0 0; width: 90%; }

.search-popup { position: fixed; left: 0; top: 0; height: 100vh; width: 100%; z-index: 99999; margin-top: -540px; transform: translateY(-100%); background-color: rgba(0, 0, 0, 0.9); -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 1000ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */ -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */ }

.search-popup { width: 100%; }

.search-active .search-popup { transform: translateY(0%); margin-top: 0; }

.search-popup .close-search { position: absolute; left: 0; right: 0; margin: 0 auto; margin-top: -200px; border-radius: 50%; text-align: center; background-color: var(--tp-theme-primary); width: 70px; cursor: pointer; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); border-bottom: 3px solid var(--tp-common-white); border-top: 3px solid var(--tp-common-white); border-right: 3px solid rgba(0, 0, 0, 0.9); border-left: 3px solid rgba(0, 0, 0, 0.9); -webkit-transition: all 500ms ease; transition: all 500ms ease; height: 70px; line-height: 70px; text-align: center; }

.search-active .search-popup .close-search { visibility: visible; opacity: 1; top: 50%; -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; }

.search-popup form { position: absolute; max-width: 700px; top: 50%; left: 15px; right: 15px; margin: -35px auto 0; transform: scaleX(0); transform-origin: center; background-color: #111111; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }

.search-active .search-popup form { transform: scaleX(1); -webkit-transition-delay: 1200ms; -moz-transition-delay: 1200ms; -ms-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; }

.search-popup .form-group { position: relative; margin: 0px; overflow: hidden; }

.search-popup .form-group input[type=text],
.search-popup .form-group input[type=search] { position: relative; display: block; font-size: 18px; line-height: 50px; color: var(--tp-common-white); height: 70px; width: 100%; padding: 10px 30px; background-color: transparent; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; font-weight: 500; text-transform: capitalize; border: none; border-bottom: 1px solid var(--tp-theme-primary); outline: 0; }

.search-popup .form-group input[type=search] { padding: 10px 70px 10px 30px; }

.search-popup .form-group input[type=submit], .search-popup .form-group button { position: absolute; right: 30px; top: 0px; height: 70px; line-height: 70px; background: transparent; text-align: center; font-size: 24px; color: var(--tp-common-white); padding: 0; cursor: pointer; -webkit-transition: all 500ms ease; transition: all 500ms ease; border: none; }

.search-popup .form-group input[type=submit]:hover,
.search-popup .form-group button:hover { color: var(--tp-theme-primary); }

.search-popup input::placeholder,
.search-popup textarea::placeholder { color: var(--tp-common-white); border: none; }

.search-popup .close-search.style-two { position: absolute; right: 25px; left: auto; color: var(--tp-common-white); width: auto; height: auto; top: 25px; margin: 0px; border: none; background: none !important; box-shadow: none !important; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }

.search-box-btn { display: inline-block; padding-left: 22px; }

.search-box-btn i { display: inline-block; color: var(--tp-common-white); line-height: 30px; text-align: center; font-size: 18px; cursor: pointer; transition: 0.5s; }

.upp.search-box-btn i { color: #9E9FA1; }

.search-box-btn.search-box-outer span i { font-size: 20px; display: inline-block; color: var(--tp-common-white); padding-left: 17px; position: relative; z-index: 1; }

.upp.search-box-btn.search-box-outer span i { color: #9E9FA1; }

.search-box-btn.search-box-outer span i:after { position: absolute; content: "0"; right: -10px; top: -4px; width: 16px; height: 16px; line-height: 16px; text-align: center; background: #1552F6; color: var(--tp-common-white); border-radius: 50%; display: inline-block; font-size: 12px; }

.flaticon-multiply:before { content: inherit; }

button.close-search i { font-size: 25px; color: var(--tp-common-white); display: inline-block; }

span.flaticon-multiply i { display: inline-block; color: var(--tp-common-white); }

.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; }
.tp-hotspot:hover { cursor: pointer; }

.ui-button-icon-only, .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; }

.ui-checkboxradio-disabled, .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, .ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle { display: 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-helper-clearfix:after { clear: both; }

.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }

.ui-front { z-index: 100; }

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

.ui-icon { display: inline-block; vertical-align: middle; margin-top: -0.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: 0.5em 0.5em 0.5em 0.7em; font-size: 100%; }

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

.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-button, .ui-menu-icons, .ui-resizable { position: relative; }

.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 0.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: 0.4em 1em; }

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

.ui-menu .ui-menu-icon { left: auto; right: 0; }

.ui-button { line-height: normal; margin-right: 0.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, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited { text-decoration: none; }

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

.ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; }

input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: 0.4em 1em; }

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-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; }

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

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; }

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; }

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; }

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; }

.ui-controlgroup-vertical .ui-spinner-input { width: 75%; width: calc(100% - 2.4em); }

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; }

.ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: 0.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: 0.2em 0.2em 0; display: none; }

.ui-datepicker .ui-datepicker-header { position: relative; padding: 0.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: 0.9em; border-collapse: collapse; margin: 0 0 0.4em; }

.ui-datepicker th { padding: 0.7em 0.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: 0.2em; text-align: right; text-decoration: none; }

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

.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.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 0.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-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: 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: 0.5em; top: 0.3em; }

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

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

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

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

.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 0.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: 0.5em; padding: 0.3em 1em 0.5em 0.4em; }

.ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.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: 0.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: 0.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 0.4em; margin: 0.5em 0 0; height: auto; border: 0; }

.ui-selectmenu-open { display: block; }

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

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

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

.ui-slider-horizontal { height: 0.8em; }

.ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.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: 0.8em; height: 100px; }

.ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.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; vertical-align: middle; }

.ui-spinner-input { border: none; background: 0 0; color: inherit; padding: 0.222em 0; margin: 0.2em 2em 0.2em 0.4em; vertical-align: middle; }

.ui-spinner-button { width: 1.6em; height: 50%; font-size: 0.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: 0.2em; }

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

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

.ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 0.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-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; }

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

.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-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; }

.ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error a, .ui-widget-header .ui-state-error-text { color: #5f3f3f; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: 700; }

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

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.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-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_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-n { background-position: 0 0; }

.ui-icon-caret-1-ne { background-position: -16px 0; }

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

.ui-icon-caret-1-se { background-position: -48px 0; }

.ui-icon-caret-1-s { background-position: -65px 0; }

.ui-icon-caret-1-sw { background-position: -80px 0; }

.ui-icon-caret-1-w { background-position: -96px 0; }

.ui-icon-caret-1-nw { background-position: -112px 0; }

.ui-icon-caret-2-n-s { background-position: -128px 0; }

.ui-icon-caret-2-e-w { background-position: -144px 0; }

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

.ui-icon-triangle-1-ne { background-position: -16px -16px; }

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

.ui-icon-triangle-1-se { background-position: -48px -16px; }

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

.ui-icon-triangle-1-sw { background-position: -80px -16px; }

.ui-icon-triangle-1-w { background-position: -96px -16px; }

.ui-icon-triangle-1-nw { background-position: -112px -16px; }

.ui-icon-triangle-2-n-s { background-position: -128px -16px; }

.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

.ui-icon-arrow-1-n { background-position: 0 -32px; }

.ui-icon-arrow-1-ne { background-position: -16px -32px; }

.ui-icon-arrow-1-e { background-position: -32px -32px; }

.ui-icon-arrow-1-se { background-position: -48px -32px; }

.ui-icon-arrow-1-s { background-position: -65px -32px; }

.ui-icon-arrow-1-sw { background-position: -80px -32px; }

.ui-icon-arrow-1-w { background-position: -96px -32px; }

.ui-icon-arrow-1-nw { background-position: -112px -32px; }

.ui-icon-arrow-2-n-s { background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }

.ui-icon-arrow-2-e-w { background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }

.ui-icon-arrowstop-1-n { background-position: -192px -32px; }

.ui-icon-arrowstop-1-e { background-position: -208px -32px; }

.ui-icon-arrowstop-1-s { background-position: -224px -32px; }

.ui-icon-arrowstop-1-w { background-position: -240px -32px; }

.ui-icon-arrowthick-1-n { background-position: 1px -48px; }

.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }

.ui-icon-arrowthick-1-e { background-position: -32px -48px; }

.ui-icon-arrowthick-1-se { background-position: -48px -48px; }

.ui-icon-arrowthick-1-s { background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }

.ui-icon-arrowthick-1-w { background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }

.ui-icon-arrow-4 { background-position: 0 -80px; }

.ui-icon-arrow-4-diag { background-position: -16px -80px; }

.ui-icon-extlink { background-position: -32px -80px; }

.ui-icon-newwin { background-position: -48px -80px; }

.ui-icon-refresh { background-position: -64px -80px; }

.ui-icon-shuffle { background-position: -80px -80px; }

.ui-icon-transfer-e-w { background-position: -96px -80px; }

.ui-icon-transferthick-e-w { background-position: -112px -80px; }

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

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

.ui-icon-document { background-position: -32px -96px; }

.ui-icon-document-b { background-position: -48px -96px; }

.ui-icon-note { background-position: -64px -96px; }

.ui-icon-mail-closed { background-position: -80px -96px; }

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

.ui-icon-suitcase { background-position: -112px -96px; }

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

.ui-icon-person { background-position: -144px -96px; }

.ui-icon-print { background-position: -160px -96px; }

.ui-icon-trash { background-position: -176px -96px; }

.ui-icon-locked { background-position: -192px -96px; }

.ui-icon-unlocked { background-position: -208px -96px; }

.ui-icon-bookmark { background-position: -224px -96px; }

.ui-icon-tag { background-position: -240px -96px; }

.ui-icon-home { background-position: 0 -112px; }

.ui-icon-flag { background-position: -16px -112px; }

.ui-icon-calendar { background-position: -32px -112px; }

.ui-icon-cart { background-position: -48px -112px; }

.ui-icon-pencil { background-position: -64px -112px; }

.ui-icon-clock { background-position: -80px -112px; }

.ui-icon-disk { background-position: -96px -112px; }

.ui-icon-calculator { background-position: -112px -112px; }

.ui-icon-zoomin { background-position: -128px -112px; }

.ui-icon-zoomout { background-position: -144px -112px; }

.ui-icon-search { background-position: -160px -112px; }

.ui-icon-wrench { background-position: -176px -112px; }

.ui-icon-gear { background-position: -192px -112px; }

.ui-icon-heart { background-position: -208px -112px; }

.ui-icon-star { background-position: -224px -112px; }

.ui-icon-link { background-position: -240px -112px; }

.ui-icon-cancel { background-position: 0 -128px; }

.ui-icon-plus { background-position: -16px -128px; }

.ui-icon-plusthick { background-position: -32px -128px; }

.ui-icon-minus { background-position: -48px -128px; }

.ui-icon-minusthick { background-position: -64px -128px; }

.ui-icon-close { background-position: -80px -128px; }

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

.ui-icon-key { background-position: -112px -128px; }

.ui-icon-lightbulb { background-position: -128px -128px; }

.ui-icon-scissors { background-position: -144px -128px; }

.ui-icon-clipboard { background-position: -160px -128px; }

.ui-icon-copy { background-position: -176px -128px; }

.ui-icon-contact { background-position: -192px -128px; }

.ui-icon-image { background-position: -208px -128px; }

.ui-icon-video { background-position: -224px -128px; }

.ui-icon-script { background-position: -240px -128px; }

.ui-icon-alert { background-position: 0 -144px; }

.ui-icon-info { background-position: -16px -144px; }

.ui-icon-notice { background-position: -32px -144px; }

.ui-icon-help { background-position: -48px -144px; }

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

.ui-icon-bullet { background-position: -80px -144px; }

.ui-icon-radio-on { background-position: -96px -144px; }

.ui-icon-radio-off { background-position: -112px -144px; }

.ui-icon-pin-w { background-position: -128px -144px; }

.ui-icon-pin-s { background-position: -144px -144px; }

.ui-icon-play { background-position: 0 -160px; }

.ui-icon-pause { background-position: -16px -160px; }

.ui-icon-seek-next { background-position: -32px -160px; }

.ui-icon-seek-prev { background-position: -48px -160px; }

.ui-icon-seek-end { background-position: -64px -160px; }

.ui-icon-seek-first, .ui-icon-seek-start { background-position: -80px -160px; }

.ui-icon-stop { background-position: -96px -160px; }

.ui-icon-eject { background-position: -112px -160px; }

.ui-icon-volume-off { background-position: -128px -160px; }

.ui-icon-volume-on { background-position: -144px -160px; }

.ui-icon-power { background-position: 0 -176px; }

.ui-icon-signal-diag { background-position: -16px -176px; }

.ui-icon-signal { background-position: -32px -176px; }

.ui-icon-battery-0 { background-position: -48px -176px; }

.ui-icon-battery-1 { background-position: -64px -176px; }

.ui-icon-battery-2 { background-position: -80px -176px; }

.ui-icon-battery-3 { background-position: -96px -176px; }

.ui-icon-circle-plus { background-position: 0 -192px; }

.ui-icon-circle-minus { background-position: -16px -192px; }

.ui-icon-circle-close { background-position: -32px -192px; }

.ui-icon-circle-triangle-e { background-position: -48px -192px; }

.ui-icon-circle-triangle-s { background-position: -64px -192px; }

.ui-icon-circle-triangle-w { background-position: -80px -192px; }

.ui-icon-circle-triangle-n { background-position: -96px -192px; }

.ui-icon-circle-arrow-e { background-position: -112px -192px; }

.ui-icon-circle-arrow-s { background-position: -128px -192px; }

.ui-icon-circle-arrow-w { background-position: -144px -192px; }

.ui-icon-circle-arrow-n { background-position: -160px -192px; }

.ui-icon-circle-zoomin { background-position: -176px -192px; }

.ui-icon-circle-zoomout { background-position: -192px -192px; }

.ui-icon-circle-check { background-position: -208px -192px; }

.ui-icon-circlesmall-plus { background-position: 0 -208px; }

.ui-icon-circlesmall-minus { background-position: -16px -208px; }

.ui-icon-circlesmall-close { background-position: -32px -208px; }

.ui-icon-squaresmall-plus { background-position: -48px -208px; }

.ui-icon-squaresmall-minus { background-position: -64px -208px; }

.ui-icon-squaresmall-close { background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }

.ui-icon-grip-solid-vertical { background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }

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

.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .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-bl, .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: 0.3; filter: Alpha(Opacity=30); }

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

.minicart { background: var(--tp-common-white); padding: 25px; position: absolute; width: 350px; box-shadow: 0px 8px 20px rgba(61, 110, 168, 0.3); visibility: hidden; opacity: 0; top: 100%; right: 0; transform: scaleY(0); transform-origin: top center; text-align: start; -webkit-transition: 0.4s; transition: 0.4s; z-index: 9; }

.cart-thumb { padding-right: 15px; }
.cart-title { font-size: 16px; }
.cart-title a { display: inline-block; position: relative; }
.cart-title a:hover { color: var(--tp-theme-primary); }
.cart-title a::after { content: ""; position: absolute; bottom: 0px; right: 0; left: auto; height: 1px; width: 0; background-color: var(--tp-theme-primary); transition: 0.7s; display: inline-block; }
.cart-title a:hover::after { width: 100%; right: auto; left: 0; background-color: var(--tp-theme-primary); }
.cart-del-icon { font-weight: 700; color: var(--tp-common-black); }
.cart-del-icon span { transition: 0.3s; }
.cart-del-icon span:hover { cursor: pointer; color: var(--tp-theme-primary); }
.cart-content { text-align: start; }
.cart-content span { font-size: 14px; color: #747691; }
.cart-content span del { color: #a5a7bc; font-size: 13px; }
.cart-content-wrap { padding-bottom: 7px; }
.cart-total-price { border-top: 1px solid #cacadb; padding-top: 15px; margin-top: 10px; margin-bottom: 25px; }
.cart-total-price span { color: var(--tp-heading-primary); font-weight: 700; }
.cart-btn { background: var(--tp-theme-primary); color: var(--tp-common-white); display: block; text-align: center; font-weight: 700; padding: 12px 50px; }
.cart-btn:hover { background: var(--tp-heading-primary); color: var(--tp-common-white); }
.cart-btn-black { background: var(--tp-heading-primary); }
.cart-btn-black:hover { background: var(--tp-theme-primary); }

.tp-header-shop-btn { width: fit-content; }
.tp-header-shop-btn:hover .minicart { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-header-height { height: inherit !important; }
}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
	.tp-header-top { padding-left: 80px; padding-right: 80px; }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-header-top { padding-left: 60px; padding-right: 60px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-header-top { padding-left: 40px; padding-right: 40px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-header-top { display: none; }
}

.tp-header-top-address span { display: inline-block; color: var(--tp-text-li); font-size: 16px; margin-left: 28px; }
.tp-header-top-address span:first-child { margin-left: 0; }
.tp-header-top-address span i { color: var(--tp-common-white); margin-right: 6px; }
.tp-header-top-address span:hover { color: var(--tp-common-white); }
.tp-header-top-address-4 span { color: var(--tp-common-white); }
.tp-header-top-menu ul li { display: inline-block; }
.tp-header-top-menu ul li a { color: var(--tp-text-li); }
.tp-header-top-menu ul li a:hover { color: var(--tp-common-white); }
.tp-header-top-menu ul li a span { padding: 0 5px; }
.tp-header-top-social { margin-left: 60px; }
.tp-header-top-social a { font-size: 16px; color: var(--tp-text-li); margin-right: 20px; }
.tp-header-top-social a:hover { color: var(--tp-common-white); }
.tp-header-top-social a:last-child { margin-right: 0; }
.tp-header-top-social-4 a { color: var(--tp-common-white); }
.tp-header-top-social-4 a:hover { color: var(--tp-heading-3); }

.tp-header-bottom { padding: 0 110px; }

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
	.tp-header-bottom { padding: 0 80px; }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-header-bottom { padding: 0 60px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-header-bottom { padding: 0 40px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-header-bottom { padding: 0 30px; }
}

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

@media (max-width: 767px) {
	.tp-header-bottom { padding: 20px 10px; }
}

.tp-header-search { width: 53px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-header-search { width: 45px; }
}

.tp-header-search button { font-size: 25px; color: var(--tp-heading-primary); transition: 0.4s; margin-top: 10px; }
.tp-header-search button:hover { color: var(--tp-theme-primary); }
.tp-header-shop { width: 55px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-header-shop { width: 45px; }
}

.tp-header-shop button { font-size: 25px; color: var(--tp-heading-primary); padding: 42px 0 32px; transition: 0.4s; }
.tp-header-shop button:hover { color: var(--tp-theme-primary); }
.tp-header-toggle { margin-left: 30px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-header-toggle { margin-left: 20px; }
}

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

.tp-header-toggle button { width: 52px; height: 52px; line-height: 58px; display: inline-block; text-align: center; background: var(--tp-common-gray2); font-size: 25px; color: var(--tp-heading-primary); }
.tp-header-toggle button:hover { background: var(--tp-theme-primary); color: var(--tp-common-white); }

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

.tp-header-search.style-2 { width: 63px; }
.tp-header-shop.style-2 { width: 64px; }
.tp-header-toggle-line { cursor: pointer; }
.tp-header-toggle-line span { display: block; width: 30px; height: 2px; background-color: var(--tp-heading-4); margin: 12px 0; }

.tp-header-transparent { position: absolute !important; left: 0; margin: auto; top: 0; width: 100%; z-index: 99; background: transparent; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-header-transparent { padding-top: 20px; padding-bottom: 20px; }
}

.tp-header-transparent .header-sticky { background: var(--tp-theme-primary); }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-header-transparent .header-sticky { padding: 22px 0; }
}

.tp-header-transparent-2 { margin-top: 47px; border-bottom: 1px solid var(--tp-text-27); }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-header-transparent-2 { margin-top: 0; padding-top: 0; padding-bottom: 0; }
}

.tp-header-transparent-2 .header-sticky { background: var(--tp-common-white); padding: 0 110px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-header-transparent-2 .header-sticky { padding: 0 30px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-header-transparent-2 .header-sticky { padding: 0 18px; }
}

.tp-header-3-bar { color: var(--tp-common-white); font-size: 30px; margin-left: 26px; }

.tp-header-3-wrapper .main-menu ul li .tp-submenu.submenu.has-homemenu { width: 100%; left: 0; }

.tp-header-top-4 { background: var(--tp-heading-2); padding: 11px 110px; }

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
	.tp-header-top-4 { padding: 11px 80px; }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-header-top-4 { padding: 11px 60px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-header-top-4 { padding: 11px 40px; }
}

.tp-header-4-bar { font-size: 30px; color: var(--tp-heading-primary); margin-left: 30px; margin-top: 10px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-header-4-bar { margin-left: 0; }
}

.tp-header-5-bar { font-size: 32px; color: var(--tp-heading-secondary); }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-header-5-bar { margin-left: 30px; }
}

.tp-header-5-top { background: #212e44; }
.tp-header-5-top-address span { color: var(--tp-common-white); }

.main-menu { margin-left: 0; }
.main-menu-3 { text-align: right; margin-right: -32px; }
.main-menu > nav > ul > li { list-style: none; display: inline-block; position: relative; }
.main-menu > nav > ul > li:hover a { color: var(--tp-theme-primary); }
.main-menu > nav > ul > li:not(:last-child) { margin-right: 34px; }

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
	.main-menu > nav > ul > li:not(:last-child) { margin-right: 51px; }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.main-menu > nav > ul > li:not(:last-child) { margin-right: 30px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.main-menu > nav > ul > li:not(:last-child) { margin-right: 24px; }
}

.main-menu > nav > ul > li a { display: inline-block; font-weight: 700; color: var(--tp-common-gray); padding: 38px 0 38px; font-family: var(--tp-ff-heading); }
.main-menu > nav > ul > li:hover .submenu { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; }
.main-menu > nav > ul .submenu { position: absolute; width: 260px; background: var(--tp-common-white); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); border-top: 4px solid var(--tp-theme-primary); padding: 20px 0; visibility: hidden; opacity: 0; top: 100%; left: 0; transform: scaleY(0); transform-origin: top center; text-align: start; -webkit-transition: 0.4s; transition: 0.4s; z-index: 9; }
.main-menu > nav > ul .submenu > li { display: block; }
.main-menu > nav > ul .submenu > li:hover > .submenu { visibility: visible; opacity: 1; left: 100%; }
.main-menu > nav > ul .submenu > li:hover > a { color: var(--tp-theme-primary); }
.main-menu > nav > ul .submenu > li > a { line-height: 38px; padding: 0px 0px 0px 32px; margin: 0px 0 0 0; display: block; font-size: 15px; color: var(--tp-common-gray); font-weight: 700; position: relative; }
.main-menu > nav > ul .submenu > li > a::before { content: ""; position: absolute; width: 0px; height: 2px; background: var(--tp-theme-primary); left: 14px; bottom: 17px; transition: all 0.4s ease-in-out; }
.main-menu > nav > ul .submenu > li > a:hover { color: var(--tp-theme-primary); margin-left: 10px; }
.main-menu > nav > ul .submenu > li > a:hover::before { width: 10px; }
.main-menu > nav > ul .submenu > li > .submenu { left: 120%; top: 25px; opacity: 0; visibility: hidden; }
.main-menu > nav > ul .submenu > li > .submenu > li:hover .submenu { visibility: visible; opacity: 1; }
.main-menu > nav > ul .submenu > li > .submenu > li:hover > a { color: var(--tp-theme-primary); }
.main-menu > nav > ul .submenu > li > .submenu > li > .submenu { visibility: hidden; opacity: 0; }

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.main-menu-2 > nav > ul > li:not(:last-child) { margin-right: 30px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.main-menu-2 > nav > ul > li:not(:last-child) { margin-right: 60px; }
}

.main-menu-2 > nav > ul > li:not(:last-child).has-dropdown::after { display: none; }

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.main-menu-2 > nav > ul > li:not(:last-child) > a { font-size: 16px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.main-menu-2 > nav > ul > li:not(:last-child) > a { font-size: 16px; }
}

.main-menu-3 > nav > ul > li .submenu { border-top: none; }

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.main-menu-3 > nav > ul > li:not(:last-child) { margin-right: 50px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.main-menu-3 > nav > ul > li:not(:last-child) { margin-right: 45px; }
}

.main-menu-3 > nav > ul > li:hover > a { color: var(--tp-common-white); }
.main-menu-3 > nav > ul > li > a { color: var(--tp-common-white); }

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
	.main-menu-3 > nav > ul > li > a { font-size: 16px; }
}

.main-menu-3 > nav > ul > li > a:hover { color: var(--tp-common-white); }
.main-menu-4 > nav > ul > li .submenu { border: none; }
.main-menu-4 > nav > ul > li:hover > a { color: var(--tp-heading-3); }
.main-menu-4 > nav > ul > li:hover > a::after { width: 100%; }
.main-menu-4 > nav > ul > li > a { color: #212e44; position: relative; }

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.main-menu-4 > nav > ul > li > a { font-size: 16px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.main-menu-4 > nav > ul > li > a { font-size: 15px; }
}

.main-menu-4 > nav > ul > li > a::after { position: absolute; content: ""; width: 0; height: 2px; background: var(--tp-heading-3); bottom: 0; left: 0; transition: all 0.4s ease; z-index: -1; }
.main-menu-4 > nav > ul > li > a:hover { color: var(--tp-heading-3); }
.main-menu-4 > nav > ul > li .submenu li a:hover { color: var(--tp-heading-3); }
.main-menu-4 > nav > ul > li .submenu li a:hover::before { background: var(--tp-heading-3); }

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.main-menu-5 > nav > ul > li > a { font-size: 16px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.main-menu-5 > nav > ul > li > a { font-size: 16px; }
}

.main-menu-5 > nav > ul > li > a::after { position: absolute; content: ""; width: 0; height: 2px; background: var(--tp-heading-3); bottom: 0; left: 0; transition: all 0.4s ease; z-index: -1; }

.main-menu ul li .tp-submenu.submenu.has-homemenu { width: 1100px; padding: 30px 30px 10px 30px; background-color: var(--tp-common-white); box-shadow: rgba(149, 157, 165, 0.4) 0px 8px 24px; }

@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px) {
	.main-menu ul li .tp-submenu.submenu.has-homemenu { left: -200px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.main-menu ul li .tp-submenu.submenu.has-homemenu { left: -132px; width: 1000px; }
}

.main-menu ul li .tp-submenu.submenu.has-homemenu .homemenu { position: relative; padding: 0px 10px; margin-bottom: 20px; }
.main-menu ul li .tp-submenu.submenu.has-homemenu .homemenu-thumb { position: relative; }
.main-menu ul li .tp-submenu.submenu.has-homemenu .homemenu-thumb::before { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; background: rgba(38, 34, 33, 0.7); transition: all 0.3s 0s ease-out; }
.main-menu ul li .tp-submenu.submenu.has-homemenu .homemenu-thumb img { width: 100%; }
.main-menu ul li .tp-submenu.submenu.has-homemenu .homemenu-thumb:hover::before { opacity: 1; }
.main-menu ul li .tp-submenu.submenu.has-homemenu .homemenu-thumb:hover .homemenu-btn { opacity: 1; visibility: visible; }
.main-menu ul li .tp-submenu.submenu.has-homemenu .homemenu-thumb:hover .homemenu-btn .menu-btn.show-1 { transform: translateY(0); }
.main-menu ul li .tp-submenu.submenu.has-homemenu .homemenu-thumb:hover .homemenu-btn .menu-btn.show-2 { transform: translateY(0); }
.main-menu ul li .tp-submenu.submenu.has-homemenu .homemenu-thumb:hover .homemenu-btn .menu-btn::before { display: none; }
.main-menu ul li .tp-submenu.submenu.has-homemenu .homemenu-title a { padding: 0; font-size: 16px; font-weight: 600; color: var(--tp-heading-primary); }
.main-menu ul li .tp-submenu.submenu.has-homemenu .homemenu-title a:hover { color: var(--tp-theme-primary); }
.main-menu ul li .tp-submenu.submenu.has-homemenu .homemenu-title a:hover::before { display: none; }
.main-menu ul li .tp-submenu.submenu.has-homemenu .homemenu-btn { position: absolute; opacity: 0; text-align: center; visibility: hidden; transition: all 0.3s 0s ease-out; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.main-menu ul li .tp-submenu.submenu.has-homemenu .homemenu-btn .menu-btn { font-size: 14px; text-transform: capitalize; padding: 8px 14px; color: var(--tp-common-white); background: var(--tp-heading-primary); display: block; margin-bottom: 10px; width: 140px; letter-spacing: 1px; font-weight: 500; }
.main-menu ul li .tp-submenu.submenu.has-homemenu .homemenu-btn .menu-btn.show-1 { transform: translateY(15px); background: var(--tp-theme-primary); }
.main-menu ul li .tp-submenu.submenu.has-homemenu .homemenu-btn .menu-btn.show-1:hover { background: var(--tp-common-black); color: var(--tp-common-white); }
.main-menu ul li .tp-submenu.submenu.has-homemenu .homemenu-btn .menu-btn.show-2 { transform: translateY(20px); background: var(--tp-common-white); color: var(--tp-heading-primary); }
.main-menu ul li .tp-submenu.submenu.has-homemenu .homemenu-btn .menu-btn.show-2:hover { background: var(--tp-common-black); color: var(--tp-common-white); }
.main-menu ul li.p-static { position: static; }

.tp-main-menu-mobile .homemenu-thumb { position: relative; }
.tp-main-menu-mobile .homemenu-thumb::before { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; background: rgba(38, 34, 33, 0.9); transition: all 0.3s 0s ease-out; }
.tp-main-menu-mobile .homemenu-thumb:hover::before { opacity: 1; }
.tp-main-menu-mobile .homemenu-thumb:hover .homemenu-btn { opacity: 1; visibility: visible; }
.tp-main-menu-mobile .homemenu-thumb:hover .homemenu-btn .menu-btn.show-1 { transform: translateY(0); }
.tp-main-menu-mobile .homemenu-thumb:hover .homemenu-btn .menu-btn.show-2 { transform: translateY(0); }
.tp-main-menu-mobile .homemenu-thumb .homemenu-btn { position: absolute; opacity: 0; text-align: center; visibility: hidden; transition: all 0.3s 0s ease-out; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.tp-main-menu-mobile .homemenu-thumb .homemenu-btn .menu-btn { font-size: 14px; text-transform: capitalize; padding: 8px 14px; color: var(--tp-common-white); background: var(--tp-theme-primary); display: block; margin-bottom: 10px; width: 140px; letter-spacing: 1px; font-weight: 500; }
.tp-main-menu-mobile .homemenu-thumb .homemenu-btn .menu-btn:hover { background: var(--tp-heading-primary); color: var(--tp-common-white); }
.tp-main-menu-mobile .homemenu-thumb .homemenu-btn .menu-btn.show-1 { transform: translateY(15px); }
.tp-main-menu-mobile .homemenu-thumb .homemenu-btn .menu-btn.show-2 { transform: translateY(20px); background: var(--tp-common-white); color: var(--tp-heading-primary); }
.tp-main-menu-mobile .homemenu-thumb .homemenu-btn .menu-btn.show-2:hover { background: var(--tp-heading-primary); color: var(--tp-common-white); }

.tp-onepage-menu li a.active { color: var(--tp-theme-primary); }

.mean-remove { display: none !important; }

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

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

.tp-postbox-wrapper { padding-right: 0; }
.tp-postbox-thumb { margin-bottom: 0; }
.tp-postbox-thumb img { width: 100%; }
.tp-postbox-date-text { background: var(--tp-theme-primary); display: inline-block; padding: 6px 15px; position: absolute; bottom: 0; right: 0; }
.tp-postbox-date-text > span { font-size: 18px; color: var(--tp-common-white); font-weight: 500; line-height: 0; }
.tp-postbox-meta a i { color: var(--tp-theme-primary); font-size: 18px; margin-right: 8px; }
.tp-postbox-meta a { font-size: 16px; color: var(--tp-text-10); font-weight: 400; }
.tp-postbox-thumb-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.tp-postbox-thumb-video a { height: 90px; width: 90px; line-height: 90px; font-size: 26px; text-align: center; border-radius: 50%; display: inline-block; color: var(--tp-theme-primary); background: rgba(255, 255, 255, 0.651); }
.tp-postbox-thumb-video a::after { position: absolute; content: ""; left: 50%; top: 50%; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.651); animation: borderanimate2 2s linear infinite; z-index: -1; border-radius: 50%; }
.tp-postbox-content { padding: 0; }
.tp-postbox-content p { margin-bottom: 15px; }
.tp-postbox-meta { margin-bottom: 15px; }
.tp-postbox-meta span { font-size: 16px; font-weight: 500; color: #565969; }
.tp-postbox-title { margin-bottom: 25px; font-size: 36px; letter-spacing: -1px; line-height: 34px; }

.tp-postbox-content table { width: 100%; }
.tp-postbox-content table tbody tr td { border: 1px solid #DDD; padding: 10px; }

.tp-postbox-content ul { padding: 0 0 20px 30px; }
.tp-postbox-content ul li a:hover { color: #94c11c; }
.tp-postbox-content h3 { font-size: 18px; margin: 0 0 15px 0; font-weight: 500; color: var(--tp-text-10); }
.tp-postbox-content h4 { font-size: 16px; margin: 0 0 15px 0; font-weight: 500; color: var(--tp-text-10); }

@media (max-width: 767px) {
	.tp-postbox-title { font-size: 28px; line-height: 38px; }
}

.tp-postbox-title a:hover { color: var(--tp-theme-primary); }
.tp-postbox-text { margin-bottom: 30px; }
.tp-postbox-text p { line-height: 30px; }
.tp-postbox-read-more .tp-btn { padding: 12px 51px; }
.tp-postbox-blockquote { margin-bottom: 50px; }
.tp-postbox-photo { margin-bottom: 50px; }
.tp-postbox-share-wrapper { padding-bottom: 30px; border-bottom: 1px solid rgba(15, 13, 29, 0.102); }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-postbox-pagination { text-align: left !important; margin-bottom: 40px; }
}

.tp-postbox-pagination ul li { list-style: none; display: inline-block; margin-right: 15px; }
.tp-postbox-pagination ul li a { position: relative; font-size: 14px; font-weight: 700; display: inline-block; width: 38px; height: 38px; line-height: 37px; text-align: center; border-radius: 50%; color: var(--tp-heading-secondary); background: var(--tp-common-gray2); -webkit-transition: all 0.3s 0s ease-out; -moz-transition: all 0.3s 0s ease-out; -ms-transition: all 0.3s 0s ease-out; -o-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; z-index: 1; }
.tp-postbox-pagination ul li a.active { color: var(--tp-common-white); background: var(--tp-heading-primary); }
.tp-postbox-pagination ul li a:hover { color: var(--tp-common-white); background: var(--tp-heading-primary); }

@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-postbox-list-img { margin-bottom: 30px; }
}

.tp-postbox-details-text p { color: var(--tp-text-10); }
.tp-postbox-details-text p a { }
.tp-postbox-details-text p a:hover { color: var(--tp-theme-primary); }
.tp-postbox-details-blockquote-icon { margin-right: 26px; margin-top: 8px; }
.tp-postbox-details-blockquote { filter: drop-shadow(0 0 30px rgba(67, 61, 79, 0.06)); background-color: var(--tp-common-white); border-radius: 15px; padding: 42px 0 20px 30px; margin-bottom: 50px; }
.tp-postbox-details-blockquote-content h4 { font-size: 22px; font-weight: 500; font-family: "DM Sans"; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-postbox-details-blockquote-content h4 { font-size: 21px; }
}

@media (max-width: 767px) {
	.tp-postbox-details-blockquote-content h4 { font-size: 16px; }
}

.tp-postbox-details-blockquote-content p { font-size: 14px; color: var(--tp-theme-primary); font-weight: 400; font-family: var(--tp-ff-heading); margin-bottom: 0; position: relative; margin-left: 25px; }
.tp-postbox-details-blockquote-content p::before { content: ""; position: absolute; width: 15px; height: 2px; top: 14px; left: -24px; background-color: var(--tp-theme-primary); }
.tp-postbox-details-share-wrapper { border-bottom: 1px solid #f1f1f1; padding-bottom: 40px; margin-bottom: 50px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-postbox-details-share { text-align: left !important; }
}

.tp-postbox-details-tag span { font-size: 22px; color: var(--tp-heading-primary); font-weight: 700; font-family: var(--tp-ff-heading); margin-right: 30px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-postbox-details-tag span { margin-right: 10px; }
}

.tp-postbox-details-tag a { background-color: var(--tp-common-white); border: 1px solid #eaebeb; padding: 8px 19px; font-size: 16px; line-height: 30px; color: var(--tp-text-2); font-weight: 400; font-family: "DM Sans"; margin-right: 8px; }
.tp-postbox-details-tag a:hover { background: var(--tp-theme-primary); color: var(--tp-common-white); }
.tp-postbox-details-share span { font-size: 22px; color: var(--tp-heading-primary); font-weight: 700; font-family: var(--tp-ff-heading); margin-right: 28px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-postbox-details-share span { margin-right: 18px; }
}

.tp-postbox-details-share a { width: 38px; height: 38px; line-height: 36px; text-align: center; display: inline-block; background: var(--tp-common-gray2); border-radius: 50px; font-size: 16px; color: var(--tp-heading-primary); margin-right: 10px; transition: 0.4s; }
.tp-postbox-details-share a:last-child { margin-right: 0; }
.tp-postbox-details-share a:hover { background: var(--tp-theme-primary); color: var(--tp-common-white); }

@media (max-width: 767px) {
	.tp-postbox-list-content { margin-left: 0; }
}

@media (max-width: 767px) {
	.tp-postbox-details-tag { margin-bottom: 30px; }
}

.tp-postbox-list-title { font-size: 30px; letter-spacing: -1px; font-weight: 800; margin-bottom: 36px; }
.tp-postbox-list-content ul li { color: var(--tp-heading-primary); list-style: none; margin-bottom: 10px; }

@media (max-width: 767px) {
	.tp-postbox-list-content ul li { font-size: 14px; }
}

.tp-postbox-list-content ul li i { color: var(--tp-theme-primary); display: inline-block; font-size: 22px; position: relative; top: 6px; }
.tp-postbox-list-paragraph { color: #767676; margin-top: 26px; margin-bottom: 0; }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-postbox-contact-input-btn { margin-bottom: 30px; }
}

@media (max-width: 767px) {
	.tp-postbox-comment-box-inner { flex-direction: column; }
}

.tp-postbox-comment-title { font-size: 36px; letter-spacing: -1px; margin-bottom: 54px; }
.tp-postbox-comment ul li { list-style: none; }
.tp-postbox-comment ul li.children { margin-left: 82px; }
.tp-postbox-comment-box { border-bottom: 1px solid rgba(15, 13, 29, 0.102); padding-bottom: 55px; margin-bottom: 30px; }
.tp-postbox-comment-avater { margin-right: 45px; }

@media (max-width: 767px) {
	.tp-postbox-comment-avater { margin-bottom: 30px; }
}

.tp-postbox-comment-avater img { border-radius: 50%; }
.tp-postbox-comment-content p { color: var(--tp-text-10); margin-bottom: 16px; }
.tp-postbox-comment-name { margin-bottom: 14px; font-size: 20px; }
.tp-postbox-comment-date { margin-bottom: 16px; }
.tp-postbox-comment-reply a { font-size: 14px; font-weight: 700; color: #6734d2; font-family: var(--tp-ff-heading); }
.tp-postbox-comment-reply a i { font-weight: 500; margin-right: 5px; }

.tp-postbox-contact-title { font-size: 36px; letter-spacing: -1px; }

@media (max-width: 767px) {
	.tp-postbox-contact-title { font-size: 33px; }
}

.tp-postbox-contact-pagagraph { color: var(--tp-text-10); margin-bottom: 40px; }
.tp-postbox-contact-input { margin-bottom: 30px; }
.tp-postbox-contact-input input { font-size: 16px; font-weight: 400; height: 58px; color: #565969; background-color: #f4f4f4; border: 1px solid rgba(255, 255, 255, 0.2); }
.tp-postbox-contact-input input::placeholder { font-size: 16px; color: var(--tp-text-10); font-weight: 400; font-family: "DM Sans"; }
.tp-postbox-contact-input input:focus { border: 1px solid var(--tp-theme-primary); background: transparent; }
.tp-postbox-contact-input textarea { height: 148px; resize: none; background-color: #f4f4f4; border: 1px solid rgba(255, 255, 255, 0.2); }
.tp-postbox-contact-input textarea::placeholder { font-size: 16px; color: var(--tp-text-10); font-weight: 400; font-family: "DM Sans"; }
.tp-postbox-contact-input textarea:focus { border: 1px solid var(--tp-theme-primary); background: transparent; }
.tp-postbox-contact-input-btn .tp-btn { font-size: 14px; color: var(--tp-common-white); font-weight: 700; font-family: var(--tp-ff-heading); padding: 24px 46px; }
.tp-postbox-contact-input-btn .tp-btn::before { background-color: #6734d2 !important; }

.tp-blog-breadcrumb-area { background-position: center center; background-size: cover; background-repeat: no-repeat; height: 500px; display: flex; align-items: center; position: relative; z-index: 1; }
.tp-blog-breadcrumb-area::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; /*background: #0f0027;*/ opacity: 0.549; z-index: -1; }

.sidebar__widget { padding: 30px 20px; background: var(--tp-common-gray2); }
.sidebar__widget-last { padding: 24px 40px 24px; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.sidebar__widget { padding: 30px 25px; }
	.FotoGaleris .item { width: 100%; margin: 0 0 3% 0; }
}

.sidebar__widget-title { position: relative; display: inline-block; font-size: 22px; margin-bottom: 44px; }
.sidebar__widget ul li { list-style: none; height: 56px; line-height: 56px; border-radius: 2px; padding: 0 14px; background: transparent; }
.sidebar__widget ul li:hover { background: var(--tp-common-white); }
.sidebar__widget ul li:hover a { color: var(--tp-theme-primary); }
.sidebar__widget ul li:last-child { margin-bottom: 0; }
.sidebar__widget ul li a { position: relative; font-weight: 700; font-size: 16px; color: var(--tp-common-black); display: block; }
.sidebar__widget ul li a:hover span { left: 0; visibility: visible; opacity: 1; }
.sidebar__widget ul li a span { float: right; visibility: hidden; position: relative; left: -20px; opacity: 0; transition: 0.4s; }
.sidebar__about { padding: 37px 0 38px 0; }
.sidebar__thumb img { border-radius: 50%; margin-bottom: 20px; }
.sidebar__content-title { font-weight: 700; font-size: 16px; text-transform: uppercase; color: var(--tp-common-black); margin-bottom: 6px; }
.sidebar__content-designation { font-weight: 400; font-size: 14px; color: #727A7D; display: block; margin-bottom: 13px; }
.sidebar__content p { font-size: 16px; color: #838383; margin-bottom: 27px; }
.sidebar__content-social a { height: 37px; width: 42px; line-height: 37px; text-align: center; display: inline-block; border: 1px solid var(--tp-grey-4); margin-right: 12px; }
.sidebar__content-social a i { transition: 0.3s; }
.sidebar__content-social a:hover { border: 1px solid var(--tp-theme-1); background-color: var(--tp-theme-1); }
.sidebar__content-social a:hover i { color: var(--tp-common-white); }
.sidebar__search { position: relative; }
.sidebar__search input { font-size: 14px; width: 100%; height: 60px; line-height: 60px; padding: 0 25px; text-transform: capitalize; border: 1px solid var(--tp-common-white); outline: none; padding-right: 70px; background: var(--tp-common-white); color: var(--tp-common-black); font-weight: 400; font-family: "DM Sans"; }
.sidebar__search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--tp-text-skill); font-size: 14px; font-weight: 400; font-family: "DM Sans"; }
.sidebar__search input::-moz-placeholder { /* Firefox 19+ */ color: var(--tp-text-skill); font-size: 14px; font-weight: 400; font-family: "DM Sans"; }
.sidebar__search input:-moz-placeholder { /* Firefox 4-18 */ color: var(--tp-text-skill); font-size: 14px; font-weight: 400; font-family: "DM Sans"; }
.sidebar__search input:-ms-input-placeholder { /* IE 10+  Edge*/ color: var(--tp-text-skill); font-size: 14px; font-weight: 400; font-family: "DM Sans"; }
.sidebar__search input::placeholder { /* MODERN BROWSER */ color: var(--tp-text-skill); font-size: 14px; font-weight: 400; font-family: "DM Sans"; }
.sidebar__search input:focus { border: 1px solid var(--tp-theme-primary); }
.sidebar__search input::placeholder { color: var(--tp-text-10); }
.sidebar__search button { font-size: 16px; position: absolute; top: 0; right: 0px; width: 60px; height: 100%; line-height: 60px; color: var(--tp-common-white); background-color: var(--tp-theme-primary); }
.sidebar__banner::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.sidebar__banner-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; background: var(--tp-common-white); }
.sidebar__banner-content h4 { padding: 15px 20px; font-size: 24px; color: var(--tp-common-black); text-transform: uppercase; margin-bottom: 0; }

.tagcloud a { font-weight: 400; font-size: 14px; text-transform: capitalize; padding: 2px 15px; margin-right: 5px; background-color: var(--tp-common-white); margin-bottom: 10px; display: inline-block; line-height: 30px; color: var(--tp-text-10); font-family: "DM Sans"; }
.tagcloud a:hover { color: var(--tp-common-white); background-color: var(--tp-theme-primary); }
.tagcloud a.active { color: var(--tp-common-white); background-color: var(--tp-theme-1); }

.rc__post { background: transparent; padding: 10px 10px 10px 16px; transition: 0.4s; }
.rc__post:hover { background: var(--tp-common-white); }
.rc__meta span { font-size: 14px; color: var(--tp-text-10); font-weight: 400; font-family: "DM Sans"; }
.rc__meta span i { color: var(--tp-theme-primary); font-size: 18px; margin-right: 8px; }
.rc__post-title { font-size: 16px; line-height: 22px; }

.footer-col-1 { padding-right: 95px; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
	.footer-col-1 { padding-right: 0; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer-col-2 { padding-left: 25px; }
}

.footer-col-3 { padding-left: 35px; }

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

.tp-slider-height { height: 850px; display: flex; align-items: center; justify-content: center; }

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-height { height: 700px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-height { height: 650px; }
}

@media (max-width: 767px) {
	.tp-slider-height { height: 600px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-slider-height { height: 640px; }
}

.tp-slider-height-2 { height: 600px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-height-2 { height: 700px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-height-2 { height: 650px; }
}

@media (max-width: 767px) {
	.tp-slider-height-2 { height: 600px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-slider-height-2 { height: 640px; }
}

.tp-slider-bg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease; transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease; transition: transform 9000ms ease, opacity 1500ms ease-in; transition: transform 9000ms ease, opacity 1500ms ease-in, -webkit-transform 9000ms ease; }
.tp-slider-overlay { position: relative; }
/*.tp-slider-overlay::before { position: absolute; content: ""; top: 0px; left: 0px; height: 100%; width: 51%; animation: 3s ease 0s 1 normal none running tpLeftToRight; background: rgba(148, 193, 28, 0.7); clip-path: polygon(0px 0px, 70% 0px, 99% 100%, 0% 100%); z-index: 1; transform: translateX(-962px); }*/

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-slider-overlay::before { width: 74%; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-overlay::before { width: 70%; }
}

@media (max-width: 767px) {
	.tp-slider-overlay::before { width: 86%; }
}

.tp-slider-content { position: relative; z-index: 11; }
.tp-slider-sub-title { color: var(--tp-common-white); font-weight: 700; text-transform: uppercase; display: inline-block; margin-bottom: 6px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-sub-title { font-size: 14px; font-weight: 600; }
}

@media (max-width: 767px) {
	.tp-slider-sub-title { font-size: 12px; font-weight: 400; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-slider-sub-title { font-size: 13px; font-weight: 500; }
}

.tp-slider-sub-title-5 { font-size: 14px; letter-spacing: 1px; text-transform: uppercase; color: var(--tp-theme-primary); font-weight: 600; font-family: var(--tp-ff-heading); display: inline-block; box-shadow: 0px 8px 40px 0px rgba(71, 46, 53, 0.12); padding: 2px 10px; margin-bottom: 16px; }
.tp-slider-title { font-size: 80px; font-weight: 600; color: var(--tp-common-white); letter-spacing: -3px; line-height: 1.1; }

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

@media (max-width: 767px) {
	.tp-slider-title { font-size: 41px; font-weight: 700; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-slider-title { font-size: 50px; font-weight: 700; }
}

.tp-slider-title-2 { font-size: 50px; line-height: normal; font-weight: 700; letter-spacing: 0; max-width: 560px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-title-2 { font-size: 100px; }
}

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

@media (max-width: 767px) {
	.tp-slider-title-2 { font-size: 30px; }
}

.tp-slider-title-5 { font-size: 80px; letter-spacing: -3px; line-height: 1; color: #212e44; font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-title-5 { font-size: 70px; }
}

@media (max-width: 767px) {
	.tp-slider-title-5 { font-size: 50px; }
}

.tp-slider-title-5 span { position: relative; }
.tp-slider-title-5 span::after { content: ""; position: absolute; width: 100%; height: 10px; background-color: var(--tp-heading-3); bottom: 18px; left: 0; z-index: -1; }

@media (max-width: 767px) {
	.tp-slider-title-5 span::after { bottom: 12px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-slider-title-5 span::after { bottom: 11px; }
}

.tp-slider-paragraph { color: var(--tp-grey-24); font-size: 20px; line-height: 30px; font-weight: 500; font-family: var(--tp-ff-heading); margin-top: 33px; }

@media (max-width: 767px) {
	.tp-slider-paragraph { font-size: 12px; line-height: 22px; width: 90%; }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-slider-btn-box { margin-top: 25px; }
}

@media (max-width: 767px) {
	.tp-slider-btn-box { flex-direction: column; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-slider-btn-box { flex-direction: inherit; }
}

.tp-slider-btn-box a { margin-left: 4px; margin-right: 10px; }

@media (max-width: 767px) {
	.tp-slider-btn-box a { margin-left: 0px; margin-right: 0; margin-bottom: 10px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-slider-btn-box a { margin-left: 10px; margin-right: 10px; }
}

.tp-slider-shape1 { position: absolute; top: 0; right: 0; mix-blend-mode: screen; transform: translateY(-360px); }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-shape1 { top: -95px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-shape1 { top: -40px; right: -80px; }
}

@media (max-width: 767px) {
	.tp-slider-shape1 { display: none; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-slider-shape1 { display: none; }
}

.tp-slider-shape2 { position: absolute; bottom: 0; left: 0; mix-blend-mode: screen; transform: translateY(383px); }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-shape2 { left: -50px; bottom: -100px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-shape2 { bottom: -230px; }
}

@media (max-width: 767px) {
	.tp-slider-shape2 { display: none; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-slider-shape2 { display: none; }
}

.tp-slider-shape { position: absolute; top: -116px; left: -44px; z-index: -1; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-slider-shape { left: -42px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-shape { left: -27px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-shape { left: -36px; }
}

@media (max-width: 767px) {
	.tp-slider-shape { top: -58px; left: -10px; }
}

.tp-slider-shape-heading { font-size: 190px; font-weight: 700; -webkit-text-stroke-width: 1px; color: transparent; -webkit-text-stroke-color: var(--tp-grey-23); opacity: 0.3; }

@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-slider-shape-heading { font-size: 150px; }
}

@media (max-width: 767px) {
	.tp-slider-shape-heading { font-size: 90px; }
}

@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), xs, sm {
	.tp-slider-arrow-box-2 { display: none; }
}

.tp-slider-arrow-box button { font-size: 24px; height: 60px; line-height: 60px; width: 60px; border-radius: 50%; transition: all 0.3s ease 0s; color: var(--tp-theme-primary); background-color: var(--tp-grey-11); position: absolute; left: 60px; top: 270px; z-index: 5; visibility: hidden; opacity: 0; }

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-arrow-box button { top: 280px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-slider-arrow-box button { left: 50px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-arrow-box button { left: 20px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-arrow-box button { left: 20px; top: 250px; }
}

@media (max-width: 767px) {
	.tp-slider-arrow-box button { display: none; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-slider-arrow-box button { display: none; }
}

.tp-slider-arrow-box button.slider-next { margin-bottom: 10px; left: auto; right: 60px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-slider-arrow-box button.slider-next { right: 50px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-arrow-box button.slider-next { right: 20px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-arrow-box button.slider-next { right: 20px; }
}

@media (max-width: 767px) {
	.tp-slider-arrow-box button.slider-next { display: none; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-slider-arrow-box button.slider-next { display: none; }
}

.tp-slider-arrow-box button { transition: 0.4s; }
.tp-slider-arrow-box button:hover { background: var(--tp-common-white); }
.tp-slider-arrow-box-2 button { left: 0; }
.tp-slider-arrow-box-2 button.slider-next { right: 0; }
.tp-slider-dots { position: absolute; bottom: 53px; right: 364px; z-index: 2; }

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-slider-dots { right: 200px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-slider-dots { right: 150px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-dots { right: 50px; }
}

@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-dots { right: 0; left: 0; margin: auto; text-align: center; }
}

.tp-slider-dots .swiper-pagination-bullet { width: 14px; height: 14px; display: inline-block; border-radius: 50%; opacity: 1; margin: 0px 6px; transition: 0.3s; border: 2px solid transparent; }
.tp-slider-dots .swiper-pagination-bullet-active { background-color: var(--tp-common-white); }
.tp-slider-dots.dots-color .swiper-pagination-bullet { background-color: var(--tp-common-white); }
.tp-slider-dots.dots-color .swiper-pagination-bullet-active { background-color: transparent; border-color: var(--tp-common-white); transform: scale(1.4); }

@media only screen and (min-width: 1700px) and (max-width: 1920px), only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-slider-dots-2 { display: none; }
}

.tp-slider-title-box { opacity: 0; z-index: 3; position: relative; transform: translateY(-150px); }
.tp-slider-btn-box { transform: translateY(150px); opacity: 0; }
.tp-slider-wrapper .swiper-slide.swiper-slide-active .tp-slider-bg {  }
.tp-slider-wrapper .swiper-slide.swiper-slide-active .tp-slider-title-box { opacity: 1; transform: translatey(0px); transition: all 2500ms ease; }
.tp-slider-wrapper .swiper-slide.swiper-slide-active .tp-slider-btn-box { opacity: 1; transform: translatey(0px); transition: all 2500ms ease; }
.tp-slider-wrapper .swiper-slide.swiper-slide-active .tp-slider-shape2 { transform: translateY(0); transition: all 2000ms ease; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-slider-wrapper .swiper-slide.swiper-slide-active .tp-slider-shape2 { transform: translateY(150px); }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-wrapper .swiper-slide.swiper-slide-active .tp-slider-shape2 { transform: translateY(100px); }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-wrapper .swiper-slide.swiper-slide-active .tp-slider-shape2 { transform: translateY(70px); }
}

.tp-slider-wrapper .swiper-slide.swiper-slide-active .tp-slider-shape1 { transform: translateY(0); transition: all 2000ms ease; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-slider-wrapper .swiper-slide.swiper-slide-active .tp-slider-shape1 { transform: translateY(-100px); }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-wrapper .swiper-slide.swiper-slide-active .tp-slider-shape1 { transform: translateY(-100px); }
}

.tp-slider-wrapper .swiper-slide.swiper-slide-active .tp-slider-overlay::before { transform: translateX(0); transition: all 2000ms ease; }
.tp-slider-3-bg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.tp-slider-3-content { padding: 256px 0 265px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-3-content { padding: 170px 0 60px; }
}

@media (max-width: 767px) {
	.tp-slider-3-content { padding: 200px 0 150px; }
}

.tp-slider-3-sub-title { font-size: 14px; letter-spacing: 1px; color: var(--tp-common-white); font-weight: 700; font-family: var(--tp-ff-heading); display: inline-block; margin-bottom: 10px; }
.tp-slider-3-title { font-size: 80px; letter-spacing: -2px; line-height: 1.02; color: var(--tp-common-white); }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-3-title { font-size: 70px; }
}

@media (max-width: 767px) {
	.tp-slider-3-title { font-size: 55px; line-height: 1.1; }
}

.tp-slider-3-paragraph { font-size: 20px; line-height: 30px; color: var(--tp-grey-24); font-weight: 500; font-family: var(--tp-ff-heading); margin: 25px 0 49px; }

@media (max-width: 767px) {
	.tp-slider-3-paragraph { font-size: 14px; line-height: 28px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-3-btn-box { position: relative; z-index: 11; }
}

.tp-slider-3-btn-box .tp-btn.tp-btn-white { font-weight: 600; }

@media (max-width: 767px) {
	.tp-slider-3-play-icon { display: none !important; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-slider-3-play-icon { display: inherit !important; }
}

.tp-slider-3-play-icon a { font-size: 18px; height: 60px; line-height: 60px; width: 60px; border-radius: 50%; display: inline-block; text-align: center; margin-right: 20px; background-color: rgba(94, 11, 218, 0.1); color: var(--tp-common-white); position: relative; box-shadow: 0px 0px 15px 0px rgb(94, 11, 218); }
.tp-slider-3-play-icon a::before { position: absolute; content: ""; left: 50%; top: 50%; width: 70%; height: 70%; background-color: rgba(94, 11, 218, 0.471); animation: borderanimate2 2s linear infinite; z-index: -1; border-radius: 50%; }
.tp-slider-3-play-icon a::after { position: absolute; content: ""; left: 50%; top: 50%; width: 90%; height: 90%; transform: scale(1.5); border: 1px solid rgba(94, 11, 218, 0.471); animation: borderanimate2 2s linear infinite; border-radius: 50%; }
.tp-slider-3-play-icon a i { display: inline-block; padding-left: 3px; }
.tp-slider-3-play-text span { color: var(--tp-common-white); font-weight: 500; font-size: 16px; margin-left: 22px; }

@media (max-width: 767px) {
	.tp-slider-3-thumb { display: none; }
}

.tp-slider-3-main-img { margin: 0 0 46px 70px; }

@media only screen and (min-width: 1700px) and (max-width: 1800px) {
	.tp-slider-3-main-img { margin: 0 0 27px 70px; }
}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
	.tp-slider-3-main-img { margin: 0 0 20px 70px; }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-slider-3-main-img { margin: 0 0 45px 70px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-3-main-img { margin: 0 0 34px -50px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-3-main-img { margin: 0 0 -10px 70px; }
}

.tp-slider-3-shape1 { position: absolute; bottom: 340px; left: -48px; z-index: -1; animation: bounce-thum-2 1s ease-in-out 0.1s forwards infinite alternate; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-3-shape1 { bottom: 170px; left: -100px; z-index: -2; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-3-shape1 { left: -18px; }
}

.tp-slider-3-shape2 { position: absolute; top: 28px; left: 85px; z-index: -1; animation: bounce-thum-3 4s forwards infinite alternate; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-3-shape2 { top: 25px; left: -34px; }
}

@media (max-width: 767px) {
	.tp-slider-3-bottom-shape { display: none; }
}

.tp-slider-3-bottom-shape1 { position: absolute; bottom: -3px; left: 0; z-index: 11; }

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-slider-3-bottom-shape1 { left: -245px; bottom: -4px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-slider-3-bottom-shape1 { left: -376px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-3-bottom-shape1 { bottom: -5px; left: -420px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-3-bottom-shape1 { bottom: -4px; left: -568px; }
}

.tp-slider-4-bg-color { background: var(--tp-grey-9); }
.tp-slider-4-content { margin: 296px 0 203px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-4-content { margin: 170px 0 60px; }
}

@media (max-width: 767px) {
	.tp-slider-4-content { margin: 210px 0 170px; }
}

.tp-slider-4-sub-title { font-size: 14px; letter-spacing: 1px; text-transform: uppercase; display: inline-block; color: var(--tp-theme-primary); font-weight: 600; box-shadow: 0px 8px 40px 0px rgba(71, 46, 53, 0.12); padding: 2px 10px; margin-bottom: 13px; }
.tp-slider-4-title { font-size: 80px; letter-spacing: -3px; line-height: 1.14; color: var(--tp-heading-2); }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-4-title { font-size: 74px; }
}

@media (max-width: 767px) {
	.tp-slider-4-title { font-size: 46px; letter-spacing: -2px; }
}

.tp-slider-4-title-underline { position: relative; z-index: 1; display: inline-block; }

@media (max-width: 767px) {
	.tp-slider-4-title-underline { display: none; }
}

.tp-slider-4-title-underline svg { position: absolute; left: 30px; bottom: -18px; z-index: -1; }
.tp-slider-4-title-underline svg path { animation: section_stroke 4s linear forwards infinite; -webkit-animation: section_stroke 4s linear forwards infinite; stroke-dasharray: 560; stroke-dashoffset: 560; }

@media (max-width: 767px) {
	.tp-slider-4-btn-box { margin-top: 0; flex-direction: column; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-slider-4-btn-box { flex-direction: inherit; }
}

.tp-slider-4-btn-box a { margin-right: 10px; margin-left: 10px; }
.tp-slider-4-btn-box a:first-child { margin-left: 0px; }

@media (max-width: 767px) {
	.tp-slider-4-btn-box a { margin-right: 0; margin-left: 0; margin-bottom: 10px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-slider-4-btn-box a { margin-right: 20px; margin-left: 0; }
}

@media (max-width: 767px) {
	.tp-slider-4-thumb { display: none; }
}

.tp-slider-4-main-img { margin-bottom: -18px; margin-left: -9px; }
.tp-slider-4-shape1 { position: absolute; top: 292px; left: 130px; z-index: -1; animation: moving 8s linear infinite; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-4-shape1 { left: 108px; top: 194px; }
}

.tp-slider-4-shape2 { position: absolute; top: 170px; right: -84px; z-index: -1; animation: moving 6s linear infinite; }
.tp-slider-4-bg-shape3 { position: absolute; top: 99px; left: -36px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-4-bg-shape3 { top: 95px; left: -36px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-4-bg-shape3 { top: 83px; }
}

@media (max-width: 767px) {
	.tp-slider-4-bg-shape3 { top: 83px; }
}

.tp-slider-4-bg-shape4 { position: absolute; left: 65px; bottom: 80px; animation: moving 8s linear infinite; }
.tp-slider-4-bg-shape5 { position: absolute; top: 165px; right: 41%; animation: moving 6s linear infinite; }
.tp-slider-4-bg-shape6 { position: absolute; top: 260px; right: 6%; animation: moving 8s linear infinite; }
.tp-slider-4-bg-shape7 { position: absolute; right: 100px; bottom: 50px; animation: moving 6s linear infinite; }
.tp-slider-5-bg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center bottom; z-index: -1; }
.tp-slider-5-content { margin: 170px 0 170px 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-5-content { margin: 170px 0 60px 0; }
}

@media (max-width: 767px) {
	.tp-slider-5-content { margin: 150px 0 200px 0; }
}

.tp-slider-5-paragraph { font-size: 18px; line-height: 28px; color: var(--tp-heading-2); font-weight: 600; font-family: var(--tp-ff-heading); margin-top: 28px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-5-paragraph br { display: none; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-5-paragraph { font-size: 16px; }
}

@media (max-width: 767px) {
	.tp-slider-5-paragraph { font-size: 14px; }
}

@media (max-width: 767px) {
	.tp-slider-5-paragraph br { display: none; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-slider-5-paragraph br { display: block; }
}

@media (max-width: 767px) {
	.tp-slider-5-btn-box { flex-direction: column; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-slider-5-btn-box { flex-direction: inherit; }
}

.tp-slider-5-btn-box .tp-btn { margin-right: 20px; }
.tp-slider-5-btn-box .tp-btn:last-child { margin-right: 0; }

@media (max-width: 767px) {
	.tp-slider-5-btn-box .tp-btn { margin-right: 0; margin-bottom: 10px; }
}

@media (max-width: 767px) {
	.tp-slider-5-btn-box .tp-btn { margin-right: 0; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-slider-5-btn-box .tp-btn { margin-right: 20px; }
}

.tp-slider-5-btn-box .tp-btn.tp-btn-white { color: var(--tp-common-white); }
.tp-slider-5-btn-box .tp-btn.tp-btn-white::before { background: var(--tp-heading-1); }

@media (max-width: 767px) {
	.tp-slider-5-thumb { display: none; }
}

.tp-slider-5-main-img { margin-bottom: 50px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-slider-5-main-img { margin-left: -110px; }
}

.tp-slider-5-bg-shape1 { position: absolute; top: 85px; left: 160px; z-index: -1; }

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
	.tp-slider-5-bg-shape1 { left: 100px; }
}

@media (max-width: 767px) {
	.tp-slider-5-bg-shape1 { top: 8px; left: 44px; }
}

.tp-slider-area:hover .tp-slider-arrow-box button { visibility: visible; opacity: 1; }
.tp-slider-area:hover .tp-slider-arrow-box button.slider-prev { left: 104px; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-area:hover .tp-slider-arrow-box button.slider-prev { left: 40px; }
}

.tp-slider-area:hover .tp-slider-arrow-box button.slider-next { right: 104px; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-slider-area:hover .tp-slider-arrow-box button.slider-next { right: 40px; }
}

.tp-slider-area:hover .tp-slider-arrow-box-2 button.slider-prev { left: 60px; }

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-slider-area:hover .tp-slider-arrow-box-2 button.slider-prev { left: 30px; }
}

.tp-slider-area:hover .tp-slider-arrow-box-2 button.slider-next { right: 60px; }

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-slider-area:hover .tp-slider-arrow-box-2 button.slider-next { right: 30px; }
}

.tp-hero1-height { min-height: 500px; }
.tp-hero-height { min-height: 950px; }
.tp-hero-content { padding-right: 80px; }
.tp-hero-content > span { font-size: 24px; font-weight: 700; color: var(--tp-common-white); }
.tp-hero-content > span img { -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); -ms-transform: translateY(-7px); -o-transform: translateY(-7px); transform: translateY(-7px); }
.tp-hero-content p { font-size: 20px; line-height: 1.4; color: rgba(255, 255, 255, 0.7); padding-left: 100px; }
.tp-hero-title { font-size: 100px; color: var(--tp-common-white); font-weight: 700; line-height: 1; letter-spacing: -0.04em; }
.tp-hero-title span { background-image: -webkit-linear-gradient(90.68deg, #BCFFA4 8.59%, #BCFFA4 8.59%, #F59571 86.19%); background-image: -moz-linear-gradient(90.68deg, #BCFFA4 8.59%, #BCFFA4 8.59%, #F59571 86.19%); background-image: -ms-linear-gradient(90.68deg, #BCFFA4 8.59%, #BCFFA4 8.59%, #F59571 86.19%); background-image: -o-linear-gradient(90.68deg, #BCFFA4 8.59%, #BCFFA4 8.59%, #F59571 86.19%); background-image: linear-gradient(90.68deg, #BCFFA4 8.59%, #BCFFA4 8.59%, #F59571 86.19%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; padding-right: 3px; }

.tp-service-btn a { padding: 18px 51px; }

@media (max-width: 767px) {
	.tp-service-button { margin-top: 30px; justify-content: left !important; margin-bottom: 15px; }
}

.tp-service-item { margin-bottom: 30px; }
.tp-service-item:hover .tp-service-round::before { visibility: visible; opacity: 1; top: -3px; left: -3px; }
.tp-service-img { margin-bottom: 20px; position: relative; display: inline-block; }
.tp-service-img img { width: 100%; }
.tp-service-icon { position: absolute; top: 40px; left: 0; right: 0; z-index: 1; }
.tp-service-icon span { width: 100px; height: 100px; line-height: 112px; display: inline-block; background: var(--tp-common-white); text-align: center; border-radius: 50px; color: var(--tp-theme-primary); font-size: 50px; }
.tp-service-content .tp-service-arrow { color: var(--tp-text-body); font-size: 22px; transition: 0.4s; }
.tp-service-content .tp-service-arrow:hover { color: var(--tp-theme-primary); }
.tp-service-titile { font-size: 26px; margin-bottom: 26px; }
.tp-service-titile:hover { color: var(--tp-theme-primary); }

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

.tp-service-solution { background: var(--tp-common-white); padding: 12px 0; margin: 30px 40px 0; }

@media (max-width: 767px) {
	.tp-service-solution { display: none; }
}

.tp-service-solution-text { font-size: 18px; margin-right: 16px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-service-solution-text { font-size: 14px; }
}

.tp-service-solution-2 { background: none; }
.tp-service-solution-btn { color: var(--tp-common-white); padding: 5px 22px; font-weight: 700; background: var(--tp-heading-primary); transition: 0.4s; }
.tp-service-solution-btn-2 { background: var(--tp-heading-1); }
.tp-service-solution-btn:hover { background: var(--tp-theme-primary); color: var(--tp-common-white); }
.tp-service-round { width: 160px; height: 160px; border: 2px solid var(--tp-common-white); border-radius: 50%; position: absolute; bottom: 15px; right: 12px; overflow: hidden; transition: 0.6s; }
.tp-service-round::before { content: ""; position: absolute; width: 162px; height: 162px; background: var(--tp-theme-primary); border-radius: 50%; top: 100%; left: 100%; visibility: hidden; opacity: 0; transition: 0.7s; }
.tp-service-2-area { background-image: linear-gradient(0deg, #e9ebfd 0%, #fff 100%); margin-top: -151px; padding: 235px 0 120px; }
.tp-service-2-swiper-container { padding-bottom: 131px; }
.tp-service-2-slider-active .swiper-slide-active .tp-service-2-icon { background: var(--tp-heading-primary); }
.tp-service-2-slider-active .swiper-slide-active .tp-service-2-btn { background: var(--tp-theme-primary); color: var(--tp-common-white); }
.tp-service-2-slider-active .swiper-slide-active .tp-service-2-paragraph { visibility: visible; opacity: 1; }
.tp-service-2-slider-active .swiper-slide-active .tp-service-2-inner-item { opacity: 0; visibility: hidden; }
.tp-service-2-slider-active .swiper-slide-active .tp-service-2-btn i { display: inline-block; }
.tp-service-2-item-wrapper:hover .tp-service-2-btn { background: var(--tp-theme-primary); color: var(--tp-common-white); }
.tp-service-2-box { position: absolute; bottom: -131px; width: 100%; }
.tp-service-2-thum img { width: 100%; }
.tp-service-2-icon { background: var(--tp-common-white); padding: 38px 0px 34px; margin: 0 40px; position: relative; transition: 0.4s; }
.tp-service-2-icon::before { position: absolute; content: ""; height: 20px; width: 2px; background: var(--tp-text-skill); top: 6px; left: 6px; }
.tp-service-2-icon::after { content: ""; position: absolute; width: 20px; height: 2px; left: 6px; top: 6px; background: var(--tp-text-skill); }
.tp-service-2-inner-item { transition: 0.3s; }
.tp-service-2-inner-item span { color: var(--tp-theme-primary); font-size: 56px; margin-bottom: 23px; display: inline-block; transition: 0.4s; }
.tp-service-2-icon-title { font-size: 22px; }
.tp-service-2-icon-title:hover { color: var(--tp-theme-primary); }
.tp-service-2-paragraph { position: absolute; bottom: 50px; left: 0; right: 0; opacity: 0; visibility: hidden; transition: 0.4s; }
.tp-service-2-paragraph p { color: var(--tp-common-white); width: 80%; margin: auto; }
.tp-service-2-btn { background: transparent; padding: 14px 20px; display: block; margin: 0 40px; font-size: 16px; color: var(--tp-text-body); font-weight: 700; font-family: var(--tp-ff-heading); transition: 0.4s; }
.tp-service-2-btn i { margin-left: 8px; position: relative; top: 2px; color: var(--tp-common-white); display: none; }
.tp-service-2-bg-shape1 { position: absolute; top: 180px; left: 120px; animation: rotate-thum 9s infinite; }

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-service-2-bg-shape1 { left: 30px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-service-2-bg-shape1 { display: none; }
}

@media (max-width: 767px) {
	.tp-service-2-bg-shape1 { display: none; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-service-2-bg-shape1 { display: none; }
}

.tp-service-2-bg-shape2 { position: absolute; left: 0; bottom: -50px; animation: bounce-thum-3 4s forwards infinite alternate; }
.tp-service-2-bg-shape3 { position: absolute; top: 0; right: 0; z-index: -1; }

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-service-2-bg-shape3 { display: none; }
}

.tp-service-3-area { background-position: center center; background-size: cover; background-repeat: no-repeat; }
.tp-service-3-item-wrapper:hover .tp-service-3-icon span { background: var(--tp-theme-primary); color: var(--tp-common-white); }
.tp-service-3-item-wrapper:hover .tp-service-3-btn { background: var(--tp-theme-primary); color: var(--tp-common-white); }
.tp-service-3-item-wrapper:hover .tp-service-3-thum::before { visibility: visible; opacity: 1; height: 100%; }
.tp-service-3-box { position: absolute; bottom: -157px; }
.tp-service-3-thum { position: relative; }
.tp-service-3-thum::before { content: ""; position: absolute; width: 100%; height: 0; top: 0; left: 0; background: rgba(18, 6, 44, 0.8); visibility: hidden; opacity: 0; transition: 0.4s; }
.tp-service-3-thum img { width: 100%; }
.tp-service-3-icon { position: absolute; left: 0; top: -50px; z-index: 11; right: 0; }
.tp-service-3-icon span { width: 100px; height: 100px; border-radius: 50px; line-height: 110px; text-align: center; background: var(--tp-common-white); display: inline-block; font-size: 50px; color: var(--tp-theme-primary); transition: 0.4s; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2); }
.tp-service-3-inner-item { background: var(--tp-common-white); padding: 74px 20px 14px; margin: 0 40px; position: relative; transition: 0.4s; }
.tp-service-3-icon-title { font-size: 22px; margin-bottom: 16px; }
.tp-service-3-icon-title:hover { color: var(--tp-theme-primary); }
.tp-service-3-icon-paragraph { line-height: 24px; color: var(--tp-text-23); }
.tp-service-3-btn { background: transparent; padding: 14px 20px; display: block; margin: 0 40px; font-size: 16px; color: var(--tp-text-body); font-weight: 700; font-family: var(--tp-ff-heading); transition: 0.4s; }
.tp-service-4-area { background: var(--tp-common-gray2); }

@media (max-width: 767px) {
	.tp-service-4-bg-shape { display: none; }
}

.tp-service-4-wrapper { background: var(--tp-common-white); padding: 54px 45px 34px; transition: 0.4s; border: 1px solid transparent; margin-bottom: 30px; }
.tp-service-4-wrapper:hover { border: 1px solid var(--tp-heading-1); }
.tp-service-4-wrapper:hover .tp-service-4-arrow-icon { visibility: visible; opacity: 1; left: 0; }
.tp-service-4-wrapper:hover .tp-service-4-code-icon span { color: var(--tp-heading-1); }
.tp-service-4-icon-box { justify-content: space-between; margin-bottom: 18px; }
.tp-service-4-code-icon span { color: var(--tp-theme-primary); font-size: 68px; transition: 0.4s; }
.tp-service-4-arrow-icon { visibility: hidden; opacity: 0; transition: 0.4s; position: relative; left: -16px; margin-top: 14px; }
.tp-service-4-arrow-icon span { width: 40px; height: 40px; border-radius: 50px; background-color: var(--tp-common-gray2); color: var(--tp-heading-1); font-size: 16px; display: inline-block; text-align: center; line-height: 47px; transition: 0.4s; }
.tp-service-4-arrow-icon span:hover { background: var(--tp-theme-primary); color: var(--tp-common-white); }
.tp-service-4-title { color: var(--tp-heading-5); margin-bottom: 24px; }
.tp-service-4-title:hover { color: var(--tp-heading-1); }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-service-4-title { font-size: 22px; }
}

.tp-service-4-descri { color: var(--tp-text-10); line-height: 32px; }
.tp-service-4-content { position: absolute; left: 48px; bottom: 24px; }
.tp-service-4-content .tp-btn { padding: 19px 35px; }
.tp-service-4-content .tp-btn::after { background: var(--tp-common-white); }
.tp-service-4-content .tp-btn:hover { color: var(--tp-heading-secondary); }
.tp-service-4-content h3 { color: var(--tp-common-white); font-size: 24px; font-weight: 700; margin-bottom: 26px; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-service-4-bottom-item { margin-top: 0; margin-bottom: 40px; }
}

@media (max-width: 767px) {
	.tp-service-4-bottom-item { display: none !important; }
}

.tp-service-4-bottom-item img { margin-right: 30px; }
.tp-service-4-bottom-item p { color: var(--tp-text-10); margin-bottom: 0; }
.tp-service-4-shape1 { position: absolute; top: -120px; left: 0; z-index: -1; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-service-4-shape1 { top: -164px; left: 0; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-service-4-shape1 { top: -260px; left: 0; }
}

.tp-service-4-shape2 { position: absolute; left: 65px; top: 140px; z-index: -1; animation: rotate-thum 9s infinite; }

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-service-4-shape2 { left: 30px; top: 50px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-service-4-shape2 { left: 0px; top: 25px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-service-4-shape2 { left: 20px; top: 20px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-service-4-shape2 { left: 0px; top: -55px; }
}

.tp-service-4-shape3 { position: absolute; top: 0; right: 0; z-index: -1; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-service-4-shape3 { right: -323px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-service-4-shape3 { right: -400px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-service-5-area { padding-top: 120px; }
}

@media (max-width: 767px) {
	.tp-service-5-area { padding-top: 0; }
}

.tp-service-5-item { background: var(--tp-common-white); box-shadow: 0px 0px 60px 0px rgba(35, 15, 83, 0.08); padding: 60px 54px 56px 51px; position: relative; }
.tp-service-5-item:hover::after { width: 100%; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-service-5-item { padding: 60px 50px 56px 50px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-service-5-item { padding: 60px 30px 56px 30px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-service-5-item { padding: 60px 20px 56px 20px; }
}

@media (max-width: 767px) {
	.tp-service-5-item { display: inherit !important; }
}

.tp-service-5-item::after { content: ""; position: absolute; width: 0; height: 2px; background: var(--tp-theme-primary); left: 0; bottom: 0; transition: 0.6s; }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-service-5-thumb img { width: 80px; }
}

@media (max-width: 767px) {
	.tp-service-5-thumb img { margin-bottom: 30px; }
}

.tp-service-5-content { margin-left: 46px; margin-top: 4px; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-service-5-content { margin-left: 20px; }
}

@media (max-width: 767px) {
	.tp-service-5-content { margin-left: 0; }
}

.tp-service-5-title { color: var(--tp-heading-2); margin-bottom: 28px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-service-5-title { font-size: 22px; }
}

.tp-service-5-title:hover { color: var(--tp-theme-primary); }
.tp-service-5-paragraph { color: var(--tp-text-10); margin-bottom: 25px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-service-5-paragraph { font-size: 14px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-service-5-paragraph { font-size: 12px; }
}

.tp-service-5-btn a { color: var(--tp-heading-2); font-size: 18px; transition: 0.4s; }
.tp-service-5-btn a:hover { color: var(--tp-theme-primary); }
.tp-service-5-btn a i:hover { animation: tfLeftToRight 0.5s forwards; }
.tp-service-5-bg-shape { position: absolute; top: 380px; right: -15px; z-index: -1; }

@media (max-width: 767px) {
	.tp-service-5-bg-shape { display: none; }
}

.tp-service-price-inner-wraper { filter: drop-shadow(0 0 20px rgba(113, 108, 108, 0.08)); background: var(--tp-common-white); padding: 50px 30px 40px 52px; position: relative; z-index: 1; margin-bottom: 30px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-service-price-inner-wraper { padding: 50px 30px 40px 45px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-service-price-inner-wraper { padding: 50px 90px 40px 52px; }
}

.tp-service-price-inner-wraper:hover::before { height: 100%; visibility: visible; opacity: 1; }
.tp-service-price-inner-wraper:hover .tp-service-price-inner-icon img { filter: brightness(0) invert(1); }
.tp-service-price-inner-wraper:hover .tp-service-price-inner-title { color: var(--tp-common-white); }
.tp-service-price-inner-wraper:hover .tp-service-price-inner-paragraph { color: var(--tp-common-white); }
.tp-service-price-inner-wraper:hover .tp-service-price-inner-btn { color: var(--tp-common-white); }
.tp-service-price-inner-wraper:hover .tp-service-price-inner-wraper-shape { top: 0; }
.tp-service-price-inner-wraper::before { content: ""; position: absolute; width: 100%; height: 0; top: 0; left: 0; background: var(--tp-theme-primary); z-index: -1; visibility: hidden; opacity: 0; transition: 0.6s; }
.tp-service-price-inner-icon img { transition: 0.4s; }
.tp-service-price-inner-title { color: var(--tp-heading-5); margin-bottom: 20px; }
.tp-service-price-inner-paragraph { color: var(--tp-text-10); margin-bottom: 30px; line-height: 26px; transition: 0.4s; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-service-price-inner-paragraph { font-size: 14px; }
}

@media (max-width: 767px) {
	.tp-service-price-inner-paragraph { font-size: 15px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-service-price-inner-paragraph { width: 64%; }
}

.tp-service-price-inner-btn { font-size: 16px; letter-spacing: 0px; color: var(--tp-heading-primary); font-weight: 700; font-family: var(--tp-ff-heading); transition: 0.8s; }
.tp-service-price-inner-btn i { margin-left: 10px; }
.tp-service-inner-main-area { padding-bottom: 220px; }
.tp-service-inner-main-area-2 { padding-bottom: 80px; }
.tp-service-price-inner-wraper-shape { position: absolute; top: -184px; left: 0; transition: 0.6s; z-index: -1; }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-service-details-wrapper { margin-left: 0; margin-top: 50px; }
}

.tp-service-details-box { background: var(--tp-common-gray2); padding: 30px 32px; }
.tp-service-details-box ul li { list-style: none; }
.tp-service-details-box ul li:not(:last-of-type) { margin-bottom: 10px; }
.tp-service-details-box ul li a { font-size: 16px; padding: 15px 20px; display: block; color: var(--tp-heading-primary); background: var(--tp-common-white); -webkit-transition: all 0.3s 0s ease-out; -moz-transition: all 0.3s 0s ease-out; -ms-transition: all 0.3s 0s ease-out; -o-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; font-weight: 700; position: relative; }
.tp-service-details-box ul li a::after { content: ""; position: absolute; width: 56px; height: 100%; top: 0; right: 0; background: var(--tp-border-secondary); z-index: -1; -webkit-transition: all 0.3s 0s ease-out; -moz-transition: all 0.3s 0s ease-out; -ms-transition: all 0.3s 0s ease-out; -o-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; visibility: hidden; opacity: 0; }
.tp-service-details-box ul li a span { float: right; font-size: 20px; transition: 0.4s; margin-right: -3px; margin-top: 3px; -webkit-transition: all 0.3s 0s ease-out; -moz-transition: all 0.3s 0s ease-out; -ms-transition: all 0.3s 0s ease-out; -o-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; }
.tp-service-details-box ul li a.active { background-color: rgb(255, 255, 255); filter: drop-shadow(0px 16px 20px rgba(29, 21, 44, 0.12)); }
.tp-service-details-box ul li a.active span { color: var(--tp-common-white); }
.tp-service-details-box ul li a.active::after { visibility: visible; opacity: 1; }
.tp-service-details-box ul li a:hover { background-color: rgb(255, 255, 255); filter: drop-shadow(0px 16px 20px rgba(29, 21, 44, 0.12)); }
.tp-service-details-box ul li a:hover span { color: var(--tp-common-white); }
.tp-service-details-box ul li a:hover::after { visibility: visible; opacity: 1; }
.tp-service-details-thumb img { width: 100%; }
.tp-service-details-box-title { font-size: 30px; margin-bottom: 44px; }
.tp-service-details-price .tp-header-btn { padding: 18px 42px; }
.tp-service-details-price { padding: 30px 0px 0px 30px; background: var(--tp-common-white); }
.tp-service-details-btn { background: var(--tp-heading-primary); color: var(--tp-common-white); padding: 14px 43px; font-weight: 700; font-family: var(--tp-ff-heading); font-size: 16px; }
.tp-service-details-price-thumb { margin-left: -22px; margin-top: 50px; }
.tp-service-details-price-shape { position: absolute; bottom: -20px; right: -11px; z-index: -1; }
.tp-service-details-pdf-title { font-size: 22px; font-weight: 800; margin-bottom: 38px; }
.tp-service-details-pdf { background: var(--tp-common-white); padding: 22px 20px 18px 30px; }
.tp-service-details-pdf-icon span { margin-right: 22px; }
.tp-service-details-pdf-info span { font-size: 14px; color: var(--tp-text-10); }
.tp-service-details-pdf-info p { text-decoration: underline; color: var(--tp-heading-primary); font-weight: 700; font-family: var(--tp-ff-heading); margin-bottom: 0; }
.tp-service-details-title { font-size: 36px; letter-spacing: -1px; margin-bottom: 22px; }

@media (max-width: 767px) {
	.tp-service-details-title { font-size: 30px; }
}

.tp-service-details-wrapper p { color: var(--tp-text-10); margin-bottom: 50px; }
.tp-service-details-icon-box:hover span { background: var(--tp-theme-primary); }
.tp-service-details-icon-box:hover img { filter: brightness(0) invert(1); }
.tp-service-details-icon-box span { width: 100px; height: 100px; display: inline-block; background: var(--tp-common-gray2); line-height: 100px; margin-bottom: 26px; transition: 0.4s; }
.tp-service-details-icon-box img { transition: 0.4s; }
.tp-service-details-icon-title { font-size: 20px; line-height: 32px; }
.tp-service-details-title-2 { font-size: 16px; line-height: 30px; background: var(--tp-common-white); filter: drop-shadow(0px 4px 20px rgba(30, 22, 22, 0.08)); padding: 28px 85px 28px 40px; margin-bottom: 62px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-service-details-title-2 { font-size: 15px; }
}

@media (max-width: 767px) {
	.tp-service-details-title-2 { font-size: 15px; padding: 40px 30px 38px 30px; }
}

.tp-service-details-point:hover span::before { transform: scale(1); }
.tp-service-details-point span { display: inline-block; flex: 0 0 auto; font-size: 30px; height: 60px; width: 60px; line-height: 60px; text-align: center; border-radius: 50%; color: var(--tp-common-white); background: var(--tp-theme-primary); margin-right: 30px; position: relative; transition: 0.4s; z-index: 1; }
.tp-service-details-point span::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transform: scale(0); background: var(--tp-heading-primary); width: 100%; height: 100%; z-index: -1; transition: 0.6s; border-radius: 50%; }
.tp-service-details-point-title { font-size: 16px; line-height: 30px; color: var(--tp-text-10); font-weight: 400; }
.tp-service-inner-breadcrumb-area { height: 520px !important; }
.tp-service-inner-breadcrumb-area::before { background-color: rgb(13, 3, 30) !important; opacity: 0.702 !important; }
.tp-service-breadcrumb-title { font-size: 60px !important; }
.tp-service-breadcrumb-body { letter-spacing: 0; font-family: "DM Sans"; font-weight: 600; color: var(--tp-common-white); }

.tp-service-item:hover .tp-service-round { border: 2px solid var(--tp-theme-primary) !important; }

.tp-custom-accordion { position: relative; z-index: 2; }
.tp-custom-accordion .accordion-items { margin-bottom: 20px; background-color: var(--tp-common-white); overflow: hidden; border-radius: 30px; }
.tp-custom-accordion .accordion-items.tp-faq-active { border-radius: 28px 28px 10px 10px; }
.tp-custom-accordion .accordion-buttons { position: relative; width: 100%; padding: 18px 0px 18px 78px; text-align: left; padding-right: 90px; font-weight: 500; font-size: 16px; line-height: 24px; background-color: rgba(255, 255, 255, 0.5); color: var(--tp-common-black); font-weight: 700; }
.tp-custom-accordion .accordion-buttons:not(.collapsed) { background-color: var(--tp-theme-primary); color: var(--tp-common-white); }
.tp-custom-accordion .accordion-buttons:not(.collapsed)::after { color: var(--tp-heading-primary); background: var(--tp-common-white); }
.tp-custom-accordion .accordion-buttons::after { position: absolute; content: "\f068"; font-family: "Font Awesome 5 Pro"; background-image: none; top: 18px; left: 32px; width: 25px; height: 25px; font-weight: 700; font-size: 12px; opacity: 1; color: var(--tp-common-white); text-align: center; background: var(--tp-theme-primary); border-radius: 50px; line-height: 26px; }
.tp-custom-accordion .accordion-buttons.collapsed::after { content: "\f067"; }
.tp-custom-accordion .collapsed { border-radius: 30px 30px 30px 30px; position: relative; z-index: 99; }
.tp-custom-accordion .accordion-body { position: relative; background-color: var(--tp-common-white); padding: 23px 30px; z-index: 1; font-weight: 400; font-size: 16px; line-height: 30px; color: #707480; border-radius: 0px 0px 10px 10px; }

.tp-service-details-faq .tp-custom-accordion .accordion-items { border-radius: 0; filter: drop-shadow(0 0 30px rgba(29, 18, 46, 0.08)); background-color: var(--tp-common-white); }

.tp-service-details-faq .tp-custom-accordion .accordion-buttons:not(.collapsed) { border-radius: 0; }

.tp-service-details-faq .tp-custom-accordion .collapsed { border-radius: 0; }

.tp-service-details-faq .accordion-body { padding: 23px 70px 23px 30px; }

/*----------------------------------------*/
/*  7.1 About css
/*----------------------------------------*/
@media (max-width: 767px) {
	.tp-about-wrapper { margin-left: 0; }
}

.tp-about-thumb-wrapper { position: relative; z-index: 1; margin-left: -30px; }

@media (max-width: 767px) {
	.tp-about-thumb-wrapper { margin-bottom: 40px; }
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-about-thumb { text-align: center; margin-bottom: 50px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-about-thumb .tp-about-thumb1 { width: 100%; margin-top: 80px; }
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-about-thumb .tp-about-thumb1 { width: 100%; }
}

.tp-about-thumb2 { position: absolute; left: -146px; top: 0; z-index: -1; animation: bounce-thum-1 3.5s infinite; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-about-thumb2 { left: -82px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-about-thumb2 { left: -60px; }
}

@media (max-width: 767px) {
	.tp-about-thumb2 { left: -50px; }
}

.tp-about-shape1 { position: absolute; top: 276px; left: -42px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-about-shape1 { display: none; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-about-shape1 { left: 31px; }
}

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

.tp-about-shape2 { position: absolute; bottom: 52px; left: -22px; animation: bounce-thum-2 1s ease-in-out 0.1s forwards infinite alternate; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-about-shape2 { left: 0; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-about-shape2 { left: 38px; }
}

@media (max-width: 767px) {
	.tp-about-shape2 { bottom: 114px; left: -8px; }
}

.tp-about-call-icon { margin-right: 18px; }
.tp-about-call-icon a { width: 60px; height: 60px; line-height: 66px; display: inline-block; background: var(--tp-common-black); text-align: center; border-radius: 50px; font-size: 24px; color: var(--tp-common-white); }
.tp-about-call-icon a:hover { background: var(--tp-theme-primary); }
.tp-about-call-number span { display: block; margin-bottom: 4px; }
.tp-about-call-number a { color: var(--tp-theme-primary); font-size: 18px; font-weight: 700; }
.tp-about-call-number a:hover { color: var(--tp-heading-primary); }
.tp-about-call-item { position: absolute; left: 125px; bottom: 0; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-about-call-item { left: 110px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-about-call-item { left: 180px; }
}

@media (max-width: 767px) {
	.tp-about-call-item { left: 70px; }
}

@media (max-width: 767px) {
	.tp-about-top-item { display: inherit !important; }
}

.tp-about-video-btn { position: relative; }

@media (max-width: 767px) {
	.tp-about-video-btn { margin-bottom: 20px; }
}

.tp-about-video-btn a img { border: 8px solid var(--tp-common-white); border-radius: 50px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); transition: 0.4s; }
.tp-about-video-btn a:hover img { border-color: var(--tp-theme-primary); }
.tp-about-video-btn a i { position: absolute; left: 43px; top: 38px; color: var(--tp-common-white); font-size: 22px; }
.tp-about-inner-parag p { margin-left: 98px; position: relative; }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-about-inner-parag p br { display: none; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-about-inner-parag p { margin-left: 75px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-about-inner-parag p { width: 70%; }
}

@media (max-width: 767px) {
	.tp-about-inner-parag p { margin-left: 50px; font-size: 14px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-about-inner-parag p { width: 60%; }
}

.tp-about-inner-parag p::before { content: ""; position: absolute; top: 14px; left: -36px; width: 2px; height: 20px; background: var(--tp-theme-primary); transform: rotateZ(22deg); }
.tp-about-inner-parag p::after { content: ""; position: absolute; top: 10px; left: -43px; width: 2px; height: 20px; background: var(--tp-theme-primary); transform: rotateZ(22deg); }
.tp-about-inner-heading h3 { font-size: 24px; color: var(--tp-common-black); margin-left: 98px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-about-inner-heading h3 { font-size: 21px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-about-inner-heading h3 { font-size: 20px; }
}

@media (max-width: 767px) {
	.tp-about-inner-heading h3 { margin-left: 0; }
}

.tp-about-inner-heading span { font-size: 14px; color: var(--tp-theme-primary); font-weight: 500; margin-left: 31px; position: relative; line-height: 33px; }
.tp-about-inner-heading span::before { content: ""; position: absolute; width: 1px; height: 40%; top: 10px; left: -16px; background: var(--tp-theme-primary); }
.tp-about-feature-box { padding: 18px 0 14px; border-top: 1px solid var(--tp-border-1); border-bottom: 1px solid var(--tp-border-1); position: relative; }

@media (max-width: 767px) {
	.tp-about-feature-box { display: none !important; }
}

.tp-about-feature-box::after { width: 1px; height: 100%; top: 0; left: 43%; content: ""; position: absolute; background: var(--tp-common-gray3); }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-about-fi-margin { margin-left: 150px; }
}

.tp-about-feature-icon span { color: var(--tp-theme-primary); font-size: 50px; margin-right: 24px; }
.tp-about-feature-content h4 { font-size: 22px; line-height: 28px; }
.tp-about-btn { padding: 0; }

@media (max-width: 767px) {
	.tp-about-signacer-btn { display: inherit !important; }
}

.tp-about-signaser-img { margin-left: 58px; }

@media (max-width: 767px) {
	.tp-about-signaser-img { margin-left: 0; margin-top: 30px; }
}

.tp-about-2-bg-overlay { position: absolute; width: 34%; height: 100%; top: 0; left: 0; z-index: -1; background-color: rgba(244, 244, 244, 0.9); }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-about-2-bg-overlay { margin-left: 0; width: 100%; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-about-2-thumb-wrapper { margin-bottom: 40px; }
}

.tp-about-2-thumb::before { content: ""; position: absolute; width: 20px; height: 90%; top: 30px; left: -20px; background: var(--tp-theme-primary); }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-about-2-thumb::before { height: 80%; top: 89px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-about-2-thumb img { width: 100%; margin-top: 60px; }
}

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

.tp-about-2-bg-shape1 { position: absolute; top: 0; left: 0; z-index: -1; }
.tp-about-2-bg-shape2 { position: absolute; top: 0; right: 0; z-index: -1; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-about-2-wrapper { padding-left: 30px; }
}

.tp-about-2-shape-top { position: absolute; top: 10px; right: 10px; background: var(--tp-common-white); padding: 20px; border: 1px solid #DDD; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-about-2-shape-top { right: 98px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-about-2-shape-top { top: 59px; right: 0px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-about-2-shape-top { right: 0; }
}

.tp-about-2-shape-top-title { font-size: 50px; letter-spacing: -2px; color: var(--tp-theme-primary); font-weight: 800; margin-bottom: 2px; }
.tp-about-2-shape-top-paragraph { color: var(--tp-heading-primary); font-weight: 700; line-height: 24px; display: inline-block; }
.tp-about-2-shape-bottom { position: absolute; left: -104px; bottom: 108px; background: var(--tp-common-white); padding: 34px 78px 28px 38px; animation: moving 9s linear infinite; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-about-2-shape-bottom { left: -30px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-about-2-shape-bottom { left: -20px; padding: 34px 36px 28px 38px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-about-2-shape-bottom { left: -30px; }
}

@media (max-width: 767px) {
	.tp-about-2-shape-bottom { left: 0; padding: 34px 38px 28px; }
}

.tp-about-2-shape-bottom-icon span { width: 46px; height: 46px; line-height: 53px; display: inline-block; text-align: center; border-radius: 50px; background: var(--tp-theme-primary); color: var(--tp-common-white); font-size: 30px; }
.tp-about-2-shape-bottom-parag { font-size: 16px; color: var(--tp-text-2); font-weight: 400; margin-bottom: 0; font-family: "DM Sans"; }
.tp-about-2-shape-bottom-title { font-size: 22px; margin-bottom: 0; color: var(--tp-heading-primary); }
.tp-about-2-feature-item:hover span::before { transform: scale(1); }
.tp-about-2-feature-item:hover span { color: var(--tp-common-white); }
.tp-about-2-feature-icon span { width: 80px; height: 80px; line-height: 90px; display: inline-block; background: var(--tp-grey-5); color: var(--tp-theme-primary); text-align: center; border-radius: 50%; font-size: 40px; transition: 0.4s; position: relative; z-index: 1; margin-right: 32px; }
.tp-about-2-feature-icon span::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transform: scale(0); background: var(--tp-theme-primary); width: 100%; height: 100%; z-index: -1; transition: 0.6s; border-radius: 50%; }
.tp-about-2-fc-title { font-size: 22px; letter-spacing: 0px; }
.tp-about-2-fc-paragraph { line-height: 26px; width: 80%; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-about-2-fc-paragraph { font-size: 14px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-about-2-fc-paragraph { width: 66%; }
}

@media (max-width: 767px) {
	.tp-about-2-fc-paragraph { font-size: 13px; }
}

@media (max-width: 767px) {
	.tp-about-2-button-item { display: inherit !important; }
}

@media (max-width: 767px) {
	.tp-about-2-call-item { margin-left: 0; }
}

@media (max-width: 767px) {
	.tp-about-2-btn { margin-bottom: 30px; }
}

.tp-about-2-call-icon a { width: 60px; height: 60px; line-height: 66px; display: inline-block; background: transparent; text-align: center; border-radius: 50px; font-size: 24px; color: var(--tp-theme-primary); border: 1px solid var(--tp-border-3); transition: 0.4s; }
.tp-about-2-call-icon a:hover { background: var(--tp-theme-primary); color: var(--tp-common-white); border: 1px solid var(--tp-theme-primary); }
.tp-about-2-call-number span { display: block; }
.tp-about-2-call-number a { font-size: 18px; color: var(--tp-theme-primary); font-weight: 700; font-family: var(--tp-ff-heading); }
.tp-about-2-call-number a:hover { color: var(--tp-heading-primary); }
.tp-about-3-thumb { margin-left: -100px; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-about-3-thumb { margin-left: 0; margin-bottom: 50px; }
}

@media (max-width: 767px) {
	.tp-about-3-thumb { margin-left: 0; margin-bottom: 50px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-about-3-thumb img { width: 100%; }
}

.tp-about-3-shape1 { position: absolute; top: -53px; left: -364px; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-about-3-shape1 { left: -123px; }
}

@media (max-width: 767px) {
	.tp-about-3-shape1 { left: -160px; }
}

.tp-about-3-shape2 { position: absolute; top: 115px; left: -106px; z-index: -1; animation: bounce-thum-2 1s ease-in-out 0.1s forwards infinite alternate; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-about-3-shape2 { top: 295px; left: 76px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-about-3-shape2 { left: 61px; top: 160px; }
}

@media (max-width: 767px) {
	.tp-about-3-shape2 { left: 30px; top: 36px; }
}

.tp-about-3-shape3 { position: absolute; top: 203px; right: 55px; z-index: -1; animation: moving 8s linear infinite; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-about-3-shape3 { top: 284px; right: 150px; }
}

@media (max-width: 767px) {
	.tp-about-3-shape3 { top: 71px; right: 25px; }
}

.tp-about-3-feature-item:hover .tp-about-3-feature-counter { transition: 0.4s; }
.tp-about-3-feature-item:hover .tp-about-3-feature-counter::after { background-color: var(--tp-heading-primary); transition: 0.4s; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-about-3-right-wrappr { margin-left: 0; }
}

.tp-about-3-feature-counter { width: 130px; }

@media (max-width: 767px) {
	.tp-about-3-feature-counter { width: 250px; }
}

.tp-about-3-feature-counter .tp-counter { font-size: 26px; letter-spacing: -1px; color: var(--tp-theme-primary); margin-bottom: 4px; }
.tp-about-3-ftitle h5 { font-size: 16px; color: var(--tp-heading-primary); }
.tp-about-3-feature-content p { color: var(--tp-text-body); width: 75%; }

@media (max-width: 767px) {
	.tp-about-3-feature-content p { font-size: 14px; line-height: 24px; width: 90%; }
}

.tp-about-3-feature-counter::after { content: ""; position: absolute; width: 2px; height: 46px; background: var(--tp-grey-8); top: 9px; right: -32px; }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-about-4-area { padding-bottom: 120px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-about-4-left-thumb { margin-bottom: 100px; }
}

@media (max-width: 767px) {
	.tp-about-4-left-thumb { margin-bottom: 60px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-about-4-left-thumb > img { width: 100%; }
}

.tp-about-4-shape1 { position: absolute; right: 0; bottom: -105px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-about-4-shape1 { bottom: 0; }
}

@media (max-width: 767px) {
	.tp-about-4-shape1 { display: none; }
}

.tp-about-4-shape2 { position: absolute; top: 54px; right: 98px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-about-4-shape2 { right: 0; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-about-4-shape2 { right: 30px; }
}

@media (max-width: 767px) {
	.tp-about-4-shape2 { display: none; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-about-4-right-wrapper { margin-left: 50px; }
}

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

.tp-about-4-call-item { position: absolute; left: 140px; bottom: -55px; background: var(--tp-common-white); padding: 32px 52px 27px 40px; border-left: 10px solid var(--tp-theme-primary); box-shadow: 0px 2px 40px 0px rgba(21, 24, 32, 0.06); animation: moving 9s linear infinite; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-about-4-call-item { right: 34px; bottom: 25px; left: auto; }
}

@media (max-width: 767px) {
	.tp-about-4-call-item { left: 20px; bottom: 40px; }
}

.tp-about-4-call-icon a { width: 48px; height: 48px; border-radius: 50%; background-color: var(--tp-grey-9); display: inline-block; text-align: center; line-height: 48px; color: var(--tp-theme-primary); font-size: 20px; margin-right: 20px; transition: 0.4s; }
.tp-about-4-call-icon a:hover { background: var(--tp-theme-primary); color: var(--tp-common-white); }
.tp-about-4-call-number span { font-size: 14px; color: var(--tp-text-10); display: block; }
.tp-about-4-call-number a { color: var(--tp-text-11); font-weight: 700; font-family: var(--tp-ff-heading); transition: 0.4s; }
.tp-about-4-call-number a:hover { color: var(--tp-theme-primary); }
.tp-about-4-icon-box { border-bottom: 1px solid var(--tp-grey-10); padding-bottom: 20px; }
.tp-about-4-icon-box span { font-size: 46px; color: var(--tp-heading-3); margin-right: 20px; }
.tp-about-4-icon-title { font-size: 18px; line-height: 1.5; color: var(--tp-text-14); font-weight: 600; }

@media (max-width: 767px) {
	.tp-about-4-icon-title { font-size: 15px; }
}

.tp-about-4-parag p { color: var(--tp-text-10); width: 85%; }

@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
	.tp-about-4-signature { display: inherit !important; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-about-4-signature-sing { display: none; }
}

.tp-about-4-member { margin-left: 28px; margin-right: 6px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-about-4-member { display: none; }
}

@media (max-width: 767px) {
	.tp-about-4-member { margin-left: 0; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-about-4-member { margin-bottom: 30px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-about-4-signature-member { margin-bottom: 20px; }
}

@media (max-width: 767px) {
	.tp-about-4-signature-member { margin-bottom: 30px; }
}

.tp-about-4-text-shape { position: absolute; top: 0; right: 170px; z-index: -1; }

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-about-4-text-shape { right: 35px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-about-4-text-shape { right: 0; }
}

@media (max-width: 767px) {
	.tp-about-4-signature-btn { margin-bottom: 30px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-about-5-area { padding-bottom: 50px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-about-5-thumb { margin-bottom: 130px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-about-5-thumb > img { width: 100%; margin-top: 80px; }
}

@media (max-width: 767px) {
	.tp-about-5-thumb > img { width: 100%; }
}

.tp-about-5-thumb-s1 { position: absolute; bottom: 140px; left: -220px; animation: rotate-thum 9s infinite; }
.tp-about-5-thumb-s2 { position: absolute; top: -110px; left: -34px; animation: bounce-thum-2 1s ease-in-out 0.1s forwards infinite alternate; }
.tp-about-5-thumb-s3 { position: absolute; top: -55px; right: 102px; animation: moving 8s linear infinite; }
.tp-about-5-bg-shape { position: absolute; top: 30px; left: 0px; z-index: -1; }

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-about-5-bg-shape { left: -79px; }
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-about-5-bg-shape { display: none; }
}

.tp-about-inr-bg-overlay { background-image: -webkit-linear-gradient(-90deg, rgb(240, 230, 255) 0%, rgb(255, 255, 255) 100%); background-image: -ms-linear-gradient(-90deg, rgb(240, 230, 255) 0%, rgb(255, 255, 255) 100%); }
.tp-about-inr-area { padding: 160px 0 70px; }
.tp-about-inr-border { border-bottom: 1px solid var(--tp-grey-12); padding-bottom: 75px; }
.tp-about-inr-heading-subtitle { letter-spacing: 1px; text-transform: uppercase; color: #6222cc; font-weight: 700; font-family: var(--tp-ff-heading); display: inline-block; margin-bottom: 18px; }
.tp-about-inr-heading-subtitle span { color: #6a6a6a; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-about-inr-bottom-thumb { margin-bottom: 50px; }
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-about-inr-bottom-thumb img { width: 100%; }
}

.tp-about-inr-subtitle { font-size: 16px; font-weight: 700; }
.tp-about-inr-title { font-size: 50px; letter-spacing: -2px; }

@media (max-width: 767px) {
	.tp-about-inr-title br { display: none; }
}

@media (max-width: 767px) {
	.tp-about-inr-title { font-size: 40px; }
}

.tp-about-inr-heading-title { font-size: 60px; letter-spacing: -2px; }

@media (max-width: 767px) {
	.tp-about-inr-heading-title br { display: none; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-about-inr-heading-title { font-size: 50px; }
}

@media (max-width: 767px) {
	.tp-about-inr-heading-title { font-size: 40px; }
}

.tp-about-inr-bottom-content p { color: var(--tp-text-2); margin-bottom: 30px; }
.tp-about-inr-bottom-content p::first-letter { font-size: 100px; color: var(--tp-heading-primary); font-weight: 700; font-family: "DM Sans"; float: left; margin-right: 30px; }
.tp-about-inr-bottom-content span { color: var(--tp-text-2); margin-bottom: 70px; display: inline-block; }

.tp-section-subtitle.style-2 { font-weight: 700; position: relative; margin-bottom: 10px; }
.tp-section-subtitle.style-2::after { content: ""; position: absolute; width: 30px; height: 1px; top: 13px; right: -40px; background: var(--tp-theme-primary); }
.tp-section-paragraph { margin-top: 22px !important; }
.tp-section-paragraph-3 { margin-top: 32px !important; }
.tp-section-paragraph-3.white { color: var(--tp-grey-21); }

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-section-paragraph-3 br { display: none; }
}

/*----------------------------------------*/
/*  7.9 Customer css
/*----------------------------------------*/
.tp-customer-bg-shape { position: absolute; top: 0; left: 0; }

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-customer-bg-shape { left: -150px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-customer-bg-shape { left: -200px; }
}

@media (max-width: 767px) {
	.tp-customer-bg-shape { display: none; }
}

@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-customer-thumb > img { width: 100%; }
}

.tp-customer-thumb-shape1 { position: absolute; top: 35px; left: -10px; animation: moving 6s linear infinite; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-customer-thumb-shape1 { left: 70px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-customer-thumb-shape1 { top: 35px; left: 40px; }
}

@media (max-width: 767px) {
	.tp-customer-thumb-shape1 { top: -85px; left: 0px; }
}

.tp-customer-thumb-shape2 { position: absolute; bottom: 122px; left: -110px; border-radius: 10px; animation: bounce-thum-1 6.5s infinite; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-customer-thumb-shape2 { left: -29px; width: 40%; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-customer-thumb-shape2 { left: 30px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-customer-thumb-shape2 { left: 30px; }
}

@media (max-width: 767px) {
	.tp-customer-thumb-shape2 { display: none; }
}

.tp-customer-thumb-shape3 { position: absolute; top: 120px; right: -16px; animation: bounce-thum-3 5s forwards infinite alternate; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-customer-thumb-shape3 { right: -30px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-customer-thumb-shape3 { right: 40px; top: 250px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-customer-thumb-shape3 { right: -54px; top: 161px; }
}

@media (max-width: 767px) {
	.tp-customer-thumb-shape3 { display: none; }
}

.tp-customer-top-pagag { margin: 35px 0 48px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-customer-top-pagag { width: 52%; }
}

.tp-customer-list-item:hover span { color: var(--tp-common-white); border: 2px solid var(--tp-heading-1); }
.tp-customer-list-item:hover span::before { transform: scale(1); }
.tp-customer-list-item span { width: 48px; height: 48px; border-radius: 50px; background: transparent; text-align: center; line-height: 43px; border: 2px dashed var(--tp-heading-1); font-size: 20px; letter-spacing: 0px; color: var(--tp-heading-1); font-weight: 800; display: inline-block; font-family: var(--tp-ff-heading); margin-right: 20px; position: relative; transition: 0.6s; }
.tp-customer-list-item span::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transform: scale(0); background: var(--tp-heading-1); width: 100%; height: 100%; z-index: -1; transition: 0.6s; border-radius: 50%; }
.tp-customer-list-item h4 { font-size: 20px; color: var(--tp-heading-2); }

@media (max-width: 767px) {
	.tp-customer-list-item h4 { font-size: 18px; }
}

@media (max-width: 767px) {
	.tp-customer-button { display: inherit !important; }
}

@media (max-width: 767px) {
	.tp-customer-button a { margin-right: 0; margin-bottom: 20px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-customer-button a { margin-right: 20px; }
}

.tp-customer-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; vertical-align: middle; -webkit-appearance: none; appearance: none; border: none; outline: none !important; background-color: var(--tp-heading-primary); color: var(--tp-common-white); font-size: 16px; font-weight: 700; padding: 22px 51px; line-height: 1; transition: 500ms; text-transform: capitalize; position: relative; overflow: hidden; text-align: center; z-index: 1; margin-right: 20px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-customer-btn { font-size: 15px; }
}

.tp-customer-btn::before { content: ""; position: absolute; top: -50%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-top-left-radius: 50%; border-top-right-radius: 50%; background-color: var(--tp-theme-primary); transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.tp-customer-btn::after { content: ""; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: var(--tp-heading-primary); transition-duration: 700ms; transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.tp-customer-btn span { position: relative; color: inherit; z-index: 2; transition: 0s; }
.tp-customer-btn:hover { color: var(--tp-common-white); }
.tp-customer-btn:hover::before { top: 100%; }
.tp-customer-btn:hover::after { bottom: -50%; }
.tp-customer-btn-2 { background-color: transparent; color: var(--tp-heading-primary); box-shadow: 0px 0px 8px 0px rgba(127, 46, 248, 0.12); padding: 20px 51px; }
.tp-customer-btn-2::before { background-color: transparent; }
.tp-customer-btn-2 span i { margin-right: 7px; font-size: 19px; display: inline-block; position: relative; top: 2px; }

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

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

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

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

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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.table-content table td { padding: 20px 5px; }
}

.table-content table th, .table-content table td { border-bottom: 1px solid rgba(6, 7, 40, 0.1); border-right: 1px solid rgba(6, 7, 40, 0.1); }

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

@media (max-width: 767px) {
	.coupon-all button { padding: 0 20px; font-size: 13px; height: 60px; line-height: 60px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.coupon-all button { padding: 0 32px; font-size: 14px; }
}

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

@media (max-width: 767px) {
	.coupon input { height: 60px; line-height: 60px; font-size: 10px; width: 50%; padding-left: 20px; padding-right: 20px; }
}

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

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

.product-thumbnail, .cart-product-name, .product-price, .product-quantity, .product-subtotal, .product-remove { font-size: 20px; font-weight: 600; color: var(--tp-heading-secondary); }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product-thumbnail, .cart-product-name, .product-price, .product-quantity, .product-subtotal, .product-remove { font-size: 16px; }
}

@media (max-width: 767px) {
	.product-thumbnail, .cart-product-name, .product-price, .product-quantity, .product-subtotal, .product-remove { font-size: 15px; font-weight: 700; }
}

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

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

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

.coupon { float: left; }

@media (max-width: 767px) {
	.coupon { justify-content: left !important; }
}

@media (max-width: 767px) {
	.coupon { float: none; }
}

#coupon_code { background-color: var(--tp-theme-1); color: var(--tp-common-white); margin-right: 10px; width: inherit; height: 67px; line-height: 67px; padding: 0 25px; overflow: hidden; display: inline-block; font-weight: 500; font-size: 18px; letter-spacing: 0.03em; text-transform: uppercase; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#coupon_code { height: 54px; }
}

@media (max-width: 767px) {
	#coupon_code { padding: 0px 15px; }
}

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

.coupon2 { float: right; }

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

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

.cart-page-total { padding: 35px; margin-top: 100px; background: var(--tp-grey-1); }

@media (max-width: 767px) {
	.cart-page-total { padding: 30px 15px; }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.create-account { display: none; }

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
	.your-order { padding: 15px; }
}

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

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

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

@media (max-width: 767px) {
	.your-order-table table th, .your-order-table table td { padding-right: 10px; }
}

.your-order-table table th { border-top: medium none; color: #6f7172; font-weight: normal; text-align: left; vertical-align: middle; white-space: nowrap; width: 250px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*----------------------------------------*/
/*  7.4 checkout css start
/*----------------------------------------*/
.tp-checkout-verify-item { margin-bottom: 40px; }
.tp-checkout-verify-item:not(:last-child) { margin-bottom: 14px; }
.tp-checkout-verify-reveal { font-size: 14px; color: var(--tp-common-black); margin-bottom: 0; display: inline-block; border: 1px dashed #AAB0B2; padding: 18px 40px; width: 100%; }

@media (max-width: 767px) {
	.tp-checkout-verify-reveal { padding: 40px 15px; }
}

.tp-checkout-verify-reveal button { color: var(--tp-theme-primary); position: relative; }
.tp-checkout-verify-reveal button::after { position: absolute; content: ""; left: 0; bottom: 4px; width: 100%; height: 1px; background-color: var(--tp-theme-primary); }
.tp-checkout-btn { display: inline-block; font-size: 16px; font-weight: 500; color: var(--tp-common-white); background-color: var(--tp-theme-2); height: 50px; line-height: 50px; padding: 0 30px; text-align: center; }
.tp-checkout-btn:hover { background-color: var(--tp-common-black); color: var(--tp-common-white); }
.tp-checkout-input { margin-bottom: 20px; }
.tp-checkout-input label { font-weight: 500; color: var(--tp-common-black); padding-bottom: 10px; font-size: 14px; }
.tp-checkout-input label span { color: var(--tp-heading-primary); }
.tp-checkout-input input, .tp-checkout-input textarea { width: 100%; background: #FFFFFF; color: var(--tp-common-black); height: 64px; border: 1px solid #E0E2E3; }
.tp-checkout-input input:focus, .tp-checkout-input textarea:focus { border-color: var(--tp-theme-primary); }
.tp-checkout-input textarea { height: 200px; resize: none; padding: 25px; font-size: 14px; }
.tp-checkout-input .nice-select { height: 64px; line-height: 63px; border-radius: 0; border: 0; float: none; padding: 0 25px; font-size: 14px; }
.tp-checkout-input .nice-select::after { right: 26px; }
.tp-checkout-input .nice-select.open .list { -webkit-transform: scale(1) translateY(0px); -moz-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); -o-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); }
.tp-checkout-input .nice-select .list { margin-top: 0; border-radius: 0; transform-origin: center center; -webkit-transform: scale(0.9) translateY(0px); -moz-transform: scale(0.9) translateY(0px); -ms-transform: scale(0.9) translateY(0px); -o-transform: scale(0.9) translateY(0px); transform: scale(0.9) translateY(0px); width: 100%; padding: 12px 0; }
.tp-checkout-input .nice-select .list .option { line-height: 1.2; min-height: inherit; padding-top: 5px; padding-bottom: 5px; }
.tp-checkout-input .nice-select .list .option:hover { color: var(--tp-theme-2); }
.tp-checkout-option { margin-bottom: 4px; }
.tp-checkout-option-wrapper { margin-top: 10px; margin-bottom: 17px; }
.tp-checkout-option input { display: none; }
.tp-checkout-option input:checked ~ label::after { background-color: var(--tp-theme-primary); border-color: var(--tp-theme-primary); }
.tp-checkout-option input:checked ~ label::before { visibility: visible; opacity: 1; }
.tp-checkout-option label { font-size: 15px; color: var(--tp-heading-primary); position: relative; padding-left: 26px; z-index: 1; font-weight: 300; }
.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, 0.2); z-index: -1; transition: 0.3s; }
.tp-checkout-option label::before { position: absolute; content: "\f00c"; top: -2px; left: 5px; font-size: 11px; text-align: center; visibility: hidden; opacity: 0; color: var(--tp-common-white); transition: 0.3s; font-family: "Font Awesome 5 Pro"; }
.tp-checkout-option label a:hover { color: var(--tp-theme-primary); }
.tp-checkout-option label:hover { cursor: pointer; }
.tp-checkout-bill-area { padding: 45px 40px 24px; background-color: var(--tp-grey-1); }

@media (max-width: 767px) {
	.tp-checkout-bill-area { padding: 45px 25px 24px; }
}

.tp-checkout-bill-title { color: var(--tp-heading-primary); font-weight: 600; font-size: 26px; margin-bottom: 35px; }
.tp-checkout-place { padding: 44px 50px 50px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-checkout-place { padding: 35px 40px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-checkout-place { padding: 35px 30px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-checkout-place { margin-top: 50px; }
}

@media (max-width: 767px) {
	.tp-checkout-place { margin-top: 50px; padding-left: 15px; padding-right: 15px; }
}

.tp-checkout-place-title { font-size: 26px; font-weight: 600; margin-right: 37px; color: var(--tp-heading-primary); margin-bottom: 32px; }
.tp-checkout-payment { padding-bottom: 26px; margin-bottom: 24px; border-bottom: 1px solid #E0E2E3; }
.tp-checkout-payment-item:not(:last-child) { margin-bottom: 10px; }
.tp-checkout-payment-item.paypal-payment label { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-wrap: wrap; }
.tp-checkout-payment-item input { display: none; }
.tp-checkout-payment-item input:checked ~ label::before { opacity: 1; visibility: visible; }
.tp-checkout-payment-item label { font-size: 14px; position: relative; padding-left: 27px; font-weight: 500; color: var(--tp-common-black); }
.tp-checkout-payment-item label:hover { cursor: pointer; }
.tp-checkout-payment-item label::after { position: absolute; content: ""; left: 0; top: 3px; width: 16px; height: 16px; border-radius: 50%; border: 1px solid var(--tp-theme-primary); transition: 0.3s; }
.tp-checkout-payment-item label::before { position: absolute; content: ""; left: 3px; top: 6px; width: 10px; height: 10px; border-radius: 50%; background-color: var(--tp-theme-primary); visibility: hidden; opacity: 0; transition: 0.3s; }
.tp-checkout-payment-item label img { margin-left: 14px; -webkit-transform: translateY(1px); -moz-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); transform: translateY(1px); }
.tp-checkout-payment-item label a { margin-left: 20px; position: relative; }
.tp-checkout-payment-desc { position: relative; padding-top: 10px; display: none; }
.tp-checkout-payment-desc::after { position: absolute; content: ""; left: 57px; top: 0; width: 16px; height: 16px; background-color: #fff; -webkit-transform: translateY(3px) rotate(45deg); -moz-transform: translateY(3px) rotate(45deg); -ms-transform: translateY(3px) rotate(45deg); -o-transform: translateY(3px) rotate(45deg); transform: translateY(3px) rotate(45deg); }
.tp-checkout-payment-desc p { background-color: #fff; padding: 19px 30px; margin-left: 27px; font-size: 14px; line-height: 1.57; color: #55585B; margin-bottom: 0; }
.tp-checkout-agree { margin-bottom: 24px; }

.tp-return-customer { display: none; margin-top: 14px; padding: 40px 40px; background-color: var(--tp-grey-1); }

@media (max-width: 767px) {
	.tp-return-customer { padding: 40px 15px; }
}

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

.tp-order-details { padding: 70px 100px 55px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-order-details { padding: 70px 70px 55px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-order-details { padding: 70px 30px 55px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-order-details { padding: 70px 50px 55px; }
}

@media (max-width: 767px) {
	.tp-order-details { padding: 40px 30px 45px; }
}

.tp-order-details-icon { margin-bottom: 22px; }
.tp-order-details-icon span { display: inline-block; width: 120px; height: 120px; line-height: 118px; text-align: center; font-size: 55px; color: var(--tp-common-white); border: 1px solid rgba rgba(255, 255, 255, 0.2); border-radius: 50%; }
.tp-order-details-title { font-size: 30px; font-weight: 600; color: var(--tp-common-white); margin-bottom: 7px; }
.tp-order-details-content p { font-size: 16px; color: var(--tp-common-white); line-height: 1.38; }
.tp-order-details-item { margin-bottom: 38px; }
.tp-order-details-item-wrapper .row [class*=col-]:nth-child(2n) .tp-order-details-item { padding-left: 40px; }

@media (max-width: 767px) {
	.tp-order-details-item-wrapper .row [class*=col-]:nth-child(2n) .tp-order-details-item { padding-left: 0; }
}

.tp-order-details-item h4 { font-size: 18px; color: var(--tp-common-white); margin-bottom: 0; font-weight: 400; }
.tp-order-details-item p { font-weight: 700; font-size: 18px; color: var(--tp-common-white); margin-bottom: 0; }
.tp-order-info-wrapper { padding: 42px 50px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-order-info-wrapper { padding: 42px 40px; }
}

@media (max-width: 767px) {
	.tp-order-info-wrapper { padding: 42px 30px; }
}

.tp-order-info-title { font-size: 26px; font-weight: 600; margin-bottom: 40px; }
.tp-order-info-list ul li { list-style: none; padding: 15px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; }
.tp-order-info-list ul li:not(:last-child) { border-bottom: 1px solid #E0E2E3; }
.tp-order-info-list ul li span { font-size: 15px; color: var(--tp-common-black); }
.tp-order-info-list ul li.tp-order-info-list-header { padding-top: 0; padding-bottom: 12px; }
.tp-order-info-list ul li.tp-order-info-list-header h4 { font-size: 16px; font-weight: 500; margin-bottom: 0; color: var(--tp-heading-primary); }
.tp-order-info-list ul li.tp-order-info-list-desc p { font-size: 15px; margin-bottom: 0; }
.tp-order-info-list ul li.tp-order-info-list-desc p span { font-size: 15px; font-weight: 500; }
.tp-order-info-list ul li.tp-order-info-list-subtotal span:last-child { color: var(--tp-theme-primary); }
.tp-order-info-list ul li.tp-order-info-list-shipping span input { display: none; }
.tp-order-info-list ul li.tp-order-info-list-shipping span input:checked ~ label::before { opacity: 1; visibility: visible; }
.tp-order-info-list ul li.tp-order-info-list-shipping span label { font-size: 14px; position: relative; padding-right: 27px; }
.tp-order-info-list ul li.tp-order-info-list-shipping span label span { color: var(--tp-theme-primary); }
.tp-order-info-list ul li.tp-order-info-list-shipping span label:hover { cursor: pointer; }
.tp-order-info-list ul li.tp-order-info-list-shipping span label::after { position: absolute; content: ""; right: 0; top: 6px; width: 16px; height: 16px; border-radius: 50%; border: 1px solid var(--tp-theme-primary); transition: 0.3s; }
.tp-order-info-list ul li.tp-order-info-list-shipping span label::before { position: absolute; content: ""; right: 4px; top: 10px; width: 8px; height: 8px; border-radius: 50%; background-color: var(--tp-theme-primary); visibility: hidden; opacity: 0; transition: 0.3s; }
.tp-order-info-list ul li.tp-order-info-list-total { padding: 14px 0; }
.tp-order-info-list ul li.tp-order-info-list-total span { font-size: 16px; font-weight: 500; }
.tp-order-inner { background-color: var(--tp-common-white); box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1); }

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

/*----------------------------------------*/
/*  8.2 Feature css
/*----------------------------------------*/
.tp-feature-2-section-subtitle { color: var(--tp-common-white); }
.tp-feature-2-section-subtitle::after { background: var(--tp-common-white) !important; }
.tp-feature-2-section-title { color: var(--tp-common-white); }

@media (max-width: 767px) {
	.tp-feature-2-section-title { font-size: 31px; font-weight: 800; }
}

.tp-feature-2-bottom { margin-top: -126px; }
.tp-feature-2-content { background: var(--tp-common-white); filter: drop-shadow(-2.29px 11.78px 20px rgba(135, 130, 147, 0.08)); padding: 36px 30px 64px 30px; transition: 0.4s; margin-bottom: 30px; }
.tp-feature-2-content:hover { background: var(--tp-theme-primary); }
.tp-feature-2-content:hover .tp-feature-2-cnt-title { color: var(--tp-common-white); }
.tp-feature-2-content:hover .tp-feature-2-cnt-icon span { color: var(--tp-common-white); }
.tp-feature-2-content:hover .tp-feature-2-content-paragraph p { color: var(--tp-common-white); }
.tp-feature-2-content:hover .tp-feature-2-content-shape { right: 0; }
.tp-feature-2-content:hover .tp-feature-2-content-bottom { transform: translateY(33px); }
.tp-feature-2-content-shape { position: absolute; top: 0; right: -96px; z-index: -1; transition: 0.5s; }
.tp-feature-2-content-box { display: flex; justify-content: space-between; flex-direction: column; }
.tp-feature-2-cnt-title { font-size: 20px; font-weight: 600; }
.tp-feature-2-cnt-icon span { font-size: 40px; color: var(--tp-theme-primary); transition: 0.4s; }
.tp-feature-2-content-bottom { transform: translateY(65px); transition: 0.6s; }
.tp-feature-2-content-paragraph p { line-height: 26px; }

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-feature-2-content-paragraph p { font-size: 15px; }
}

.tp-feature-2-arrow-box { display: flex; flex-direction: column; float: right; }

@media (max-width: 767px) {
	.tp-feature-2-arrow-box { float: left; }
}

.tp-feature-2-arrow-box button { font-size: 24px; height: 60px; line-height: 60px; width: 60px; border-radius: 50%; transition: all 0.3s ease 0s; color: var(--tp-common-white); background-color: rgb(31, 20, 55); margin: 5px 0; transition: 0.4s; }
.tp-feature-2-arrow-box button.slider-next { margin-bottom: 10px; }
.tp-feature-2-arrow-box button:hover { background: var(--tp-common-white); color: var(--tp-heading-primary); }
.tp-feature-2-icon span { font-size: 20px; color: var(--tp-common-white); }
.tp-feature-3-wrapper { box-shadow: 0px 0px 40px 0px rgba(80, 34, 149, 0.06); padding: 40px 0px 28px; position: relative; z-index: 1; }
.tp-feature-3-wrapper:hover::before { height: 100%; }
.tp-feature-3-wrapper:hover .tp-feature-3-icon span { color: var(--tp-common-white); }
.tp-feature-3-wrapper:hover .tp-feature-3-title { color: var(--tp-common-white); }
.tp-feature-3-wrapper:hover .tp-feature-3-shape { top: -4px; }
.tp-feature-3-wrapper::before { content: ""; position: absolute; width: 100%; height: 2px; top: 0; left: 0; background: var(--tp-theme-primary); transition: 0.4s; z-index: -1; }
.tp-feature-3-wrapper.active::before { height: 100%; }
.tp-feature-3-wrapper.active .tp-feature-3-icon span { color: var(--tp-common-white); }
.tp-feature-3-wrapper.active .tp-feature-3-title { color: var(--tp-common-white); }
.tp-feature-3-wrapper.active .tp-feature-3-shape { top: 0; }
.tp-feature-3-icon span { color: var(--tp-theme-primary); font-size: 66px; margin-bottom: 25px; display: inline-block; transition: 0.4s; }
.tp-feature-3-title { font-size: 18px; color: var(--tp-heading-primary); }
.tp-feature-3-shape { position: absolute; right: 0; top: -214px; transition: 0.4s; z-index: -1; }
.tp-feature-4-wrapper { display: flex; justify-content: space-between; box-shadow: 0px 0px 60px 0px rgba(34, 30, 58, 0.06); padding: 36px 33px 20px 40px; }
.tp-feature-4-wrapper:hover .tp-feature-4-shape { right: 0; }
.tp-feature-4-wrapper.green { transition: 0.4s; }
.tp-feature-4-wrapper.green:hover { background: var(--tp-heading-1); }
.tp-feature-4-wrapper.green:hover .tp-feature-4-title { color: var(--tp-common-white); }
.tp-feature-4-wrapper.green:hover .tp-feature-4-content p { color: var(--tp-common-white); }
.tp-feature-4-wrapper.green:hover .tp-feature-4-icon span { color: var(--tp-common-white); }
.tp-feature-4-wrapper.green::after { content: ""; position: absolute; width: 30px; height: 2px; background-color: var(--tp-heading-1); left: 44%; bottom: 0; }
.tp-feature-4-wrapper.violet { transition: 0.4s; }
.tp-feature-4-wrapper.violet:hover { background: var(--tp-text-14); }
.tp-feature-4-wrapper.violet:hover .tp-feature-4-title { color: var(--tp-common-white); }
.tp-feature-4-wrapper.violet:hover .tp-feature-4-content p { color: var(--tp-common-white); }
.tp-feature-4-wrapper.violet:hover .tp-feature-4-icon span { color: var(--tp-common-white); }
.tp-feature-4-wrapper.violet::after { content: ""; position: absolute; width: 30px; height: 2px; background-color: var(--tp-text-14); left: 44%; bottom: 0; }
.tp-feature-4-wrapper.red { transition: 0.4s; }
.tp-feature-4-wrapper.red:hover { background: var(--tp-heading-3); }
.tp-feature-4-wrapper.red:hover .tp-feature-4-title { color: var(--tp-common-white); }
.tp-feature-4-wrapper.red:hover .tp-feature-4-content p { color: var(--tp-common-white); }
.tp-feature-4-wrapper.red:hover .tp-feature-4-icon span { color: var(--tp-common-white); }
.tp-feature-4-wrapper.red::after { content: ""; position: absolute; width: 30px; height: 2px; background-color: var(--tp-heading-3); left: 44%; bottom: 0; }
.tp-feature-4-shape { position: absolute; top: 0; right: -131px; transition: 0.4s; }
.tp-feature-4-title { font-size: 20px; color: var(--tp-heading-2); margin-bottom: 20px; }
.tp-feature-4-content p { color: var(--tp-text-10); line-height: 26px; transition: 0.4s; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-feature-4-content p { font-size: 14px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-feature-4-content p { width: 80%; }
}

@media (max-width: 767px) {
	.tp-feature-4-content p { font-size: 14px; }
}

.tp-feature-4-icon { transition: 0.4s; }
.tp-feature-4-icon span { font-size: 42px; color: var(--tp-heading-1); transition: 0.4s; }
.tp-feature-4-icon.red span { color: var(--tp-heading-3); }
.tp-feature-4-icon.violet span { color: var(--tp-text-14); }

/*----------------------------------------*/
/*  9.5 Technology css
/*----------------------------------------*/
.tp-tmp-bg-overlay::before { content: ""; position: absolute; width: 100%; height: 1382px; top: 0; left: 0px; background-image: -moz-linear-gradient(-90deg, rgb(233, 236, 253) 0%, rgb(255, 255, 255) 100%); background-image: -webkit-linear-gradient(-90deg, rgb(233, 236, 253) 0%, rgb(255, 255, 255) 100%); background-image: -ms-linear-gradient(-90deg, rgb(233, 236, 253) 0%, rgb(255, 255, 255) 100%); z-index: -1; }

.tp-technology-bg-shape { position: absolute; top: 0; left: 0; z-index: -1; }
.tp-technology-wrapper { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0 2px; }
.tp-technology-item { max-width: 260px; background: var(--tp-common-white); padding: 60px 0 50px; border-right: 2px solid #f3f5fe; transition: 0.4s; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-technology-item { margin-bottom: 30px; }
}

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-technology-item { margin-bottom: 30px; }
}

.tp-technology-item:hover { background: var(--tp-theme-primary); }
.tp-technology-item:hover .tp-technology-shape { opacity: 1; visibility: visible; top: 0; }
.tp-technology-item:hover .tp-technology-icon span { color: var(--tp-common-white); }
.tp-technology-item:hover .tp-technology-heading h4 { color: var(--tp-common-white); }
.tp-technology-icon { margin-bottom: 84px; }
.tp-technology-icon span { color: var(--tp-theme-primary); font-size: 40px; transition: 0.4s; }
.tp-technology-heading h4 { font-size: 18px; line-height: 28px; }
.tp-technology-shape { position: absolute; top: -50px; left: 0; opacity: 0; visibility: hidden; transition: 0.4s; z-index: -1; }
.tp-technology-2-area { background-position: center center; background-size: cover; background-repeat: no-repeat; }
.tp-technology-2-bg-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #12062c; opacity: 0.851; z-index: -1; }
.tp-technology-2-bg-shape { position: absolute; right: 0; top: 0; z-index: -1; }
.tp-technology-2-nav-tabs { border: none; }
.tp-technology-2-nav-link { background: var(--tp-common-white) !important; font-size: 14px; color: var(--tp-heading-primary); font-weight: 700; font-family: "DM Sans"; border-radius: 0 !important; padding: 8px 46px; margin-right: 12px; }

@media (max-width: 767px) {
	.tp-technology-2-nav-link { font-size: 12px; padding: 8px 24px; }
}

.tp-technology-2-nav-link:hover { color: var(--tp-heading-secondary); }
.tp-technology-2-nav-link.active { background: var(--tp-theme-primary) !important; border: 1px solid var(--tp-heading-primary) !important; color: var(--tp-common-white) !important; }

@media (max-width: 767px) {
	.tp-technology-2-thumb { margin-bottom: 30px; }
}

@media (max-width: 767px) {
	.tp-technology-2-thumb img { width: 100%; }
}

@media (max-width: 767px) {
	.tp-technology-2-content { margin-left: 0; margin-bottom: 30px; }
}

.tp-technology-2-thumb-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.tp-technology-2-play-btn { width: 60px; height: 60px; line-height: 64px; text-align: center; display: inline-block; background: var(--tp-theme-primary); color: var(--tp-common-white); border-radius: 50%; }
.tp-technology-2-play-btn:hover { color: var(--tp-common-white); }
.tp-technology-2-play-btn i { margin-left: 3px; }

@media (max-width: 767px) {
	.tp-technology-2-item { display: inherit !important; }
}

.tp-technology-2-heading { letter-spacing: -1px; line-height: 32px; color: var(--tp-common-white); }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-technology-2-heading { width: 70%; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-technology-2-heading { width: 80%; }
}

.tp-technology-2-tab-title { font-size: 16px; color: var(--tp-common-white); margin-left: 16px; margin-top: 4px; }
.tp-technology-2-right-wrapper { z-index: 11; position: relative; }
.tp-technology-2-contact { background: var(--tp-common-white); padding: 50px 82px 70px 58px; position: absolute; margin-left: 45px; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-technology-2-contact { padding: 50px 58px 70px; position: relative; margin-left: 0; margin-top: 30px; }
}

@media (max-width: 767px) {
	.tp-technology-2-contact { padding: 50px 20px 70px 25px; position: relative; margin-left: 0; }
}

.tp-technology-2-title { font-size: 48px; letter-spacing: -1px; line-height: 1.1; margin-bottom: 28px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-technology-2-title { font-size: 44px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-technology-2-title { font-size: 42px; }
}

@media (max-width: 767px) {
	.tp-technology-2-title { font-size: 38px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-technology-2-sec-paragraph { font-size: 15px; }
}

@media (max-width: 767px) {
	.tp-technology-2-sec-paragraph { font-size: 13px; line-height: 22px; }
}

.tp-technology-2-call-icon a { width: 80px; height: 80px; line-height: 90px; text-align: center; display: inline-block; background: var(--tp-theme-primary); color: var(--tp-common-white); font-size: 32px; border-radius: 50%; }
.tp-technology-2-call-icon a:hover { background: var(--tp-heading-primary); }
.tp-technology-2-call-number span { font-size: 20px; font-weight: 700; font-family: var(--tp-ff-heading); display: block; margin-bottom: 8px; }
.tp-technology-2-call-number a { font-size: 24px; color: var(--tp-heading-primary); font-weight: 700; font-family: var(--tp-ff-heading); }
.tp-technology-2-call-number a:hover { color: var(--tp-theme-primary); }
.tp-technology-3-bg { position: absolute; top: 0; left: 0; height: 700px; width: 100%; background-repeat: no-repeat; background-position: top left; z-index: -1; }
.tp-technology-3-subtitle { color: #c5c0d0; }
.tp-technology-3-icon span { color: var(--tp-theme-primary); font-size: 24px; margin-right: 12px; }

@media (max-width: 767px) {
	.tp-technology-3-icon span { display: block !important; margin-bottom: 16px; }
}

.tp-technology-3-icon-content h4 { font-size: 22px; color: var(--tp-common-white); margin-bottom: 10px; }
.tp-technology-3-icon-content p { color: var(--tp-grey-21); width: 88%; line-height: 24px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-technology-3-icon-content p { font-size: 13px; width: 100%; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-technology-3-icon-content p { font-size: 13px; width: 64%; }
}

@media (max-width: 767px) {
	.tp-technology-3-icon-content p { font-size: 13px; line-height: 20px; }
}

.tp-technology-3-dis-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; vertical-align: middle; -webkit-appearance: none; appearance: none; border: none; outline: none !important; font-size: 16px; font-weight: 700; padding: 15px 50px; position: relative; z-index: 1; transition: 0.4s; border: 1px solid var(--tp-text-26); background: transparent; color: var(--tp-common-white); font-size: 16px; font-weight: 700; padding: 22px 51px; line-height: 1; transition: 500ms; text-transform: capitalize; position: relative; overflow: hidden; text-align: center; z-index: 1; }
.tp-technology-3-dis-btn::before { content: ""; position: absolute; top: -50%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-top-left-radius: 50%; border-top-right-radius: 50%; background-color: transparent; transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.tp-technology-3-dis-btn::after { content: ""; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: var(--tp-theme-primary); transition-duration: 700ms; transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.tp-technology-3-dis-btn span { position: relative; color: inherit; z-index: 2; transition: 0s; }
.tp-technology-3-dis-btn:hover { color: var(--tp-common-white); }
.tp-technology-3-dis-btn:hover::before { top: 100%; }
.tp-technology-3-dis-btn:hover::after { bottom: -50%; }
.tp-technology-3-box { margin-left: 105px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-technology-3-box { margin-left: 20px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-technology-3-box { margin-left: 0; margin-top: 50px; box-shadow: 0px 2px 40px 0px rgba(21, 24, 32, 0.06); }
}

.tp-technology-3-item { background: var(--tp-common-white); padding: 60px 60px 95px 60px; z-index: 1; }

@media (max-width: 767px) {
	.tp-technology-3-item { padding: 60px 40px 95px 40px; }
}

.tp-technology-3-title { font-size: 38px; letter-spacing: -1px; margin-bottom: 45px; }

@media (max-width: 767px) {
	.tp-technology-3-title { font-size: 36px; }
}

.tp-technology-3-list li { list-style: none; color: var(--tp-heading-primary); font-weight: 700; font-family: var(--tp-ff-heading); margin-bottom: 18px; position: relative; padding-left: 30px; }

@media (max-width: 767px) {
	.tp-technology-3-list li { font-size: 14px; }
}

.tp-technology-3-list li i { color: var(--tp-theme-primary); font-size: 16px; margin-right: 10px; position: absolute; top: 2px; left: 0px; }
.tp-technology-3-btn { appearance: none; border: none; outline: none !important; background: var(--tp-heading-primary); display: block; font-family: var(--tp-ff-heading); background-color: var(--tp-heading-secondary); color: var(--tp-common-white); font-size: 16px; font-weight: 700; padding: 22px 51px; line-height: 1; transition: 500ms; text-transform: capitalize; position: relative; overflow: hidden; text-align: center; z-index: 1; }
.tp-technology-3-btn::before { content: ""; position: absolute; top: -50%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-top-left-radius: 50%; border-top-right-radius: 50%; background-color: #5e0bda; transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.tp-technology-3-btn::after { content: ""; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: var(--tp-heading-primary); transition-duration: 700ms; transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.tp-technology-3-btn span { position: relative; color: inherit; z-index: 2; transition: 0s; }
.tp-technology-3-btn:hover { color: var(--tp-common-white); }
.tp-technology-3-btn:hover::before { top: 100%; }
.tp-technology-3-btn:hover::after { bottom: -50%; }
.tp-technology-3-shape { position: absolute; bottom: 22px; right: 0; z-index: -1; }

/*----------------------------------------*/
/*  8.5 Management css
/*----------------------------------------*/
.tp-management-thumb-wrapper { position: absolute; top: 0; left: -20px; width: 50%; height: 100%; padding-right: 70px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-management-thumb-wrapper { left: 0; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-management-thumb-wrapper { left: -25px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-management-thumb-wrapper { position: static; width: 100%; height: 100%; margin-bottom: 50px; padding: 0; }
}

@media (max-width: 767px) {
	.tp-management-thumb-wrapper { position: static; width: 100%; height: 100%; margin-bottom: 50px; padding-right: 0; }
}

.tp-management-thumb-wrapper img { height: 100%; width: 100%; object-fit: cover; }
.tp-management-thum-content-title { font-size: 24px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-management-thum-content-title { font-size: 22px; }
}

@media (max-width: 767px) {
	.tp-management-thum-content-title { font-size: 20px; }
}

.tp-management-thum-content-date { font-size: 36px; letter-spacing: -1px; color: var(--tp-theme-primary); font-weight: 700; }
.tp-management-progres-skill { background-color: rgb(255, 255, 255); box-shadow: 0px 0px 60px 0px rgba(109, 113, 134, 0.08); padding: 30px 60px 20px; }

@media (max-width: 767px) {
	.tp-management-progres-skill { padding: 30px 30px 20px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-management-progres-skill { padding: 30px 50px 20px; }
}

.tp-management-progres-skill-2 { background: none; padding: 0; box-shadow: none; }
.tp-management-icon-item { position: relative; }
.tp-management-icon-item::before { content: ""; position: absolute; width: 2px; height: 80px; top: -17px; left: 0; background: var(--tp-theme-primary); }
.tp-management-icon span { color: var(--tp-theme-primary); font-size: 50px; margin-left: 42px; margin-right: 30px; }
.tp-management-icon-title h4 { font-size: 18px; font-weight: 500; line-height: 30px; }

@media (max-width: 767px) {
	.tp-management-icon-title h4 { font-size: 14px; line-height: 22px; }
}

.tp-management-4-wrapper { margin-left: -30px; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-management-4-wrapper { padding-top: 20px; margin-left: 0; }
}

.tp-management-4-thumb { position: relative; top: -40px; z-index: 11; }

@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-management-4-thumb img { width: 100%; }
}

.tp-management-4-thumb-shape { position: absolute; left: 0; top: 24%; animation: bounce-thum-3 4s forwards infinite alternate; }
.tp-management-4-paragaph { font-size: 18px; color: var(--tp-text-14); font-weight: 600; font-family: var(--tp-ff-heading); }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-management-4-paragaph { width: 66%; }
}

@media (max-width: 767px) {
	.tp-management-4-paragaph { font-size: 15px; }
}

.tp-management-4-icon-box { border-bottom: 1px solid var(--tp-grey-16); padding-bottom: 12px; }
.tp-management-4-icon-box:last-child { border-bottom: none; }
.tp-management-4-icon span { color: var(--tp-theme-primary); font-size: 62px; }
.tp-management-4-content h4 { font-size: 24px; color: var(--tp-heading-2); }

@media (max-width: 767px) {
	.tp-management-4-content h4 { font-size: 20px; }
}

.tp-management-4-content p { color: var(--tp-text-10); }

@media (max-width: 767px) {
	.tp-management-4-content p { font-size: 14px; }
}

.tp-management-5-area { padding: 220px 0 130px; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-management-5-area { padding: 115px 0 130px; }
}

@media (max-width: 767px) {
	.tp-management-5-area { padding: 50px 0 130px; }
}

@media (max-width: 767px) {
	.tp-management-5-bg-shape { display: none; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-management-5-thumb img { width: 100%; margin-top: 120px; }
}

@media (max-width: 767px) {
	.tp-management-5-thumb img { width: 100%; }
}

.tp-management-5-bg-shape-1 { position: absolute; top: 25%; left: 14%; animation: moving 6s linear infinite; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-management-5-bg-shape-1 { top: 17%; }
}

.tp-management-5-bg-shape-2 { position: absolute; bottom: 35%; left: 60px; animation: moving 8s linear infinite; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-management-5-bg-shape-2 { bottom: 40%; }
}

.tp-management-5-bg-shape-3 { position: absolute; bottom: 35%; left: 50%; animation: moving 6s linear infinite; }
.tp-management-5-bg-shape-4 { position: absolute; right: 0; z-index: -1; bottom: 122px; animation: moving 8s linear infinite; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-management-5-bg-shape-4 { display: none; }
}

.tp-management-5-bg-shape-5 { position: absolute; right: 9%; top: 41%; animation: moving 6s linear infinite; }
.tp-management-5-bg-shape-6 { position: absolute; top: -55px; left: 0; z-index: -1; animation: bounce-thum-3 4s forwards infinite alternate; }

label { font-size: 16px; color: var(--tp-text-skill); font-weight: 700; }

.progress { overflow: visible; margin-top: 10px; height: 1px; background: var(--tp-common-black); }

.progress-2 { height: 1px; background: transparent; border: 1px solid var(--tp-grey-17); padding: 4px 0 4px 2px; border-radius: 0; }

.progress-bar { overflow: visible; color: var(--tp-text-skill); text-align: right; background-color: var(--tp-theme-primary); height: 3px; margin-top: -1px; }

.progress-bar-2 { background: var(--tp-heading-1); height: 4px; margin-top: -2px; }

.progress-bar span { font-size: 16px; position: relative; top: -22px; color: var(--tp-text-skill); font-weight: 700; font-family: var(--tp-ff-heading); }

/*----------------------------------------*/
/*  7.2 benifit css
/*----------------------------------------*/
.tp-benifit-bg { position: absolute; left: 0; bottom: 0; }

@media only screen and (min-width: 1700px) and (max-width: 1800px) {
	.tp-benifit-bg { left: -80px; }
}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
	.tp-benifit-bg { left: -140px; }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-benifit-bg { left: -230px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-benifit-bg { left: -340px; }
}

@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-benifit-bg { position: static; margin-bottom: 50px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-benifit-bg img { width: 100%; }
}

.tp-benifit-inner-left::after { content: ""; position: absolute; width: 1px; height: 316px; top: 0; right: 26px; background: var(--tp-grey-11); }

@media (max-width: 767px) {
	.tp-benifit-inner-left::after { display: none; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-benifit-sp { width: 64%; margin-bottom: 60px; }
}

.tp-benifit-inner-icon-box.active .tp-benifit-inner-right-icon span { color: var(--tp-common-white); }
.tp-benifit-inner-icon-box.active .tp-benifit-inner-right-icon span::before { transform: scale(1); }
.tp-benifit-inner-icon span { color: var(--tp-theme-primary); font-size: 66px; margin-bottom: 36px; display: inline-block; }
.tp-benifit-inner-title h3 { font-size: 24px; font-weight: 500; margin-bottom: 75px; line-height: 1.3; }

@media (max-width: 767px) {
	.tp-benifit-inner-title h3 br { display: none; }
}

.tp-benifit-btn { font-size: 14px; letter-spacing: 1px; color: var(--tp-heading-primary); font-weight: 700; font-family: var(--tp-ff-heading); margin-bottom: 70px; display: inline-block; }

@media (max-width: 767px) {
	.tp-benifit-btn { display: none; }
}

.tp-benifit-inr-dwn h4 { font-size: 28px; letter-spacing: -1px; margin-bottom: 0; }

@media (max-width: 767px) {
	.tp-benifit-inr-dwn { margin-bottom: 40px; }
}

.tp-benifit-inr-dwn p { font-size: 16px; color: var(--tp-text-body); font-weight: 400; font-family: "DM Sans"; margin-bottom: 0; }
.tp-benifit-inner-right { margin-left: 20px; position: relative; }

@media (max-width: 767px) {
	.tp-benifit-inner-right { margin-left: 0px; }
}

.tp-benifit-inner-right::before { content: ""; position: absolute; width: 71px; height: 1px; background-color: var(--tp-grey-11); left: -71px; top: 36%; }

@media (max-width: 767px) {
	.tp-benifit-inner-right::before { display: none; }
}

.tp-benifit-inner-icon-box:hover .tp-benifit-inner-right-icon span::before { transform: scale(1); }
.tp-benifit-inner-icon-box:hover .tp-benifit-inner-right-icon span { color: var(--tp-common-white); }
.tp-benifit-inner-right-icon span { width: 60px; height: 60px; line-height: 64px; display: inline-block; color: var(--tp-heading-primary); background: var(--tp-common-gray2); border-radius: 50%; text-align: center; font-size: 34px; margin-right: 20px; position: relative; z-index: 1; transition: 0.4s; }
.tp-benifit-inner-right-icon span::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transform: scale(0); background: var(--tp-theme-primary); width: 100%; height: 100%; z-index: -1; transition: 0.6s; border-radius: 50%; }
.tp-benifit-inner-right-title h4 { font-size: 18px; margin-bottom: 10px; }
.tp-benifit-inner-right-title p { line-height: 24px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-benifit-inner-right-title p { width: 80%; }
}

.tp-benifit-shape1 { margin-right: 30px; margin-left: 40px; animation: bounce-thum-2 1s ease-in-out 0.1s forwards infinite alternate; }
.tp-benifit-shape2 { margin-top: 22px; display: inline-block; }

/*----------------------------------------*/
/*  8.8 Project css
/*----------------------------------------*/
@media (max-width: 767px) {
	.tp-project-area { padding-top: 80px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-project-area { padding-top: 80px; }
}

@media only screen and (min-width: 1600px) and (max-width: 1700px), 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-project-bottom { padding: 0; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-project-bottom { padding: 0; }
}

.tp-project-bg-shape { position: absolute; top: -222px; right: 0; }
.tp-project-wrapper { overflow: hidden; margin-bottom: 30px; }
.tp-project-wrapper:hover .tp-project-content-wrap { transform: perspective(500px) rotateX(0deg); visibility: visible; opacity: 1; }
.tp-project-wrapper:hover .tp-project-img img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.tp-project-img img { transition: 0.6s; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-project-img img { width: 100%; }
}

.tp-project-content-wrap { display: flex; justify-content: space-between; position: absolute; bottom: 0; background: var(--tp-common-white); align-items: center; visibility: hidden; opacity: 0; transition: all 0.6s ease 0s; padding: 17px 0 14px 32px; width: 100%; transform: perspective(500px) rotateX(90deg); }
.tp-project-content-subtitle { display: inline-block; margin-bottom: 4px; line-height: 28px; }
.tp-project-content-title { font-size: 24px; color: var(--tp-heading-primary); }
.tp-project-content-title:hover { color: var(--tp-theme-primary); }

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-project-btn { margin-top: 40px; justify-content: left !important; }
}

@media (max-width: 767px) {
	.tp-project-btn { margin-top: 30px; justify-content: left !important; margin-bottom: 20px; }
}

.tp-project-arrow-btn-right { background: var(--tp-theme-primary); color: var(--tp-common-white); padding: 38px 20px 43px; font-size: 20px; transition: 0.4s; }
.tp-project-arrow-btn-right:hover { background: var(--tp-heading-primary); color: var(--tp-common-white); }
.tp-project-2-with { padding: 0 150px 0; }

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-project-2-with { padding: 0; }
}

.tp-project-2-thumb img { width: 100%; }
.tp-project-2-item:hover .tp-project-2-thumb::before { visibility: visible; opacity: 1; }
.tp-project-2-item:hover .tp-project-2-link-btn { visibility: visible; opacity: 1; transform: translateY(-40px); }
.tp-project-2-inner-item { border: 1px solid var(--tp-common-gray2); }
.tp-project-2-content { padding: 24px 0 20px 30px; }
.tp-project-2-content span { margin-bottom: 4px; }
.tp-project-2-content-title:hover { color: var(--tp-theme-primary); }
.tp-project-2-btn { background: var(--tp-common-gray2); color: var(--tp-text-body); padding: 6px 37px; display: inline-block; font-weight: 700; font-family: var(--tp-ff-heading); position: relative; z-index: 1; }
.tp-project-2-btn::before { content: ""; position: absolute; width: 0px; height: 100%; top: 0; left: 0; background: var(--tp-theme-primary); transition: 0.6s; z-index: -1; }
.tp-project-2-button span { background: var(--tp-theme-primary); color: var(--tp-common-white); display: inline-block; padding: 6px 10px; font-size: 18px; cursor: pointer; position: relative; z-index: 1; transition: 0.3s; border-left: 1px solid #ddd; }
.tp-project-2-button span i { position: relative; top: 3px; }
.tp-project-2-button span::after { content: ""; position: absolute; width: 0; height: 100%; top: 0; left: 0; background: var(--tp-common-gray2); z-index: -1; transition: 0.6s; }
.tp-project-2-thumb { position: relative; }
.tp-project-2-thumb::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(24, 4, 65, 0.6); visibility: visible; opacity: 0; transition: 0.4s; }
.tp-project-2-link-btn { position: absolute; top: 54%; left: 46%; visibility: hidden; opacity: 0; transition: 0.4s; }
.tp-project-2-link-btn span { width: 38px; height: 38px; display: inline-block; line-height: 43px; background: var(--tp-common-white); text-align: center; color: var(--tp-heading-primary); transition: 0.4s; }
.tp-project-2-link-btn span:hover { background: var(--tp-theme-primary); color: var(--tp-common-white); }
.tp-project-2-bg-shape { position: absolute; top: -260px; left: 0; z-index: -1; }

@media (max-width: 767px) {
	.tp-project-2-bg-shape { display: none; }
}

.tp-project-3-bg { position: absolute; top: 0; left: 0; height: 700px; width: 100%; background-repeat: no-repeat; background-position: top left; z-index: -1; }
.tp-project-3-video-icon a { width: 75px; height: 75px; line-height: 82px; display: inline-block; text-align: center; border-radius: 50%; position: relative; color: var(--tp-text-22); -webkit-animation: ripple-white 1s linear infinite; animation: ripple-blue 1s linear infinite; -webkit-transition: 0.5s; transition: 0.5s; background: var(--tp-common-white); font-size: 28px; z-index: 44; }
.tp-project-3-video-icon a i { margin-left: 4px; }
.tp-project-3-title { font-size: 50px; color: var(--tp-common-white); letter-spacing: -1px; }

@media (max-width: 767px) {
	.tp-project-3-title { font-size: 36px; }
}

.tp-project-3-right-paragraph p { color: var(--tp-common-white); border-bottom: 1px solid var(--tp-text-19); padding-bottom: 45px; }
.tp-project-3-slider-active { margin-right: -400px; }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-project-3-icon-box { display: none !important; }
}

.tp-project-3-icon span { color: var(--tp-common-white); font-size: 64px; margin-right: 20px; }
.tp-project-3-icon-content h4 { font-size: 22px; color: var(--tp-common-white); margin-bottom: 14px; }
.tp-project-3-icon-content p { font-size: 16px; line-height: 30px; color: var(--tp-grey-22); font-weight: 400; font-family: "DM Sans"; width: 76%; }
.tp-project-3-arrow-box { position: relative; }
.tp-project-3-arrow-box::after { content: ""; position: absolute; width: 100%; height: 1px; left: 0; bottom: -82px; background: var(--tp-text-20); }
.tp-project-3-arrow-box button { font-size: 24px; transition: all 0.3s ease 0s; color: var(--tp-heading-primary); position: absolute; left: 0; bottom: -80px; z-index: 5; font-size: 20px; color: var(--tp-heading-secondary); transition: 0.3s; }
.tp-project-3-arrow-box button:hover { color: var(--tp-heading-primary); }
.tp-project-3-arrow-box button.slider-next { left: auto; right: 0; }
.tp-project-3-thumb::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(18, 6, 44, 0.7); opacity: 0; visibility: hidden; transition: 0.4s; }
.tp-project-3-thumb:hover .tp-project-3-down-content { transform: perspective(500px) rotateX(0deg); visibility: visible; opacity: 1; }
.tp-project-3-thumb:hover::before { opacity: 1; visibility: visible; }
.tp-project-3-thumb img { width: 100%; }

@media (max-width: 767px) {
	.tp-project-3-thumb-inner img { width: 100%; }
}

.tp-project-3-down-content { position: absolute; left: 0; background: var(--tp-common-white); padding: 16px 45px; transform: perspective(500px) rotateX(90deg); visibility: hidden; opacity: 0; transition: all 0.6s ease 0s; right: 0; margin: 0 36px 40px; bottom: 0; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-project-3-down-content { padding: 16px 34px; }
}

.tp-project-3-down-content::before { content: ""; position: absolute; width: 7px; height: 24px; background: var(--tp-theme-primary); left: 0; top: 36px; }
.tp-project-3-down-content span { color: var(--tp-text-15); display: inline-block; margin-bottom: 2px; }

@media (max-width: 767px) {
	.tp-project-3-down-title { font-size: 23px; }
}

.tp-project-3-down-title:hover { color: var(--tp-theme-primary); }
.tp-project-4-bg { position: absolute; top: 0; left: 0; height: 600px; width: 100%; background: var(--tp-heading-2); z-index: -1; }
.tp-project-4-bg-shape { position: absolute; top: 0; right: 0; z-index: -1; }

@media (max-width: 767px) {
	.tp-project-4-bg-shape { display: none; }
}

.tp-project-4-top-wrapper .tp-section-4-subtitle { color: var(--tp-common-white); }
.tp-project-4-top-btn .tp-btn::after { background: var(--tp-common-white); }
.tp-project-4-top-btn .tp-btn:hover { color: var(--tp-heading-primary); }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-project-4-top-btn { justify-content: left !important; margin-bottom: 70px; margin-top: -20px; }
}

.tp-project-4-slider-active { margin: 0px -230px; }
.tp-project-4-slider-active .swiper-slide-active .tp-project-4-content { bottom: 22px; }
.tp-project-4-slider-active .swiper-slide-active .tp-project-4-box::after { bottom: 0; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-project-4-slider-active { margin: 0px -596px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-project-4-slider-active { margin: 0px -539px; }
}

@media (max-width: 767px) {
	.tp-project-4-slider-active { margin: 0; }
}

.tp-project-4-box::after { content: ""; position: absolute; background-image: -moz-linear-gradient(90deg, rgb(127, 46, 248) 0%, rgba(127, 46, 248, 0) 100%); background-image: -webkit-linear-gradient(90deg, rgb(127, 46, 248) 0%, rgba(127, 46, 248, 0) 100%); width: 100%; height: 100%; bottom: -513px; left: 0; transition: 0.6s; }
.tp-project-4-thumb img { width: 100%; }
.tp-project-4-content { display: flex; position: absolute; bottom: -70px; left: 0; z-index: 1; width: 100%; justify-content: space-between; padding: 0 60px 0 50px; transition: 0.4s; }

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
	.tp-project-4-content { padding: 0px 14px 0 20px; }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-project-4-content { display: inherit; bottom: -140px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-project-4-content { padding: 0 34px 0; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-project-4-content { padding: 0 40px 0 40px; }
}

@media (max-width: 767px) {
	.tp-project-4-content { display: inherit; padding: 0 40px 0 30px; bottom: -137px; }
}

.tp-project-4-cnt-left::after { content: ""; position: absolute; width: 2px; height: 48px; background: var(--tp-common-white); top: 10px; right: -47px; }
.tp-project-4-cnt-left span { color: var(--tp-common-white); }
.tp-project-4-cnt-left h4 { font-size: 24px; color: var(--tp-common-white); }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-project-4-cnt-left h4 { font-size: 20px; }
}

@media (max-width: 767px) {
	.tp-project-4-cnt-left h4 { margin-bottom: 18px; }
}

.tp-project-4-cnt-right p { color: var(--tp-common-white); }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-project-4-cnt-right p { font-size: 12px; }
}

@media (max-width: 767px) {
	.tp-project-4-cnt-right p { font-size: 13px; line-height: 20px; }
}

.tp-project-5-width { padding: 0 100px 0; }

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-project-5-width { padding: 0 30px 0; }
}

@media (max-width: 767px) {
	.tp-project-5-width { padding: 0 10px 0; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-project-5-width { padding: 0 30px 0; }
}

@media (max-width: 767px) {
	.tp-project-5-top-btn { display: inherit !important; margin-bottom: 50px; margin-top: -16px; }
}

.tp-project-5-wrapper:hover .tp-project-5-thumb::before { visibility: visible; opacity: 1; top: 0; left: 0; }
.tp-project-5-wrapper:hover .tp-project-5-content { bottom: 32px; }
.tp-project-5-wrapper:hover .tp-project-5-icon { visibility: visible; opacity: 1; }
.tp-project-5-top-para { color: var(--tp-text-10); margin-top: 20px; margin-bottom: 0; }
.tp-project-5-thumb { position: relative; overflow: hidden; margin-bottom: 30px; }
.tp-project-5-thumb::before { content: ""; position: absolute; width: 100%; height: 100%; top: 100%; left: 100%; background-color: rgba(17, 6, 87, 0.8); visibility: hidden; opacity: 0; transition: 0.6s; }
.tp-project-5-thumb img { width: 100%; }
.tp-project-5-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); visibility: hidden; opacity: 0; transition: 0.3s; }
.tp-project-5-icon a { color: var(--tp-common-white); font-size: 40px; }
.tp-project-5-content { position: absolute; bottom: -70px; left: 0; transition: 0.6s; right: 0; }
.tp-project-5-content span { font-size: 16px; color: var(--tp-text-21); font-weight: 400; font-family: "DM Sans"; display: inline-block; margin-bottom: 6px; }
.tp-project-5-title { font-size: 24px; color: var(--tp-common-white); font-weight: 700; font-family: var(--tp-ff-heading); }
.tp-project-5-title:hover a::after { width: 100%; }
.tp-project-5-title a { position: relative; padding-bottom: 6px; }
.tp-project-5-title a::after { content: ""; position: absolute; width: 0; height: 2px; background: var(--tp-common-white); left: 0; bottom: 0; transition: 0.6s; }
.tp-project-5-bg-shape { position: absolute; top: 75px; right: 0; z-index: -1; }

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-project-5-bg-shape { display: none; }
}

.tp-project-2-btn:hover::before { width: 100%; }

.tp-project-2-btn:hover { color: var(--tp-common-white); }

.tp-project-2-button:hover span::after { width: 100%; }

.tp-project-2-button:hover span { color: var(--tp-heading-secondary); }

.tp-portfolio-breadcrumb-area { background-position: center center; background-size: cover; background-repeat: no-repeat; height: 500px; display: flex; align-items: center; position: relative; z-index: 1; }
.tp-portfolio-breadcrumb-area::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: 0.77; z-index: -1; }
.tp-portfolio-breadcrumb-area-2::before { background-color: var(--tp-heading-4); opacity: 0.702; }
.tp-portfolio-breadcrumb-area-3::before { background: transparent !important; }
.tp-portfolio-breadcrumb-bg-shape1 { position: absolute; right: 0; top: 0; }

@media (max-width: 767px) {
	.tp-portfolio-breadcrumb-bg-shape1 { display: none; }
}

.tp-portfolio-breadcrumb-bg-shape2 { position: absolute; right: 0; top: 0; }

@media (max-width: 767px) {
	.tp-portfolio-breadcrumb-bg-shape2 { display: none; }
}

.tp-portfolio-breadcrumb-title { font-size: 40px; letter-spacing: -2px; color: var(--tp-common-white); margin-top: 20px; margin-bottom: 10px; }
.tp-portfolio-breadcrumb-title-2 { color: var(--tp-heading-primary); font-size: 60px; }

@media (max-width: 767px) {
	.tp-portfolio-breadcrumb-title-2 { font-size: 45px; }
}

.tp-portfolio-breadcrumb-title-cntct-us { font-size: 50px; }

@media (max-width: 767px) {
	.tp-portfolio-breadcrumb-title-cntct-us { font-size: 50px; }
}

.tp-portfolio-breadcrumb-body { color: var(--tp-common-white); font-weight: 700; }
.tp-portfolio-breadcrumb-body span { color: var(--tp-theme-primary); }
.tp-portfolio-breadcrumb-body span.spacing { margin: 0 6px; }
.tp-portfolio-breadcrumb-body-2 { color: var(--tp-heading-primary); }
.tp-portfolio-breadcrumb-body-2 span { color: var(--tp-heading-secondary); }
.tp-portfolio-inner-subscribe-area { background-position: center center; background-size: cover; background-repeat: no-repeat; }
.tp-portfolio-inner-subsc-title { font-size: 50px; letter-spacing: -2px; color: var(--tp-common-white); margin-bottom: 16px; }
.tp-portfolio-inner-subsc-paragraph { color: #f7f3ff; }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-portfolio-inner-subsc-button { justify-content: left !important; }
}

.tp-portfolio-details-wrapper .text-1 { margin-bottom: 40px; }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-portfolio-details-wrapper .text-1 br { display: none; }
}

.tp-portfolio-details-wrapper .text-2 { color: var(--tp-text-10); margin-bottom: 20px; }
.tp-portfolio-details-wrapper .text-3 { margin-bottom: 40px; }
.tp-portfolio-details-title { font-size: 48px; margin-bottom: 20px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-portfolio-details-title { font-size: 40px; }
}

@media (max-width: 767px) {
	.tp-portfolio-details-title { font-size: 28px; }
}

.tp-portfolio-details-title-2 { font-size: 45px; font-weight: 700; margin-bottom: 25px; color: var(--tp-common-black); }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-portfolio-details-list { margin-left: 60px; }
}

.tp-portfolio-details-wrap { margin-bottom: 35px; }
.tp-portfolio-details-wrap ul { display: flex; flex-wrap: wrap; }
.tp-portfolio-details-wrap ul li { list-style: none; font-size: 16px; color: #767676; }
.tp-portfolio-details-wrap ul li span { display: block; font-size: 18px; font-weight: 700; color: var(--tp-heading-primary); }
.tp-portfolio-details-wrap ul li:not(:last-of-type) { margin-right: 80px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-portfolio-details-wrap ul li:not(:last-of-type) { margin-right: 74px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-portfolio-details-wrap ul li:not(:last-of-type) { margin-right: 38px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-portfolio-details-wrap ul li:not(:last-of-type) { margin-right: 112px; }
}

@media (max-width: 767px) {
	.tp-portfolio-details-wrap ul li:not(:last-of-type) { margin-right: 50px; }
}

.tp-portfolio-details-box-3 { padding-bottom: 90px; }

@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-portfolio-details-list { padding: 0 30px; }
}

.tp-portfolio-details-list ul li { position: relative; list-style: none; margin-left: 22px; margin-bottom: 17px; color: #767676; }

@media (max-width: 767px) {
	.tp-portfolio-details-list ul li br { display: none; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-portfolio-details-list ul li { font-size: 11px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-portfolio-details-list ul li { margin-left: 75px; }
}

@media (max-width: 767px) {
	.tp-portfolio-details-list ul li { font-size: 14px; }
}

.tp-portfolio-details-list ul li span { position: absolute; top: 10px; left: -75px; display: inline-block; font-size: 26px; height: 48px; width: 48px; line-height: 51px; text-align: center; border-radius: 50%; color: var(--tp-theme-primary); background: var(--tp-common-gray2); }
.tp-portfolio-details-btn a { font-size: 16px; font-weight: 400; color: var(--tp-text-10); padding: 4px 22px; display: inline-block; background: var(--tp-common-gray2); }

@media (max-width: 767px) {
	.tp-portfolio-details-btn a { font-size: 14px; }
}

.tp-portfolio-details-btn a:not(:last-of-type) { margin-right: 8px; }
.tp-portfolio-details-btn a:hover { color: var(--tp-common-white); background: var(--tp-theme-primary); }
.tp-portfolio-details-share-area { padding-bottom: 30px; border-bottom: 1px solid rgba(225, 225, 225, 0.6); margin-bottom: 40px; }
.tp-portfolio-details-share span { display: inline-block; height: 38px; width: 38px; border-radius: 50%; line-height: 38px; text-align: center; font-size: 14px; color: var(--tp-common-white); background: var(--tp-theme-primary); -webkit-transition: all 0.3s 0s ease-out; -moz-transition: all 0.3s 0s ease-out; -ms-transition: all 0.3s 0s ease-out; -o-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; }
.tp-portfolio-details-share span:hover { background: var(--tp-heading-primary); color: var(--tp-common-white); }
.tp-portfolio-details-prev a:hover { color: var(--tp-theme-primary); }
.tp-portfolio-details-thumb { margin-bottom: 32px; }
.tp-portfolio-details-thumb img { width: 100%; }
.tp-portfolio-details-thumb-2 { margin-bottom: 30px; }

@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
	.tp-portfolio-details-thumb-2 img { width: 100%; }
}

.tp-portfolio-details-prev p { font-size: 18px; color: var(--tp-text-10); }
.tp-portfolio-details-prev-2 p a i { margin-right: 0; margin-left: 10px; }
.tp-portfolio-details-prev p a i { font-size: 26px; color: var(--tp-text-10); position: relative; top: 3px; margin-right: 10px; }
.tp-portfolio-details-prev-title { font-size: 18px; }

@media (max-width: 767px) {
	.tp-portfolio-details-prev-title { font-size: 12px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-portfolio-details-prev-title { font-size: 14px; }
}

.tp-portfolio-video-icon { position: absolute; top: 50%; left: 40%; transform: translate(-50%, -50%); }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-portfolio-video-icon { left: 50%; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-portfolio-video-icon { left: 34%; }
}

@media (max-width: 767px) {
	.tp-portfolio-video-icon { left: 50%; }
}

.tp-portfolio-video-icon a { width: 60px; height: 60px; line-height: 60px; display: inline-block; text-align: center; border-radius: 50%; position: relative; color: var(--tp-common-white); -webkit-animation: ripple-white 1s linear infinite; animation: ripple-blue 1s linear infinite; -webkit-transition: 0.5s; transition: 0.5s; background: var(--tp-theme-primary); font-size: 20px; z-index: 44; }
.tp-portfolio-inr-title { font-size: 50px; }
.tp-portfolio-inner-subsc-button .tp-btn-white { text-transform: inherit; }

/*----------------------------------------*/
/*  9.2 Step css
/*----------------------------------------*/
.tp-step-wrapper { box-shadow: 0px 0px 60px 0px rgba(35, 18, 60, 0.08); padding: 80px 30px 20px 30px; }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-step-wrapper { margin-bottom: 70px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-step-lt-mb { margin-top: 40px; }
}

.tp-step-title { color: var(--tp-heading-2); }
.tp-step-title:hover { color: var(--tp-theme-primary); }
.tp-step-paragraph { font-size: 16px; line-height: 28px; color: var(--tp-text-10); font-weight: 400; font-family: "DM Sans"; }

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

.tp-step-icon-box { position: absolute; top: -45px; left: 32px; }
.tp-step-icon span { width: 90px; height: 90px; line-height: 100px; display: inline-block; box-shadow: 0px 0px 40px 0px rgba(35, 18, 60, 0.08); text-align: center; border-radius: 5px; font-size: 46px; color: var(--tp-heading-2); background: var(--tp-common-white); transition: 0.4s; }
.tp-step-number span { background: var(--tp-heading-2); color: var(--tp-common-white); width: 40px; height: 40px; display: inline-block; text-align: center; line-height: 40px; font-size: 18px; font-weight: 700; font-family: var(--tp-ff-heading); position: relative; transition: 0.4s; }
.tp-step-number span::after { content: ""; position: absolute; top: 16px; right: -10px; width: 0px; height: 0px; border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent var(--tp-heading-2); transform: rotate(0deg); transition: 0.4s; }

.tp-step-wrapper:hover .tp-step-icon span { color: var(--tp-theme-primary); }

.tp-step-wrapper:hover .tp-step-number span { background: var(--tp-theme-primary); }

.tp-step-wrapper:hover .tp-step-number span::after { border-color: transparent transparent transparent var(--tp-theme-primary); }

/*----------------------------------------*/
/*  7.8 Counter css
/*----------------------------------------*/
.tp-counter-area { padding: 0 250px 0 250px; position: relative; top: -200px; }

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-counter-area { padding: 0 120px 0 120px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-counter-area { padding: 0 60px 0 60px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-counter-area { padding: 0; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-counter-wrapper { margin-bottom: 50px; }
}

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

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-counter-padding { padding: 0; }
}

.tp-counter-icon { margin-bottom: 12px; }
.tp-counter-icon span { color: var(--tp-common-white); font-size: 68px; }
.tp-counter-number-item .tp-counter { color: var(--tp-common-white); font-size: 60px; letter-spacing: -1px; margin-bottom: 5px; }

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-counter-number-item .tp-counter { font-size: 50px; }
}

.tp-counter-text-paragraph { font-size: 20px; color: var(--tp-text-1); font-weight: 700; }

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-counter-text-paragraph { font-weight: 600; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
	.tp-counter-text-paragraph { font-size: 18px; }
}

.tp-counter-2-area { background: var(--tp-common-gray2); }
.tp-counter-2-icon { margin-bottom: 20px; }
.tp-counter-2-icon span { width: 128px; height: 128px; line-height: 140px; display: inline-block; background: transparent; border-radius: 50%; color: var(--tp-theme-primary); font-size: 56px; border: 1px solid var(--tp-border-4); transition: 0.4s; position: relative; cursor: pointer; }
.tp-counter-2-icon span:hover { background: var(--tp-theme-primary); color: var(--tp-common-white); border-color: var(--tp-theme-primary); }
.tp-counter-2-count { font-size: 50px; letter-spacing: -2px; margin-bottom: 6px; }
.tp-counter-2-bg-shape { position: absolute; top: 0; left: 0; z-index: -1; }

@media (max-width: 767px) {
	.tp-counter-2-bg-shape { display: none; }
}

.tp-counter-3-area { background: var(--tp-common-white); }
.tp-counter-4-area { background: var(--tp-heading-1); }
.tp-counter-4-count { color: var(--tp-common-white); }
.tp-counter-4-icon span { color: var(--tp-common-white); border: 1px solid var(--tp-text-13); }
.tp-counter-4-icon span:hover { background: var(--tp-common-white); color: var(--tp-text-13); border-color: var(--tp-common-white); }
.tp-counter-4-text-paragraph { color: var(--tp-common-white); }

.tp-counter-inr-count { font-size: 60px; line-height: 60px; letter-spacing: -2px; }
.tp-counter-inr-count-hlt { color: var(--tp-heading-primary); }
.tp-counter-inr-paragraph { font-size: 20px; font-weight: 700; }

/*----------------------------------------*/
/*  9.6 Testimonial css
/*----------------------------------------*/
.tp-testimonial-area { background: var(--tp-common-gray2); padding: 313px 0 188px; margin-top: -400px; margin-bottom: -100px; }
.tp-testimonial-area-2 { background: var(--tp-grey-26); padding-bottom: 90px; margin-bottom: 0; }
.tp-testimonial-item-box1 { border-bottom: 1px solid var(--tp-border-2); margin-right: 96px; padding-bottom: 9px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-testimonial-item-box1 { margin-right: 72px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-testimonial-item-box1 { margin-right: 0; }
}

@media (max-width: 767px) {
	.tp-testimonial-item-box1 { margin-right: 10px; }
}

.tp-testimonial-item-box1:last-child { border-bottom: none; }
.tp-testimonial-item-box1:hover .tp-testimonial-left-icon a::before { transform: scale(1); }
.tp-testimonial-item-box1:hover .tp-testimonial-left-icon a { color: var(--tp-common-white); }
.tp-testimonial-left-icon a { width: 50px; height: 50px; border-radius: 25px; display: inline-block; text-align: center; line-height: 58px; color: var(--tp-theme-primary); background: var(--tp-common-white); font-size: 32px; transition: 0.4s; z-index: 1; position: relative; }
.tp-testimonial-left-icon a::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transform: scale(0); background: var(--tp-theme-primary); width: 100%; height: 100%; z-index: -1; transition: 0.6s; border-radius: 50%; }
.tp-testimonial-left-content { margin-left: 22px; }
.tp-testimonial-left-content p { color: var(--tp-text-body); }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-testimonial-left-content p { font-size: 15px; }
}

@media (max-width: 767px) {
	.tp-testimonial-left-content p { font-size: 14px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-testimonial-left-content p br { display: none; }
}

.tp-testimonial-content { background: var(--tp-common-white); padding: 40px 45px 38px 55px; position: relative; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-testimonial-content { padding: 40px 45px 54px 55px; }
}

@media (max-width: 767px) {
	.tp-testimonial-content { margin-bottom: 50px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-testimonial-content { margin-bottom: 50px; }
}

.tp-testimonial-content::before { content: ""; position: absolute; top: 35px; left: -5px; width: 4px; height: 300px; background: var(--tp-theme-primary); border-radius: 25px; }
.tp-testimonial-box-shape { position: absolute; right: -45px; bottom: -38px; }

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

.tp-testimonial-insu-wrapper { margin-right: 93px; }
.tp-testimonial-list { margin-top: 10px; margin-left: 5px; }

@media (max-width: 767px) {
	.tp-testimonial-list { justify-content: left !important; }
}

.tp-testimonial-list-insu-border { border-bottom: 1px solid #d4dbe3; }
.tp-testimonial-btn { padding: 0; padding-left: 32px; }
.tp-testimonial-btn.active .tp-testimonial-tab-btn img { position: relative; z-index: 1; }
.tp-testimonial-btn.active .tp-testimonial-tab-btn::before { background-color: var(--tp-theme-primary); }
.tp-testimonial-btn.active .tp-testimonial-tab-btn:after { opacity: 1; }
.tp-testimonial-tab-btn { position: relative; margin-bottom: 50px; display: block; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-testimonial-tab-btn { margin-bottom: 44px; }
}

@media (max-width: 767px) {
	.tp-testimonial-tab-btn { margin-bottom: 0; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-testimonial-tab-btn { margin-bottom: 50px; }
}

.tp-testimonial-tab-btn::before { position: absolute; content: ""; width: 120%; height: 120%; border: 1px solid var(--tp-theme-primary); border-radius: 50%; top: -8px; left: -8px; transition: 0.3s; }
.tp-testimonial-tab-btn::after { border-style: solid; border-width: 5px 12px 5px 0; border-color: transparent var(--tp-theme-primary) transparent transparent; transform: rotate(0deg); position: absolute; content: ""; opacity: 0; left: -20px; top: 50%; transform: translateY(-50%); transition: 0.3s; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-testimonial-wrapper .tp-section-title br { display: none; }
}

.tp-client-caption img { margin-bottom: 30px; }
.tp-client-caption p { margin-bottom: 36px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-client-caption p { width: 100%; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-client-caption p { font-size: 12px; width: 97%; line-height: 25px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-client-caption p { font-size: 14px; width: 97%; }
}

@media (max-width: 767px) {
	.tp-client-caption p { font-size: 12px; width: 100%; }
}

.tp-client-nav-info { margin-left: 20px; }
.tp-client-nav-title { margin: 0; margin-bottom: 0px; font-size: 22px; letter-spacing: 0px; margin-bottom: 4px; }

.tp-testimonial-3-area { background-position: top center; background-size: cover; background-repeat: no-repeat; }
.tp-testimonial-3-wrapper-2 { filter: drop-shadow(0px 10px 40px rgba(55, 69, 106, 0.1)); background-color: #ffffff; margin-bottom: 40px; }
.tp-testimonial-3-box { background-color: rgb(255, 255, 255); padding: 48px 48px 48px; position: relative; margin-top: 12px; }

@media (max-width: 767px) {
	.tp-testimonial-3-box { padding: 48px 21px 48px; }
}

.tp-testimonial-3-box::before { content: ""; position: absolute; width: 92%; height: 344px; background-color: var(--tp-grey-7); left: 22px; top: -12px; z-index: -1; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-testimonial-3-box::before { width: 90%; }
}

.tp-testimonial-3-img { margin-right: 20px; }
.tp-testimonial-3-img-content { margin-top: 14px; }
.tp-testimonial-3-img-content h4 { font-size: 22px; margin-bottom: 4px; }

@media (max-width: 767px) {
	.tp-testimonial-3-img-content h4 { font-size: 16px; }
}

@media (max-width: 767px) {
	.tp-testimonial-3-img-content p { font-size: 14px; }
}

.tp-testimonial-3-member-top { display: flex; justify-content: space-between; }
.tp-testimonial-3-member-icon span { color: var(--tp-grey-7); font-size: 85px; }
.tp-testimonial-3-content h5 { font-size: 18px; margin-bottom: 20px; }
.tp-testimonial-3-content p { width: 95%; line-height: 26px; margin-bottom: 22px; }
.tp-testimonial-3-review { display: flex; justify-content: space-between; }
.tp-testimonial-3-review-date span { color: var(--tp-heading-primary); }
.tp-testimonial-3-slider-dot .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 6px; transition: 0.4s; }
.tp-testimonial-3-slider-dot .swiper-pagination-bullet-active { opacity: 1; background: var(--tp-theme-primary); position: relative; }
.tp-testimonial-3-slider-dot .swiper-pagination-bullet-active::before { content: ""; position: absolute; left: -5px; top: -5px; height: 22px; width: 22px; border-radius: 50%; border: 2px dotted var(--tp-theme-primary); }
.tp-testimonial-3-slider-dot .swiper-pagination-bullet button { display: none !important; }
.tp-testimonial-4-area { background: var(--tp-grey-9); padding: 215px 0 110px; margin-top: -133px; }
.tp-testimonial-4-bottom { padding: 0 175px 0; }

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-testimonial-4-bottom { padding: 0 80px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-testimonial-4-bottom { padding: 0 30px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-testimonial-4-bottom { padding: 0 30px; }
}

@media (max-width: 767px) {
	.tp-testimonial-4-bottom { padding: 0; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-testimonial-4-bottom { padding: 60px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-testimonial-4-top-btn { justify-content: left !important; margin-bottom: 60px; margin-top: -30px; }
}

.tp-testimonial-4-wrapper { position: relative; padding-top: 1px; }
.tp-testimonial-4-wrapper::before { position: absolute; top: 0; bottom: 0px; left: 0; right: 0; content: ""; border: 2px solid var(--tp-heading-3); border-bottom-left-radius: 0; border-bottom-right-radius: 0; transition: all 500ms ease; visibility: hidden; opacity: 0; }
.tp-testimonial-4-wrapper:hover::before { visibility: visible; opacity: 1; }
.tp-testimonial-4-wrapper:hover .tp-testimonial-4-content::before { transform: translate3d(0px, 0, 0px); visibility: visible; opacity: 1; }
.tp-testimonial-4-wrapper:hover .tp-testimonial-4-content::after { visibility: visible; opacity: 1; }
.tp-testimonial-4-wrapper:hover .tp-testimonial-4-reveiw i { color: var(--tp-heading-3); }
.tp-testimonial-4-content { background: var(--tp-common-white); padding: 36px 40px 70px; transition: 0.4s; position: relative; overflow: hidden; margin: 0px 1px 0 1px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-testimonial-4-content { padding: 36px 45px 70px; }
}

.tp-testimonial-4-content::before { content: ""; position: absolute; width: 100%; height: 10px; left: 0; bottom: 0; background: var(--tp-heading-3); transition: all 500ms ease; visibility: hidden; opacity: 0; }
.tp-testimonial-4-content::after { content: ""; position: absolute; width: 102px; height: 57px; border-top-left-radius: 48px; border-top-right-radius: 50px; border: 11px solid var(--tp-heading-3); border-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; bottom: -41px; left: 50%; transform: translate(-50%, -50%); z-index: 1; opacity: 0; transition: all 500ms ease; visibility: hidden; }
.tp-testimonial-4-reveiw i { color: var(--tp-theme-primary); font-size: 16px; transition: 0.4s; }
.tp-testimonial-4-paragraph p { color: var(--tp-text-10); }

@media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px), 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-testimonial-4-paragraph p br { display: none; }
}

.tp-testimonial-4-item.swiper-slide-active { margin-bottom: 120px; }
.tp-testimonial-4-author { position: absolute; bottom: -110px; left: 0; right: 0; }
.tp-testimonial-4-img img { border: 10px solid var(--tp-grey-9); border-radius: 50px; }
.tp-testimonial-4-author-title { font-size: 22px; color: var(--tp-heading-2); margin-bottom: 0; }
.tp-testimonial-4-author-content span { display: inline-block; }
.tp-testimonial-inner-area { background-size: cover; background-repeat: no-repeat; background-position: center center; }
.tp-testimonial-inner-active { background: var(--tp-common-white); border-radius: 15px; }
.tp-testimonial-inr-wrapper { margin-left: -25px; }

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

.tp-testimonial-inner-item { padding: 60px 60px 35px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-testimonial-inner-item { padding: 60px 20px 35px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-testimonial-inner-item { padding: 60px 76px 35px; }
}

@media (max-width: 767px) {
	.tp-testimonial-inner-item { padding: 60px 30px 35px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-testimonial-inner-item { padding: 60px 50px 35px; }
}

.tp-testimonial-inner-paragraph p { color: var(--tp-text-10); margin-bottom: 26px; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-testimonial-inner-paragraph p br { display: none; }
}

.tp-testimonial-inner-bio h4 { font-size: 22px; margin-bottom: 4px; }
.tp-testimonial-inner-bio p { font-size: 16px; color: var(--tp-text-10); font-weight: 400; font-family: "DM Sans"; }
.tp-testimonial-inr-title { font-size: 45px; letter-spacing: -2px; line-height: 50px; color: var(--tp-common-white); font-weight: 400; }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-testimonial-inr-title { margin-top: 30px; }
}

.tp-testimonial-inr-title-2 { color: var(--tp-heading-secondary); }
.tp-testimonial-inr-title span { font-weight: 700; }
.tp-testimonial-inr-content p { color: #e7d9ff; margin: 30px 0 50px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-testimonial-inr-content p { width: 65%; }
}

.tp-testimonial-inr-content-2 p { color: var(--tp-text-2); }
.tp-testimonial-inr-mbr-title { font-size: 28px; letter-spacing: -1px; color: var(--tp-common-white); font-weight: 700; font-family: var(--tp-ff-heading); margin-left: 40px; }

@media (max-width: 767px) {
	.tp-testimonial-inr-mbr-title { font-size: 26px; }
}

.tp-testimonial-inr-mbr-title-2 { color: var(--tp-text-22); }
.tp-testimonial-inr-content > span { color: var(--tp-common-white); font-weight: 500; display: inline-block; }
.tp-testimonial-inr-content-2 > span { color: var(--tp-heading-5); }
.tp-testimonial-inner-shape1 { position: absolute; left: -44px; top: -54px; }
.tp-testimonial-inner-shape2 { position: absolute; right: -50px; bottom: -50px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-testimonial-inner-shape2 { right: 0; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-testimonial-inner-shape2 { right: -35px; }
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-testimonial-inner-shape2 { display: none; }
}

.tp-testimonial-inner-shape22 { right: -31px; bottom: -31px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-testimonial-inner-shape22 { right: 0; }
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-testimonial-inner-shape22 { display: none; }
}

.tp-testimonial-inner-box { margin-top: 0; margin-bottom: 30px; }
.tp-testimonial-inner-arrow-box { top: 70px; left: 289px; right: auto; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-testimonial-inner-arrow-box { left: 272px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-testimonial-inner-arrow-box { left: 226px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-testimonial-inner-arrow-box { left: 347px; }
}

@media (max-width: 767px) {
	.tp-testimonial-inner-arrow-box { left: 177px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-testimonial-inner-arrow-box { left: 258px; }
}

.tp-testimonial-inner-arrow-box button { font-size: 30px; background-color: transparent; right: 83px; z-index: 5; }
.tp-testimonial-inner-arrow-box button.slider-next { margin-bottom: 10px; left: 83px; }
.tp-testimonial-inner-1-area { background-position: center center; background-size: cover; background-repeat: no-repeat; height: 878px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-testimonial-inner-1-area { height: 1182px; }
}

@media (max-width: 767px) {
	.tp-testimonial-inner-1-area { height: 1140px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-testimonial-inner-1-area { height: 1274px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-testimonial-inner-1-thumb { margin-bottom: 40px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-testimonial-inner-1-thumb img { width: 100%; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-testimonial-inner-1-thumb img { margin-top: 55px; }
}

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

.tp-testimonial-inner-1-section-title { font-size: 50px; letter-spacing: -2px; line-height: 60px; color: var(--tp-common-white); font-weight: 700; font-family: var(--tp-ff-heading); }

@media (max-width: 767px) {
	.tp-testimonial-inner-1-section-title { font-size: 40px; line-height: 50px; }
}

.tp-testimonial-inner-1-title { font-size: 36px; letter-spacing: -1px; color: var(--tp-common-white); margin-bottom: 32px; }

@media (max-width: 767px) {
	.tp-testimonial-inner-1-title { font-size: 32px; }
}

@media (max-width: 767px) {
	.tp-testimonial-inner-1-content { margin-top: 100px; }
}

.tp-testimonial-inner-1-content > p { font-size: 24px; letter-spacing: 0px; line-height: 32px; color: var(--tp-common-white); margin-bottom: 45px; width: 96%; }

@media (max-width: 767px) {
	.tp-testimonial-inner-1-content > p { font-size: 13px; line-height: 26px; margin-bottom: 20px; }
}

.tp-testimonial-inner-1-details h4 { font-size: 22px; color: var(--tp-common-white); margin-bottom: 6px; }
.tp-testimonial-inner-1-details p { font-size: 16px; color: #e7d9ff; }
.tp-testimonial-inner-1-arrow-box { top: -156px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-testimonial-inner-1-arrow-box { top: -60px; right: 24px; }
}

@media (max-width: 767px) {
	.tp-testimonial-inner-1-arrow-box { top: 0; right: auto; left: 140px; }
}

.tp-testimonial-inner-1-arrow-box button { background: var(--tp-common-white); color: var(--tp-heading-secondary); }

.tp-testimonial-inner-arrow-box { position: absolute; z-index: 1; top: 25%; left: 53%; transform: translate(-50%, -50%); }
.tp-testimonial-inner-arrow-box button { color: #dbcaf5; left: -118px; right: 100px; position: relative; }
.tp-testimonial-inner-arrow-box button:hover { color: var(--tp-theme-primary); }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-testimonial-inner2-arrow-box { display: none !important; }
}

.tp-testimonial-inner2-arrow-box button { width: 60px; height: 60px; border-radius: 30px; background-color: #e7d9ff; font-size: 28px; color: #0f0f0f; margin: 0 5px; }
.tp-testimonial-inner2-arrow-box button:hover { background: var(--tp-common-white); }

.tp-callaction-area { background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: 1; }
.tp-callaction-bg-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgb(18, 6, 44); opacity: 0.8; z-index: -1; }
.tp-callaction-subheading { font-size: 18px; color: var(--tp-common-white); font-weight: 500; margin-bottom: 9px; display: inline-block; line-height: 28px; font-family: var(--tp-ff-heading); }

@media (max-width: 767px) {
	.tp-callaction-subheading { font-size: 13px; }
}

.tp-callaction-heading { font-size: 42px; letter-spacing: 0; color: var(--tp-common-white); margin-bottom: 34px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-callaction-heading { font-size: 78px; }
}

@media (max-width: 767px) {
	.tp-callaction-heading { font-size: 39px; letter-spacing: -2px; }
}

.tp-callaction-btn .tp-btn::after { background-color: var(--tp-common-white); }
.tp-callaction-btn .tp-btn:hover { color: var(--tp-heading-primary); }
.tp-callaction-shape1 { position: absolute; top: 0; left: 0; z-index: -1; }
.tp-callaction-shape2 { position: absolute; right: 0; top: 0; z-index: -1; }

.tp-team-wrapper { position: relative; overflow: hidden; margin-bottom: 30px; }
.tp-team-thumb { background: var(--tp-common-gray1); text-align: center; padding-top: 28px; margin-bottom: 25px; transition: 0.6s; z-index: 1; position: relative; }
.tp-team-thumb-shape { position: absolute; top: 0; left: -248px; opacity: 0; visibility: hidden; transition: 0.8s; z-index: -1; }
.tp-team-thumb.item1 { background: #fbc7b7; }
.tp-team-thumb.item2 { background: #89d2b9; }
.tp-team-thumb.item3 { background: #f5bce3; }
.tp-team-thumb.item4 { background: #e3dbff; }
.tp-team-thumb.item5 { background: #fae8cc; }
.tp-team-thumb.item6 { background: #cdf2fb; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-team-thumb img { width: 250px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-team-thumb img { width: 280px; }
}

.tp-team-heading { font-size: 24px; margin-bottom: 4px; }
.tp-team-heading:hover { color: var(--tp-theme-primary); }
.tp-team-parag { font-weight: 500; }
.tp-team-wrapper:hover .tp-team-thumb { background: var(--tp-theme-primary); }
.tp-team-wrapper:hover .tp-team-thumb-shape { visibility: visible; opacity: 1; left: 0; }
.tp-team-wrapper:hover .tp-team-social { height: 138px; }
.tp-team-wrapper:hover .tp-team-social a { opacity: 1; }
.tp-team-social { position: absolute; top: 30px; right: 30px; background-color: var(--tp-common-white); z-index: 2; width: 40px; height: 40px; border-radius: 50px; cursor: pointer; text-align: center; transition: all 0.5s ease; overflow: hidden; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-team-social { top: 20px; right: 14px; }
}

.tp-team-social .tp-team-icon { width: 40px; height: 40px; border-radius: 50px; line-height: 42px; text-align: center; display: inline-block; color: var(--tp-text-4); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.tp-team-social .tp-team-icon::after { content: "\f067"; font-weight: 900; transition: 0.3s; font-family: "Font Awesome 5 pro"; }
.tp-team-social .tp-team-icon .tp-team-icon::after { content: "\f068"; }
.tp-team-social a { background-color: var(--tp-common-white); width: 40px; height: 26px; border-radius: 50px; line-height: 30px; text-align: center; font-size: 14px; color: var(--tp-text-5); display: inline-block; opacity: 0; transition: 0.4s; }
.tp-team-social a:hover { color: var(--tp-theme-primary); }
.tp-team-social a:nth-of-type(2) { transition-delay: 0.1s; }
.tp-team-social a:nth-of-type(3) { transition-delay: 0.2s; }
.tp-team-social a:nth-of-type(4) { transition-delay: 0.3s; }

.tp-team-4-wrapper:hover .tp-team-4-icon { bottom: 100%; opacity: 1; }
.tp-team-4-wrapper:hover .tp-team-4-btn button { background: var(--tp-theme-primary); color: var(--tp-common-white); }
.tp-team-4-wrapper:hover .tp-team-4-content { background: var(--tp-common-white); }
.tp-team-4-wrapper:hover .tp-team-4-content::before { visibility: visible; opacity: 1; }
.tp-team-4-wrapper:hover .tp-team-4-title { color: var(--tp-theme-primary); }
.tp-team-4-wrapper:hover .tp-team-4-content p { color: var(--tp-text-body); }
.tp-team-4-content { background: transparent; position: absolute; bottom: 0; left: 0; padding: 16px 20px 16px 28px; border: 1px solid var(--tp-grey-25); transition: 0.4s; right: 0; margin: 30px 53px 30px 35px; }
.tp-team-4-title { font-size: 20px; color: var(--tp-common-white); font-weight: 600; margin-bottom: 4px; }
.tp-team-4-title:hover { color: var(--tp-theme-primary); }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-team-4-title { font-size: 18px; font-weight: 700; }
}

.tp-team-4-img img { width: 100%; }
.tp-team-4-content::before { content: ""; position: absolute; width: 4px; height: 103%; background: var(--tp-heading-3); top: -1px; left: -1px; transition: 0.4s; opacity: 0; }
.tp-team-4-content p { color: var(--tp-grey-4); font-weight: 400; font-family: "DM Sans"; margin-bottom: 0; transition: 0.4s; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-team-4-content p { font-size: 14px; }
}

.tp-team-4-social { position: absolute; top: 50%; right: 0; transform: translate(50%, -50%); }
.tp-team-4-icon { position: absolute; bottom: 0; right: 0; width: 38px; height: auto; padding: 15px 0; text-align: center; opacity: 0; background: var(--tp-common-white); -webkit-transition: all 0.3s 0s ease-out; -moz-transition: all 0.3s 0s ease-out; -ms-transition: all 0.3s 0s ease-out; -o-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; z-index: -1; }
.tp-team-4-icon a { display: block; font-size: 16px; color: var(--tp-heading-secondary); }
.tp-team-4-icon a:not(:last-of-type) { margin-bottom: 4px; }
.tp-team-4-icon a:hover { color: var(--tp-theme-primary); }
.tp-team-4-btn button { display: inline-block; height: 38px; width: 38px; font-size: 16px; font-weight: 800; line-height: 38px; text-align: center; color: var(--tp-theme-primary); background: var(--tp-common-white); }
.tp-team-4-bg-shape1 { position: absolute; top: -142px; right: 0; z-index: -1; }

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-team-4-bg-shape1 { top: -80px; }
}

@media (max-width: 767px) {
	.tp-team-4-bg-shape1 { display: none; }
}

.tp-team-4-bg-shape2 { position: absolute; top: 60px; left: 110px; animation: bounce-thum-3 5s forwards infinite alternate; z-index: -1; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-team-4-bg-shape2 { left: 30px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-team-4-bg-shape2 { display: none; }
}

.tp-team-5-area { padding: 0 0 310px; }
.tp-team-5-thumb img { width: 100%; }
.tp-team-5-title { color: var(--tp-heading-2); margin-top: 23px; }
.tp-team-5-title:hover { color: var(--tp-theme-primary); }
.tp-team-5-paragraph { color: var(--tp-text-10); font-weight: 500; }
.tp-team-bdcm-content { background: var(--tp-text-22); padding: 24px 0px 31px 56px; }
.tp-team-bdcm-inner { background-position: top center; background-size: cover; background-repeat: no-repeat; padding: 358px 0 0; }
.tp-team-bdcm-title { font-size: 60px; letter-spacing: -2px; color: var(--tp-common-white); }
.tp-team-bdcm-subtitle { font-size: 16px; text-transform: uppercase; color: var(--tp-common-white); font-weight: 700; }
.tp-team-bdcm-subtitle span { color: #e7d9ff; }
.tp-team-bdcm-subtitle span.spacing { margin: 0px 6px; }
.tp-team-details-top { height: 352px; background: var(--tp-theme-primary); }
.tp-team-section-paragraph { margin-top: 14px !important; }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-team-section-paragraph br { display: none; }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-team-section-paragraph { margin: auto; }
}

.tp-team-details-bottom { margin-top: -230px; }
.tp-team-details-information { filter: drop-shadow(0px 4px 40px rgba(30, 22, 22, 0.06)); background-color: var(--tp-common-white); }
.tp-team-details-wrapper { padding: 24px 40px 0 32px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-team-details-wrapper { padding: 24px 40px 40px 32px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-team-details-wrapper { padding: 24px 0 60px 74px; }
}

@media (max-width: 767px) {
	.tp-team-details-wrapper { padding: 24px 0 60px 20px; }
}

.tp-team-details-wrapper p { color: var(--tp-text-10); line-height: 26px; margin-bottom: 30px; }

@media (max-width: 767px) {
	.tp-team-details-wrapper p { display: none; }
}

.tp-team-details-thumb { filter: drop-shadow(0px 4px 40px rgba(30, 22, 22, 0.06)); background-color: #e3dbff; padding: 30px 30px 0 30px; }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-team-details-thumb { text-align: center; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-team-details-thumb img { width: 100%; }
}

.tp-team-details-title { font-size: 40px; letter-spacing: -1px; margin-bottom: 14px; }
.tp-team-details-subtitle { display: inline-block; margin-bottom: 22px; font-size: 18px; color: var(--tp-heading-primary); }
.tp-team-details-info { position: relative; }
.tp-team-details-info:not(:last-of-type) { margin-bottom: 20px; }
.tp-team-details-info span { position: absolute; left: 0; top: 2px; font-size: 18px; font-weight: 700; font-family: var(--tp-ff-heading); }
.tp-team-details-info a { font-size: 16px; font-weight: 300; margin-left: 155px; }
.tp-team-details-info a:hover { color: var(--tp-theme-primary); }
.tp-team-details-info-title { font-size: 36px; letter-spacing: -1px; margin-bottom: 20px; margin-top: 55px; }
.tp-team-details-social { margin-top: 40px; }
.tp-team-details-social a { font-size: 14px; margin-right: 6px; -webkit-transition: all 0.3s 0s ease-out; -moz-transition: all 0.3s 0s ease-out; -ms-transition: all 0.3s 0s ease-out; -o-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; color: var(--tp-heading-primary); width: 38px; height: 38px; border-radius: 25px; border: 1px solid #dee9f6; display: inline-block; text-align: center; line-height: 36px; }
.tp-team-details-social a:hover { background: var(--tp-theme-primary); color: var(--tp-common-white); border: 1px solid var(--tp-theme-primary); }
.tp-team-details-wrap p { color: var(--tp-text-10); width: 98%; margin-bottom: 28px; }
.tp-team-details-elaborate-wrap { padding-left: 14px; margin-bottom: 45px; }
.tp-team-details-elaborate-wrap ul li { color: var(--tp-text-10); margin-bottom: 10px; }
.tp-team-details-form p { font-size: 14px; margin-bottom: 32px; }
.tp-team-details-form-title { font-size: 36px; font-weight: 800; margin-bottom: 2px; color: var(--tp-heading-primary); }

/*----------------------------------------*/
/*  7.6 Chose-us css
/*----------------------------------------*/
.tp-chose-us-area { background: var(--tp-common-gray2); }
.tp-chose-us-bg-shape { position: absolute; top: 0; right: 0; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-chose-us-paragraph { margin-bottom: 50px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-chose-us-paragraph { display: none; }
}

@media (max-width: 767px) {
	.tp-chose-us-paragraph { display: none; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-chose-us-paragraph-right { font-size: 15px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-chose-us-paragraph-right { width: 57%; }
}

.tp-chose-us-bottom { border-top: 1px solid var(--tp-grey-3); border-bottom: 1px solid var(--tp-grey-3); overflow: hidden; z-index: 1; }
.tp-chose-us-thumb-wrapper { position: absolute; right: 0; bottom: 0; }
.tp-chose-us-thumb-wrapper img { width: 100%; }

@media only screen and (min-width: 1700px) and (max-width: 1800px) {
	.tp-chose-us-thumb-wrapper { right: -93px; }
}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
	.tp-chose-us-thumb-wrapper { right: -143px; }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-chose-us-thumb-wrapper { right: -242px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-chose-us-thumb-wrapper { right: -343px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-chose-us-thumb-wrapper { position: static; }
}

@media (max-width: 767px) {
	.tp-chose-us-thumb-wrapper { position: static; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-chose-us-thumb-wrapper { position: static; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-chose-us-tab { margin-bottom: -3px; }
}

.tp-chose-us-tab-btn { padding: 30px 0; display: inline-block; width: 100%; }
.tp-chose-us-tab-btn.active { background: var(--tp-common-white); }
.tp-chose-us-tab-btn.active .tp-chose-us-tab-title { color: var(--tp-heading-primary); }
.tp-chose-us-tab-title { font-size: 22px; letter-spacing: 0px; line-height: 28px; color: var(--tp-text-body); font-weight: 700; }
.tp-chose-us-item { background: var(--tp-common-white); padding: 40px 20px 46px 50px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-chose-us-item { padding: 46px 40px 40px 50px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-chose-us-item { padding: 46px 95px 40px 50px; }
}

.tp-chose-us-content h4 { font-size: 26px; color: var(--tp-heading-primary); margin-bottom: 16px; }

@media (max-width: 767px) {
	.tp-chose-us-content h4 { font-size: 23px; }
}

.tp-chose-us-content p { line-height: 24px; margin-bottom: 30px; }
.tp-chose-us-tab-li { width: 100%; }
.tp-chose-us-tab-btn { display: flex; align-items: center; width: 103%; border-bottom: 1px solid #ddd; padding: 0 0 1px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-chose-us-tab-btn { width: 103%; border-right: 1px solid #ddd; }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-chose-us-tab-btn { width: 100%; border-right: 1px solid #ddd; }
}

.tp-chose-us-tab-btn.active .tp-chose-us-tab-icon { background: var(--tp-theme-primary); color: var(--tp-common-white); }
.tp-chose-us-tab-btn.active .tp-chose-us-tab-icon::before { visibility: visible; opacity: 1; }
.tp-chose-us-tab-icon { background: rgb(232, 232, 232); color: rgb(127, 46, 248); padding: 34px 46px; font-size: 64px; position: relative; transition: 0.3s; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-chose-us-tab-icon { padding: 34px 30px; }
}

@media (max-width: 767px) {
	.tp-chose-us-tab-icon { padding: 30px 30px; }
}

.tp-chose-us-tab-icon::before { content: ""; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 11px 0 11px 22px; border-color: transparent transparent transparent var(--tp-theme-primary); transform: rotate(0deg); right: -21px; bottom: 56px; visibility: hidden; opacity: 0; transition: 0.3s; }
.tp-chose-us-tab-title { font-size: 22px; letter-spacing: 0px; margin-left: 60px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-chose-us-tab-title { font-size: 20px; }
}

@media (max-width: 767px) {
	.tp-chose-us-tab-title { font-size: 16px; margin-left: 25px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-chose-us-tab-title { font-size: 20px; margin-left: 60px; }
}

.tp-chose-us-tab-icon i { transform: rotate(-90deg); display: block; }
.tp-chose-us-wrapper { margin-left: 140px; position: relative; z-index: 11; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-chose-us-wrapper { margin-left: 90px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-chose-us-wrapper { margin-left: 30px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-chose-us-wrapper { margin-left: 0; margin-right: 178px; padding-top: 40px; }
}

@media (max-width: 767px) {
	.tp-chose-us-wrapper { margin-left: 0; padding-top: 40px; }
}

.tp-chose-us-2-right-btn .tp-btn.tp-btn-border { color: var(--tp-heading-primary); border: 1px solid var(--tp-heading-primary); }
.tp-chose-us-2-right-btn .tp-btn.tp-btn-border:hover { color: var(--tp-common-white); }
.tp-chose-us-2-container { max-width: 1340px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-chose-us-2-bottom { margin-top: 30px; }
}

.tp-chose-us-2-tab-btn { background: var(--tp-theme-primary) !important; color: var(--tp-common-white); border-radius: 0 !important; padding: 18px 44px 18px 78px; font-size: 17px; font-weight: 600; font-family: var(--tp-ff-heading); border-right: 1px solid var(--tp-grey-5) !important; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-chose-us-2-tab-btn { padding: 18px 44px 18px 60px; }
}

.tp-chose-us-2-tab-btn.tab-btn-2 { padding: 18px 38px; }
.tp-chose-us-2-tab-btn.tab-btn-3 { padding: 18px 78px 18px 40px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-chose-us-2-tab-btn.tab-btn-3 { padding: 18px 30px 18px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-chose-us-2-tab-btn { font-size: 14px; }
}

@media (max-width: 767px) {
	.tp-chose-us-2-tab-btn { margin-bottom: 10px; }
}

.tp-chose-us-2-tab-btn.active { color: var(--tp-theme-primary) !important; background-color: var(--tp-grey-5) !important; }
.tp-chose-us-2-tab-btn.nav-link:hover { color: var(--tp-common-white); }
.tp-chose-us-2-box { background-color: rgb(255, 255, 255); box-shadow: 0px 0px 60px 0px rgba(44, 42, 65, 0.08); padding: 80px 84px 80px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-chose-us-2-box { padding: 40px 84px 80px 40px; }
}

@media (max-width: 767px) {
	.tp-chose-us-2-box { padding: 41px 0 80px 40px; }
}

.tp-chose-us-2-left-heading { position: relative; padding-bottom: 20px; margin-bottom: 40px; }
.tp-chose-us-2-left-heading::after { content: ""; position: absolute; width: 90%; height: 1px; background: var(--tp-grey-6); left: 0; bottom: 0; }
.tp-chose-us-2-left-title { font-size: 36px; letter-spacing: -1px; line-height: 42px; margin-bottom: 28px; }

@media (max-width: 767px) {
	.tp-chose-us-2-left-title br { display: none; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-chose-us-2-left-title { font-size: 31px; }
}

@media (max-width: 767px) {
	.tp-chose-us-2-left-title { font-size: 27px; }
}

.tp-chose-us-2-left-heading p { color: var(--tp-text-2); }

@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
	.tp-chose-us-2-left-icon-box.ml-90 { margin-left: 0; margin-top: 30px; margin-bottom: 30px; }
}

.tp-chose-us-2-left-icon-box:hover span { color: var(--tp-common-white); border: 1px solid transparent; }
.tp-chose-us-2-left-icon-box:hover span::before { transform: scale(1); }
.tp-chose-us-2-left-icon-box span { width: 80px; height: 80px; line-height: 84px; display: inline-block; text-align: center; background: transparent; border-radius: 50%; color: var(--tp-theme-primary); border: 1px solid var(--tp-grey-6); font-size: 40px; margin-bottom: 14px; cursor: pointer; position: relative; overflow: hidden; z-index: 1; transition: 0.6s; }
.tp-chose-us-2-left-icon-box span::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transform: scale(0); background: var(--tp-theme-primary); width: 100%; height: 100%; z-index: -1; transition: 0.6s; border-radius: 50%; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-chose-us-2-left-item { display: inherit !important; }
}

@media (max-width: 767px) {
	.tp-chose-us-2-left-item { display: inherit !important; }
}

.tp-chose-us-2-left-icon-title { margin-bottom: 12px; }
.tp-chose-us-2-left-icon-box p { line-height: 28px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-chose-us-2-left-icon-box p { font-size: 14px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-chose-us-2-right-btn { justify-content: left !important; margin-top: -16px; margin-bottom: 60px; }
}

.tp-chose-us-2-right-wrapper { text-align: right; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-chose-us-2-right-wrapper { text-align: left; margin-top: 40px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-chose-us-2-right-thumb { margin-top: 130px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-chose-us-2-right-thumb img.main-thumb { width: 122%; }
}

@media (max-width: 767px) {
	.tp-chose-us-2-right-thumb img.main-thumb { width: 100%; }
}

.tp-chose-us-2-right-thumb-shape1 { position: absolute; right: 63px; top: 118px; animation: bounce-thum-3 2s forwards infinite alternate; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-chose-us-2-right-thumb-shape1 { top: 0; right: -84px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-chose-us-2-right-thumb-shape1 { right: 26px; top: 30px; }
}

@media (max-width: 767px) {
	.tp-chose-us-2-right-thumb-shape1 { display: none; }
}

.tp-chose-us-2-right-thumb-shape2 { position: absolute; left: 48px; bottom: 38px; animation: moving 9s linear infinite; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-chose-us-2-right-thumb-shape2 { left: 0; }
}

@media (max-width: 767px) {
	.tp-chose-us-2-right-thumb-shape2 { display: none; }
}

.tp-chose-us-2-bg-s1 { position: absolute; top: 122px; left: 100px; animation: zoom-in-zoom-out 3.5s ease infinite; }

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-chose-us-2-bg-s1 { left: 10px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-chose-us-2-bg-s1 { top: 10px; left: 10px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-chose-us-2-bg-s1 { display: none; }
}

.tp-chose-us-2-bg-s2 { position: absolute; top: 275px; left: 30px; animation: rotate-thum 3.5s infinite; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-chose-us-2-bg-s2 { top: 280px; left: 10px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-chose-us-2-bg-s2 { display: none; }
}

.tp-chose-us-2-bg-s3 { position: absolute; right: 35%; top: 150px; animation: bounce-thum-2 1s ease-in-out 0.1s forwards infinite alternate; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-chose-us-2-bg-s3 { right: 10%; }
}

@media (max-width: 767px) {
	.tp-chose-us-2-bg-s3 { display: none; }
}

.tp-chose-us-5-area { background-position: center center; background-size: cover; background-repeat: no-repeat; }
.tp-chose-us-5-bg-shape1 { position: absolute; left: 65px; top: 62px; animation: rotate-thum 9s infinite; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-chose-us-5-bg-shape1 { left: 0px; top: 62px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-chose-us-5-bg-shape1 { display: none; }
}

.tp-chose-us-5-bg-shape2 { position: absolute; right: 0; top: 0px; }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-chose-us-5-bg-shape2 { display: none; }
}

.tp-chose-us-5-bg-shape3 { position: absolute; top: -200px; 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-chose-us-5-bg-shape3 { top: -100px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-chose-us-5-bg-shape3 { top: -100px; left: -100px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-chose-us-5-bg-shape3 { display: none; }
}

.tp-chose-us-5-title { font-size: 60px; letter-spacing: -2px; color: var(--tp-heading-2); margin-bottom: 50px; }

@media (max-width: 767px) {
	.tp-chose-us-5-title { font-size: 36px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-chose-us-5-title { font-size: 50px; }
}

/*----------------------------------------*/
/*  8.7 Price css
/*----------------------------------------*/
.tp-price-tab button { font-weight: 700; font-size: 16px; color: var(--tp-common-black); transition: 0.3s; border: 1px solid var(--tp-common-black); padding: 7px 20px; margin: 0 10px; }
.tp-price-tab button:hover { color: var(--tp-common-white); border-color: var(--tp-theme-1); background-color: var(--tp-theme-1); }
.tp-price-tab button.active { color: var(--tp-common-white); border-color: var(--tp-theme-1); background-color: var(--tp-theme-1); }
.tp-price-wrapper { background-color: rgb(255, 255, 255); box-shadow: 0px 0px 60px 0px rgba(139, 111, 180, 0.08); }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-price-wrapper { margin-top: 80px; }
}

.tp-price-item { padding: 50px 60px; padding-bottom: 40px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-price-item { padding: 50px 20px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-price-item { padding: 50px 30px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-price-item { padding: 50px 30px 50px 70px; }
}

.tp-price-item.active { margin-top: -45px; background-color: var(--tp-common-black); z-index: 1; }

@media (max-width: 767px) {
	.tp-price-item.active { margin-top: 0; }
}

.tp-price-item.active .tp-price-middle-number { color: var(--tp-common-white); }
.tp-price-item.active .tp-price-middle-box { position: relative; }
.tp-price-item.active .tp-price-middle-box::after { content: ""; bottom: -50px; left: 0; height: 1px; width: 160px; position: absolute; background-color: var(--tp-grey-18); }
.tp-price-item.active .tp-price-middle-box span { color: #cfc7e1; }
.tp-price-item.active .tp-price-top-box span { color: var(--tp-common-white); }
.tp-price-item.active .tp-price-list ul li { color: var(--tp-common-white); }
.tp-price-item.active .tp-price-list ul li.color { color: var(--tp-grey-19); }
.tp-price-item.active .tp-price-list ul li i { color: var(--tp-common-white); }
.tp-price-top-box { padding-right: 20px; }
.tp-price-top-box span { color: var(--tp-heading-primary); font-weight: 700; font-size: 24px; font-family: var(--tp-ff-heading); }

@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-price-top-box span { font-size: 20px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-price-top-box span { font-size: 24px; }
}

.tp-price-top-box img { margin-top: 10px; }
.tp-price-middle-number { font-size: 50px; letter-spacing: -2px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-price-middle-number { font-size: 40px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-price-middle-number { font-size: 40px; }
}

.tp-price-middle-box span { color: var(--tp-theme-primary); font-weight: 700; }

@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-price-middle-box span { font-size: 14px; }
}

.tp-price-list ul li { position: relative; padding-left: 30px; list-style: none; transition: 0.3s; color: var(--tp-heading-primary); }

@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-price-list ul li { font-size: 14px; }
}

.tp-price-list ul li.color { color: var(--tp-text-body); }
.tp-price-list ul li:not(:last-child) { margin-bottom: 14px; }
.tp-price-list ul li i { color: var(--tp-theme-primary); position: absolute; top: 6px; left: 0; font-size: 14px; font-weight: 500; }
.tp-price-shape { position: absolute; bottom: 0; right: 0; z-index: -1; }
.tp-price-middle-box { position: relative; }
.tp-price-middle-box::after { content: ""; bottom: -50px; left: 0; height: 1px; width: 160px; position: absolute; background-color: var(--tp-grey-20); }
.tp-price-button .tp-btn-white::after { background-color: var(--tp-theme-primary); }

.tp-pricing-inner-top { height: 660px; padding: 190px 0 0; background-color: rgb(98, 34, 204); }
.tp-pricing-inner-bg-shape { position: absolute; right: 25%; top: 71px; z-index: -1; }
.tp-pricing-inner-bottom { margin-top: -190px; }
.tp-pricing-inner-title { font-size: 50px; letter-spacing: -2px; color: var(--tp-common-white); font-weight: 800; margin-bottom: 12px; }

@media (max-width: 767px) {
	.tp-pricing-inner-title { font-size: 38px; }
}

.tp-pricing-inner-paragraph { font-size: 16px; line-height: 30px; color: #e7d9ff; font-weight: 400; font-family: var(--tp-ff-dmsans); }

@media (max-width: 767px) {
	.tp-pricing-inner-paragraph { width: 79%; margin: auto; }
}

.tp-pricing-inr-fq-title { font-size: 50px; letter-spacing: -2px; }

@media (max-width: 767px) {
	.tp-pricing-inr-fq-title { font-size: 46px; }
}

.tp-pricing-inner-faq-title { position: absolute; top: 30px; left: 30px; }
.tp-pricing-inner-faq-thumb-title { color: var(--tp-common-white); letter-spacing: -1px; }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-pricing-inner-faq-thumb { margin-bottom: 40px; }
}

.tp-pricing-inr-accordion-title { font-size: 18px; font-weight: 600; }

.tp-btn-top-icon { font-size: 62px !important; color: var(--tp-theme-primary) !important; }
.tp-btn-top-icon.white { color: var(--tp-common-white) !important; }

/*----------------------------------------*/
/*  7.7 Contact css
/*----------------------------------------*/
.tp-contact-bg { position: absolute; top: 0; left: 0; height: 624px; width: 69%; background-repeat: no-repeat; background-position: top left; z-index: -1; }

@media (max-width: 767px) {
	.tp-contact-bg { width: 100%; }
}

.tp-contact-title-wrapper { margin-bottom: 91px; }

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-contact-title-wrapper { margin-bottom: 60px; }
}

.tp-contact-title-wrapper .tp-section-title { margin-bottom: 50px; color: var(--tp-common-white); }
.tp-contact-project { margin-right: 18px; }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-contact-project { display: inherit !important; }
}

.tp-contact-complete { position: relative; padding: 44px 48px 40px; z-index: 2; background: var(--tp-common-white); box-shadow: 0px 0px 60px 0px rgba(0, 8, 21, 0.1); -webkit-box-shadow: 0px 0px 60px 0px rgba(0, 8, 21, 0.1); }

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-contact-complete { padding: 44px 48px 41px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-contact-complete { padding: 46px 48px 46px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-contact-complete { padding: 48px 35px 48px; }
}

.tp-contact-complete:not(:last-of-type) { margin-right: 20px; }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-contact-complete:not(:last-of-type) { margin-right: 0; margin-bottom: 30px; }
}

.tp-contact-count { color: var(--tp-theme-primary); font-size: 48px; margin-bottom: 4px; letter-spacing: -1px; }
.tp-contact-paragraph { font-size: 18px; font-weight: 500; font-family: var(--tp-ff-heading); }
.tp-contact-box { position: relative; padding: 60px 55px; z-index: 1; background: var(--tp-common-white); box-shadow: 0px 0px 60px 0px rgba(30, 22, 22, 0.06); margin-top: 13px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-contact-box { padding: 60px 30px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-contact-box { padding: 60px 30px; }
}

@media (max-width: 767px) {
	.tp-contact-box { padding: 60px 24px; margin-top: 50px; }
}

.tp-contact-title { color: var(--tp-theme-primary); margin-bottom: 40px; font-size: 26px; letter-spacing: -1px; }
.tp-contact-title-inner-page { font-size: 36px; letter-spacing: -1px; }

@media (max-width: 767px) {
	.tp-contact-title-inner-page { font-size: 33px; }
}

.tp-contact-form input { margin-bottom: 20px; font-size: 16px; font-weight: 400; background: #f4f4f4; color: #767676; height: 58px; border: 1px solid rgb(235, 235, 235); }
.tp-contact-form input:focus { border: 1px solid var(--tp-theme-primary); background: transparent; }
.tp-contact-form textarea { margin-bottom: 20px; font-size: 16px; font-weight: 400; background: #f4f4f4; color: #767676; height: 110px; resize: none; }
.tp-contact-form textarea:focus { border: 1px solid var(--tp-theme-primary); background: transparent; }
.tp-contact-btn { margin: 0; }
.tp-contact-shape { position: absolute; bottom: 127px; right: 0px; z-index: 2; }

@media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-contact-shape { z-index: 1; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-contact-shape { bottom: 234px; }
}

@media (max-width: 767px) {
	.tp-contact-shape { display: none; }
}

.tp-contact-4-bg-thumb { position: absolute; top: 0; right: 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-contact-4-bg-thumb { position: static; margin-bottom: 50px; }
}

@media (max-width: 767px) {
	.tp-contact-4-bg-thumb { position: static; margin-bottom: 50px; }
}

.tp-contact-4-box { margin-top: 0; }
.tp-contact-4-form textarea { height: 150px; }
.tp-contact-inner-page-box { position: relative; z-index: 1; padding: 74px 80px; margin-top: -80px; filter: drop-shadow(0 0 40px rgba(30, 22, 22, 0.04)); box-shadow: none; }

@media (max-width: 767px) {
	.tp-contact-inner-page-box { padding: 70px 30px 70px; }
}

.tp-contact-form-inner-page textarea { height: 170px; }
.tp-contact-inner-page-bottom { margin-bottom: -110px; }
.tp-contact-inner-page-item { position: relative; z-index: 1; padding: 30px; -webkit-transition: all 0.3s 0s ease-out; -moz-transition: all 0.3s 0s ease-out; -ms-transition: all 0.3s 0s ease-out; -o-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; background-color: rgb(255, 255, 255); box-shadow: 0px 4px 60px 0px rgba(22, 23, 26, 0.06); min-height: 262px; }
.tp-contact-inner-page-icon { margin-bottom: 22px; }
.tp-contact-inner-page-icon span { font-size: 32px; height: 80px; width: 80px; line-height: 85px; display: inline-block; border-radius: 50%; text-align: center; -webkit-transition: all 0.3s 0s ease-out; -moz-transition: all 0.3s 0s ease-out; -ms-transition: all 0.3s 0s ease-out; -o-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; color: var(--tp-theme-primary); background: rgb(245, 245, 248); }
.tp-contact-inner-page-title { font-size: 26px; letter-spacing: -1px; font-weight: 600; }
.tp-contact-inner-page-content a { color: var(--tp-text-10); line-height: 26px; transition: 0.4s; }

.tp-map-content iframe { width: 100%; height: 535px; margin-bottom: -10px; }

.tp-contact-7-btn .tp-btn::after { background: var(--tp-common-white); }
.tp-contact-7-btn .tp-btn:hover { color: var(--tp-heading-secondary); }

.tp-blog-thumb { overflow: hidden; border: 1px solid #EEE; }
.tp-blog-thumb img { width: 100%; transition: 0.6s; }
.tp-blog-content { padding: 20px 0 18px 0px; }
.tp-blog-date { margin-bottom: 16px; }
.tp-blog-date p { font-size: 16px; text-transform: uppercase; color: var(--tp-theme-primary); font-weight: 700; font-family: "DM Sans"; position: relative; margin-left: 53px; margin-bottom: 0; }
.tp-blog-date p::before { content: ""; position: absolute; width: 40px; height: 2px; top: 13px; left: -54px; background: var(--tp-theme-primary); }
.tp-blog-date span { list-style: disc; position: relative; font-weight: 600; }
.tp-blog-content-inner-heading { line-height: 30px; margin-bottom: 20px; min-height: 90px; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-blog-content-inner-heading { font-size: 19px; }
}

.tp-blog-btn { font-size: 16px; letter-spacing: 0px; color: var(--tp-text-body); font-weight: 700; transition: 0.4s; display: inline-block; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-blog-btn { font-size: 14px; font-weight: 600; }
}

.tp-blog-btn span { display: inline-block; margin-left: 10px; transform: translateY(2px); }
.tp-blog-btn:hover { color: var(--tp-theme-primary); }
.tp-blog-wrapper:hover .tp-blog-thumb img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.tp-blog-2-area { background: var(--tp-common-gray2); margin-top: -128px; padding: 170px 0 100px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-blog-2-area { margin-top: -235px; padding: 350px 0 120px; }
}

.tp-blog-2-wrapper { position: relative; }
.tp-blog-2-wrapper::after { position: absolute; content: ""; width: 0%; height: 2px; bottom: 0px; left: 0; right: 0; background-color: var(--tp-theme-primary); transition: all 0.4s ease-out 0s; }
.tp-blog-2-wrapper:hover::after { width: 100%; right: 0; }
.tp-blog-2-wrapper:hover .tp-blog-2-thumb img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.tp-blog-2-item-box { background: var(--tp-common-white); padding: 22px 20px 34px 30px; }
.tp-blog-2-thumb { overflow: hidden; border: 1px solid #EEE; }
.tp-blog-2-thumb img { width: 100%; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; }
.tp-blog-2-date { margin-bottom: 20px; }
.tp-blog-2-date span { color: var(--tp-text-10); font-weight: 600; font-family: var(--tp-ff-heading); position: relative; }
.tp-blog-2-date span:not(:last-of-type) { margin-right: 30px; }
.tp-blog-2-date span:not(:last-of-type)::after { position: absolute; content: ""; top: 50%; right: -18px; height: 6px; width: 6px; display: inline-block; transform: translateY(-50%); border: 1px solid var(--tp-theme-primary); z-index: 1; }
.tp-blog-2-title { font-size: 27px; letter-spacing: -1px; line-height: 35px; font-weight: 600; margin-bottom: 24px; min-height: 106px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-blog-2-title { font-size: 26px; }
}

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

.tp-blog-2-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; vertical-align: middle; -webkit-appearance: none; appearance: none; border: none; outline: none !important; background-color: var(--tp-heading-primary); color: var(--tp-theme-primary); font-size: 16px; font-weight: 700; padding: 16px 34px; line-height: 1; transition: 500ms; text-transform: capitalize; position: relative; overflow: hidden; text-align: center; z-index: 1; }
.tp-blog-2-btn::before { content: ""; position: absolute; top: -50%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-top-left-radius: 50%; border-top-right-radius: 50%; background-color: #f8f8f8; transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.tp-blog-2-btn::after { content: ""; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 150%; height: 150%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: var(--tp-theme-primary); transition-duration: 700ms; transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.tp-blog-2-btn span { position: relative; color: inherit; z-index: 2; transition: 0s; }
.tp-blog-2-btn:hover { color: var(--tp-common-white); }
.tp-blog-2-btn:hover::before { top: 100%; }
.tp-blog-2-btn:hover::after { bottom: -50%; }
.tp-blog-2-slider-dot .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 6px; transition: 0.4s; }
.tp-blog-2-slider-dot .swiper-pagination-bullet button { display: none; }
.tp-blog-2-slider-dot .swiper-pagination-bullet-active { opacity: 1; background: var(--tp-theme-primary); position: relative; }
.tp-blog-2-slider-dot .swiper-pagination-bullet-active::before { content: ""; position: absolute; left: -5px; top: -5px; height: 22px; width: 22px; border-radius: 50%; border: 2px dotted var(--tp-theme-primary); }
.tp-blog-4-wrapper:hover .tp-blog-4-content { margin-bottom: 0; }
.tp-blog-4-wrapper:hover .tp-blog-4-thumb::before { visibility: visible; opacity: 1; height: 100%; }
.tp-blog-4-wrapper:hover .tp-blog-4-thumb-icon { visibility: visible; opacity: 1; }
.tp-blog-4-thumb { position: relative; }
.tp-blog-4-thumb::before { content: ""; position: absolute; width: 100%; height: 0; top: 0; left: 0; background-color: rgba(47, 11, 88, 0.6); visibility: hidden; transition: 0.7s; opacity: 0; }
.tp-blog-4-thumb img { width: 100%; }
.tp-blog-4-thumb-icon { position: absolute; top: 50%; left: 50%; z-index: 9; transform: translate(-50%, -253%); transition: 0.7s; opacity: 0; visibility: hidden; }
.tp-blog-4-thumb-icon a { font-size: 50px; color: var(--tp-common-white); }
.tp-blog-4-content { position: absolute; left: 0; bottom: 0; background: var(--tp-common-white); padding: 25px 36px 24px 32px; transition: 0.4s; right: 0; margin: 20px; }
.tp-blog-4-date p { color: var(--tp-theme-primary); font-weight: 700; text-transform: uppercase; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-blog-4-date p { font-weight: 600; }
}

.tp-blog-4-date span { color: var(--tp-text-10); margin-left: 48px; position: relative; }
.tp-blog-4-date span::before { content: ""; position: absolute; width: 6px; height: 6px; top: 9px; left: -25px; border-radius: 50px; background: var(--tp-text-2); }
.tp-blog-4-heading { font-size: 24px; color: var(--tp-heading-2); font-weight: 600; margin-bottom: 28px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-blog-4-heading { font-size: 22px; }
}

.tp-blog-4-heading:hover { color: var(--tp-theme-primary); }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-blog-4-heading { font-size: 21px; font-weight: 700; }
}

.tp-blog-4-btn { font-size: 14px; color: var(--tp-text-10); font-weight: 700; font-family: var(--tp-ff-heading); margin-left: 30px; position: relative; transition: 0.4s; }
.tp-blog-4-btn::before { content: ""; position: absolute; width: 20px; height: 2px; background: var(--tp-text-12); display: inline-block; top: 10px; left: -30px; }
.tp-blog-4-btn:hover { color: var(--tp-theme-primary); }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-blog-5-area { padding-top: 105px; }
}

@media (max-width: 767px) {
	.tp-blog-5-top-btn { justify-content: left !important; margin-bottom: 50px; }
}

.tp-blog-5-top-btn .tp-btn { text-transform: inherit; }
.tp-blog-breadcrumb-inner-area { height: 520px; }
.tp-blog-breadcrumb-area { height: 300px; }
.tp-blog-sideber-breadcrumb-body { color: var(--tp-common-white); font-weight: 600; }

.tp-subscribe-area { background-position: center center; background-size: cover; background-repeat: no-repeat; }
.tp-subscribe-right-box { width: 60%; margin: auto; }

@media (max-width: 767px) {
	.tp-subscribe-right-box { width: 100%; }
}

.tp-subscribe-right-box input { height: 68px; line-height: 80px; font-size: 16px; background-color: var(--tp-common-white); border: 5px solid var(--tp-text-24); padding-right: 140px; }
.tp-subscribe-right-box input:focus { border-color: var(--tp-text-24); }
.tp-subscribe-button { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); }
.tp-subscribe-btn { background: var(--tp-text-25); color: var(--tp-common-white); padding: 14px 35px; display: inline-block; font-weight: 700; font-family: var(--tp-ff-heading); border: 5px solid var(--tp-text-24); }
.tp-subscribe-inner-bg { background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 115px 0 120px; border-radius: 10px; margin: 0 245px 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), only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-subscribe-inner-bg { margin: 0 40px 0; }
}

@media (max-width: 767px) {
	.tp-subscribe-inner-bg { margin: 0; }
}

.tp-subscribe-inner-subtitle { font-size: 16px; letter-spacing: 1px; text-transform: uppercase; color: #bdbfd2; font-weight: 700; font-family: var(--tp-ff-heading); margin-bottom: 12px; display: inline-block; }
.tp-subscribe-inner-title { font-size: 50px; letter-spacing: -2px; color: var(--tp-common-white); margin-bottom: 42px; }

@media (max-width: 767px) {
	.tp-subscribe-inner-title { font-size: 31px; }
}

.tp-subscribe-inner-padding { padding-top: 320px; margin-top: -200px; }
.tp-subscribe-inner-btn .tp-header-btn::after { background: var(--tp-common-white); }
.tp-subscribe-inner-btn .tp-header-btn:hover { color: var(--tp-heading-primary); }

.tp-faq-bg { position: absolute; top: 0; left: 0; height: 326px; width: 100%; background-repeat: no-repeat; background-position: top left; z-index: -1; }
.tp-faq-contact { padding: 60px 64px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-faq-contact { padding: 60px 40px; }
}

@media (max-width: 767px) {
	.tp-faq-contact { padding: 60px 30px; }
}

.tp-faq-contact > span { font-size: 14px; letter-spacing: 1px; color: var(--tp-theme-primary); font-weight: 600; font-family: var(--tp-ff-heading); display: inline-block; margin-bottom: 4px; }
.tp-faq-title { font-size: 38px; letter-spacing: -1px; margin-bottom: 45px; }

@media (max-width: 767px) {
	.tp-faq-title { font-size: 34px; }
}

.tp-faq-3-accordion { margin-right: 77px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-faq-3-accordion { margin-right: 0; margin-top: 147px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-faq-3-accordion { margin-right: 0; margin-bottom: 40px; }
}

@media (max-width: 767px) {
	.tp-faq-3-accordion { margin-right: 0; }
}

.tp-faq-3-accordion-item { padding: 0 32px; box-shadow: 0px 0px 20px 0px rgba(18, 26, 49, 0.06); }
.tp-faq-3-accordion-item-2 { filter: drop-shadow(0 0 10px rgba(24, 5, 54, 0.04)); background-color: var(--tp-common-white); box-shadow: none; }

@media (max-width: 767px) {
	.tp-faq-3-accordion-item { padding: 0 20px; }
}

.tp-faq-3-accordion-title { color: var(--tp-heading-primary); font-weight: 700; font-family: var(--tp-ff-heading); line-height: 60px; }

@media (max-width: 767px) {
	.tp-faq-3-accordion-title { font-size: 13px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-faq-3-accordion-title { font-size: 16px; }
}

.tp-faq-3-accordion-title.collapsed::before { transform: rotate(0); }
.tp-faq-3-accordion-title::before { position: absolute; content: "\f107"; font-family: "Font Awesome 6 Pro"; right: 0; transform: rotate(-180deg); color: var(--tp-theme-primary); transition: 0.6s; }
.tp-faq-3-accordion-title:not(.collapsed) { color: var(--tp-heading-secondary); background: none; }
.tp-faq-3-accordion-title:focus { border: none; box-shadow: none; }
.tp-faq-3-accordion-pera { padding-bottom: 35px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-faq-3-accordion-pera { font-size: 15px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-faq-3-accordion-pera { font-size: 14px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-faq-3-accordion-pera { width: 70%; }
}

@media (max-width: 767px) {
	.tp-faq-3-accordion-pera { font-size: 13px; }
	.tp-faq-3-accordion-pera br { display: none; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-faq-3-accordion-pera { font-size: 15px; }
}

.tp-faq-3-form textarea { height: 143px; }
.tp-faq-4-services-width { max-width: 1630px; margin: 0 auto; }
.tp-faq-4-services-item { background-color: var(--tp-common-white); margin-left: 65px; padding: 35px 38px 45px 34px; box-shadow: 0px 2px 40px 0px rgba(16, 23, 40, 0.06); position: relative; z-index: 4; }

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
	.tp-faq-4-services-item { padding: 35px 30px 45px; }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-faq-4-services-item { padding: 35px 18px 45px 0px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-faq-4-services-item { padding: 35px 21px 45px 0px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-faq-4-services-item { padding: 35px 20px 45px 16px; }
}

@media (max-width: 767px) {
	.tp-faq-4-services-item { padding: 35px 40px 45px 8px; margin-left: 0; }
}

.tp-faq-4-services-item::after { content: ""; position: absolute; width: 2px; height: 0; background: var(--tp-text-15); right: 0; top: 0; transition: 0.6s; }
.tp-faq-4-services-item:hover::after { height: 100%; }
.tp-faq-4-services-item:hover .tp-faq-4-services-item-icon span { background: var(--tp-theme-primary); color: var(--tp-common-white); }
.tp-faq-4-services-item-letter span { font-size: 220px; font-weight: 800; }
.tp-faq-4-services-item-icon span { width: 90px; height: 90px; border-radius: 50%; background-color: var(--tp-common-gray2); display: inline-block; text-align: center; line-height: 70px; font-size: 28px; letter-spacing: -1px; color: var(--tp-text-15); font-weight: 700; font-family: var(--tp-ff-heading); border: 10px solid var(--tp-common-white); margin-right: 18px; transition: 0.4s; cursor: pointer; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-faq-4-services-item-icon span { width: 80px; height: 80px; line-height: 60px; font-size: 24px; margin-right: 10px; }
}

.tp-faq-4-services-item-title { margin-bottom: 18px; font-size: 26px; letter-spacing: 0px; }
.tp-faq-4-services-item-title:hover { color: var(--tp-theme-primary); }

@media (max-width: 767px) {
	.tp-faq-4-services-item-title { font-size: 20px; }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-faq-4-services-item-content p { font-size: 13px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-faq-4-services-item-content p { font-size: 14px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-faq-4-services-item-content p { width: 55%; }
}

.tp-faq-4-services-item-head { position: absolute; left: -75px; top: 104px; z-index: -1; }

@media (max-width: 767px) {
	.tp-faq-4-services-item-head { display: none; }
}

.tp-faq-4-services-item-head span { font-size: 220px; -webkit-text-fill-color: transparent; font-weight: 700; text-transform: uppercase; -webkit-background-clip: text; background-clip: text; background-position: center 65%; background-repeat: no-repeat; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-faq-4-services-item-head span { font-size: 170px; }
}

.tp-faq-4-services-item-shape { position: absolute; right: -20px; bottom: 0; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: -3; }
.tp-faq-5-bg { position: absolute; top: 0; left: 0; height: 945px; width: 100%; background-repeat: no-repeat; background-position: top center; z-index: -1; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-faq-5-left-wrapper { margin-bottom: 50px; }
}

@media (max-width: 767px) {
	.tp-faq-5-left-wrapper { display: inherit !important; margin-bottom: 50px; }
}

.tp-faq-5-left-item { background: var(--tp-common-white); padding: 40px 0 32px; margin-right: 56px; }

@media (max-width: 767px) {
	.tp-faq-5-left-item { margin-bottom: 30px; }
}

.tp-faq-5-left-icon img { margin-bottom: 25px; display: inline-block; }
.tp-faq-5-left-title { font-size: 24px; color: var(--tp-heading-2); font-weight: 700; font-family: var(--tp-ff-heading); }
.tp-faq-5-feature-item { position: relative; left: -50px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-faq-5-feature-item { margin-left: 24px; }
}

.tp-faq-5-feature-cion span { color: var(--tp-heading-3); font-size: 70px; margin-bottom: 25px; display: inline-block; }
.tp-faq-5-feature-parag p { font-size: 24px; color: var(--tp-text-16); }
.tp-faq-5-pagenation { text-align: center; margin-top: -6px; margin-left: -24px; }
.tp-faq-5-pagenation .swiper-pagination-bullet { background: #04bfad; width: 20px; height: 2px; border-radius: 0; opacity: 1; }
.tp-faq-5-pagenation .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--tp-heading-3); }
.tp-faq-5-man-shape { position: absolute; bottom: -20px; left: 17%; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-faq-5-man-shape { left: 5%; }
}

@media (max-width: 767px) {
	.tp-faq-5-man-shape { display: none; }
}

.tp-faq-5-collaps-wrapper { width: 750px; margin-bottom: -140px; z-index: 99; position: relative; }

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-faq-5-collaps-wrapper { width: 100%; }
}

.tp-faq-5-collaps-title { font-size: 36px; letter-spacing: -1px; line-height: 50px; color: var(--tp-common-white); font-weight: 800; margin: 0; padding: 20px 80px; background: var(--tp-theme-primary); position: relative; }

@media (max-width: 767px) {
	.tp-faq-5-collaps-title { font-size: 30px; padding: 20px 20px; }
}

.tp-faq-5-collaps-title::before { position: absolute; content: ""; width: 0px; height: 0px; border-style: solid; border-width: 19px 10.5px 0 8.5px; border-color: var(--tp-theme-primary) transparent transparent transparent; transform: rotate(16deg); bottom: -16px; z-index: 9; }
.tp-faq-5-accordion { padding: 78px; background: var(--tp-common-white); filter: drop-shadow(0 0 30px rgba(27, 25, 31, 0.06)); padding-top: 50px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-faq-5-accordion { padding: 78px 50px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-faq-5-accordion { padding: 78px 36px 78px; }
}

@media (max-width: 767px) {
	.tp-faq-5-accordion { padding: 78px 0 78px; filter: none; }
}

.tp-faq-5-accordion-item { background: var(--tp-grey-13); padding: 0 32px; border-left: 2px solid var(--tp-heading-1) !important; }

@media (max-width: 767px) {
	.tp-faq-5-accordion-item { padding: 0 10px; }
}

.tp-faq-5-accordion-title { font-size: 18px; letter-spacing: 0px; line-height: 60px; color: var(--tp-heading-secondary); font-weight: 600; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-faq-5-accordion-title { font-size: 16px; }
}

@media (max-width: 767px) {
	.tp-faq-5-accordion-title { font-size: 13px; }
}

.tp-faq-5-accordion-title::after { position: absolute; content: "\f107"; font-family: "Font Awesome 6 Pro"; right: 0; color: var(--tp-theme-primary); transition: 0.6s; }
.tp-faq-5-accordion-title:not(.collapsed) { color: var(--tp-heading-secondary); background: none; }
.tp-faq-5-accordion-title:not(.collapsed)::after { transform: rotate(-180deg) !important; }
.tp-faq-5-accordion-title:focus { border: none; box-shadow: none; }
.tp-faq-5-accordion-pera { font-size: 16px; line-height: 30px; color: var(--tp-text-2); font-weight: 400; padding-bottom: 35px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-faq-5-accordion-pera { font-size: 14px; }
}

@media (max-width: 767px) {
	.tp-faq-5-accordion-pera { font-size: 12px; line-height: 22px; }
}

.tp-faq-breadcrumb-area { background: var(--tp-heading-primary); }
.tp-faq-inr-pg-thumb-area { margin-top: -188px; }
.tp-faq-inr-pg-title h2 { font-size: 30px; letter-spacing: -1px; color: var(--tp-theme-primary); margin-top: 13px; }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-faq-inr-pg-title h2 br { display: none; }
}

.tp-faq-inr-pg-accordion-item { border: none; border-bottom: 1px solid #ededed !important; padding-bottom: 6px; margin-bottom: 20px; }
.tp-faq-inr-pg-accordion-item:first-of-type .tp-faq-inr-pg-accordion-button { border-bottom: none !important; }
.tp-faq-inr-pg-accordion-button { font-size: 18px; color: var(--tp-heading-secondary); font-weight: 700; font-family: var(--tp-ff-heading); padding-left: 0; padding-right: 0; }
.tp-faq-inr-pg-accordion-button::after { width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-left: auto; content: "+"; transition: var(--bs-accordion-btn-icon-transition); font-size: 28px; background-image: none; font-weight: 300; transition: 0.4s; position: absolute; right: 0; top: 9px; }
.tp-faq-inr-pg-accordion-button:not(.collapsed) { color: var(--tp-heading-secondary); background-color: transparent; box-shadow: none !important; }
.tp-faq-inr-pg-accordion-button:not(.collapsed)::after { background-image: none; content: "-"; transform: none; transition: 0.4s; }
.tp-faq-inr-pg-accordion-button:focus { box-shadow: none !important; border: none; }
.tp-faq-inr-pg-accordion-body { padding-left: 0; padding-right: 0; }
.tp-faq-inr-pg-accordion-body p { font-size: 16px; line-height: 30px; color: #767676; font-weight: 400; font-family: "DM Sans"; width: 88%; }

/*----------------------------------------*/
/*  7.4 Brand css
/*----------------------------------------*/
@media (max-width: 767px) {
	.tp-brand-img-thum { text-align: center; }
}

.tp-brand-img-thum img { margin: 0px 38px; cursor: pointer; opacity: 0.3; transition: 0.4s; margin-bottom: 30px; }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-brand-img-thum img { margin: 0; }
}

.tp-brand-img-thum img:hover { opacity: 1; }
.tp-brand-slider-active .swiper-slide-active .tp-brand-img-thum img { opacity: 1; }
.tp-brand-4-slide-text-box { margin-top: 20px; }
.tp-brand-4-slide-text-box ul li { list-style: none; }
.tp-brand-4-slide-text-box ul li img { display: inline-block; margin: 0 58px; margin-top: -26px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-brand-4-slide-text-box ul li img { margin: 0px 32px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-brand-4-slide-text-box ul li img { margin: 0 40px 0 30px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-brand-4-slide-text-box ul li img { margin: 0 12px; width: 15%; }
}

@media (max-width: 767px) {
	.tp-brand-4-slide-text-box ul li img { margin: 0 12px; width: 15%; }
}

.tp-brand-4-slide-text-box ul li span { font-size: 60px; letter-spacing: -2px; color: var(--tp-heading-2); font-weight: 700; font-family: var(--tp-ff-heading); display: inline-block; }

@media only screen and (min-width: 1700px) and (max-width: 1800px) {
	.tp-brand-4-slide-text-box ul li span { font-size: 51px; }
}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
	.tp-brand-4-slide-text-box ul li span { font-size: 47px; }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.tp-brand-4-slide-text-box ul li span { font-size: 38px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-brand-4-slide-text-box ul li span { font-size: 36px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-brand-4-slide-text-box ul li span { font-size: 26px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-brand-4-slide-text-box ul li span { font-size: 24px; }
}

@media (max-width: 767px) {
	.tp-brand-4-slide-text-box ul li span { font-size: 22px; }
}

@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-brand-5-area { padding-bottom: 90px; }
}

.tp-brand-5-area::after { content: ""; position: absolute; width: 60%; height: 1px; left: 0; bottom: 0; background-color: var(--tp-grey-12); right: 0; margin: auto; z-index: -1; }
.tp-brand-5-top-width { padding: 0 100px 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-brand-5-top-width { padding: 0 70px 0; margin: auto; }
}

@media (max-width: 767px) {
	.tp-brand-5-top-width { padding: 0px 70px 0 89px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-brand-5-top-width { padding: 0px 70px 0; }
}

.tp-brand-5-bottom-width { padding: 0 200px 0; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-brand-5-bottom-width { padding: 0 100px 0; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-brand-5-bottom-width { padding: 0 164px 0; }
}

@media (max-width: 767px) {
	.tp-brand-5-bottom-width { padding: 0 70px 0 89px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-brand-5-bottom-width { padding: 0px 70px 0; }
}

.tp-brand-5-thumb { filter: drop-shadow(0 0 20px rgba(45, 21, 85, 0.06)); margin-bottom: 30px; }

/*----------------------------------------*/
/*  9.7 Value css
/*----------------------------------------*/
.tp-value-area { background: var(--tp-common-gray2); background-position: center center; background-size: cover; background-repeat: no-repeat; }
.tp-value-wrapper { background: var(--tp-common-white); filter: drop-shadow(0 0 30px rgba(14, 11, 18, 0.06)); padding: 60px 80px 35px 60px; border-radius: 15px; }
.tp-value-wrapper:hover .tp-value-icon img { filter: brightness(0) invert(0); }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-value-wrapper { padding: 60px 30px 35px 30px; }
}

@media (max-width: 767px) {
	.tp-value-wrapper { flex-direction: column; padding: 60px 30px 35px 35px; }
}

.tp-value-icon img { transition: 0.5s; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-value-icon { margin-right: 20px; }
}

@media (max-width: 767px) {
	.tp-value-icon { margin-right: 20px; margin-bottom: 30px; }
}

.tp-value-title { letter-spacing: -1px; margin-bottom: 24px; }
.tp-value-paragraph { color: var(--tp-text-10); }

/*----------------------------------------*/
/*  9.0 Shop css
/*----------------------------------------*/
.tp-shop-breadcrumb-body { color: var(--tp-common-white); }
.tp-shop-sidebar-search { position: relative; }
.tp-shop-sidebar-search input { border: 1px solid #f3f2f5; height: 60px; padding: 5px 50px 5px 30px; }
.tp-shop-sidebar-search input:focus { border-color: var(--tp-theme-primary); }
.tp-shop-sidebar-search input::placeholder { font-size: 16px; color: var(tp-text-10); font-weight: 400; font-family: var(--tp-ff-heading); }
.tp-shop-sidebar-search-icon { position: absolute; top: 50%; transform: translateY(-50%); right: 30px; }
.tp-shop-sidebar-search-icon i { color: var(--tp-heading-primary); font-size: 18px; font-weight: 500; }
.tp-shop-sidebar-title { font-size: 22px; font-weight: 800; }
.tp-shop-sidebar-category { border: 1px solid #f3f2f5; padding: 23px 30px 30px 27px; }
.tp-shop-sidebar-category:not(:last-of-type) { margin-bottom: 8px; }
.tp-shop-sidebar-category-item a { font-size: 16px; color: #767676; font-weight: 400; font-family: "DM Sans"; margin-bottom: 12px; display: block; }
.tp-shop-sidebar-category-item a:hover { color: var(--tp-theme-primary); }
.tp-shop-sidebar-category-item a:hover i { visibility: visible; opacity: 1; left: 0; }
.tp-shop-sidebar-category-item a i { float: right; transform: translateY(5px); visibility: hidden; opacity: 0; transition: 0.3s; position: relative; left: -20px; }
.tp-shop-sidebar-price { border: 1px solid #f3f2f5; padding: 23px 30px 30px 27px; }
.tp-shop-sidebar-price-range-head .ui-slider-horizontal { height: 6px; background-color: var(--tp-border-secondary); border-radius: 10px; border: none; }
.tp-shop-sidebar-price-range-head .ui-slider-horizontal .ui-slider-range { background: var(--tp-theme-primary); }
.tp-shop-sidebar-price-range-head .ui-slider-horizontal .ui-slider-handle { height: 16px; width: 16px; background-color: var(--tp-common-white); }
.tp-shop-price-filter { display: flex; align-items: center; justify-content: space-between; }
.tp-shop-price-filter input { width: 100px; height: 40px; padding-left: 0; padding-right: 0; border: none; color: #767676; font-family: "DM Sans"; font-size: 16px; }
.tp-shop-price-filter a { font-size: 14px; text-decoration: underline; color: var(--tp-theme-primary); font-weight: 700; font-family: var(--tp-ff-heading); }
.tp-shop-sidebar-sell { border: 1px solid #f3f2f5; padding: 23px 24px 30px 28px; }
.tp-shop-sidebar-sell-item-content { margin-top: -9px; }
.tp-shop-sidebar-sell-item-thumb { flex: 0 0 auto; margin-right: 20px; }
.tp-shop-sidebar-sell-item-thumb img { height: 70px; width: 70px; object-fit: cover; }
.tp-shop-sidebar-sell-item-rating i { font-size: 10px; color: var(--tp-theme-primary); margin-right: -2px; display: inline-block; }
.tp-shop-sidebar-sell-item-title { font-size: 18px; color: var(--tp-heading-primary); font-weight: 700; font-family: var(--tp-ff-heading); margin-bottom: 10px; }
.tp-shop-sidebar-sell-item-title a:hover { color: var(--tp-theme-primary); }
.tp-shop-sidebar-sell-item-content span { font-size: 14px; color: var(tp-text-10); font-weight: 400; font-family: "DM Sans"; }
.tp-shop-sidebar-tag { border: 1px solid #f3f2f5; padding: 23px 30px 30px 27px; }
.tp-shop-sidebar-tag a { background: var(--tp-common-gray2); }
.tp-shop-sidebar-price-range-head .ui-state-default, .tp-shop-sidebar-price-range-head .tp-shop-sidebar-price-range-head .ui-widget-content .ui-state-default, .tp-shop-sidebar-price-range-head .tp-shop-sidebar-price-range-head .ui-widget-header .ui-state-default, .tp-shop-sidebar-price-range-head .tp-shop-sidebar-price-range-head .ui-button, .tp-shop-sidebar-price-range-head .tp-shop-sidebar-price-range-head html .ui-button.ui-state-disabled:hover, .tp-shop-sidebar-price-range-head .tp-shop-sidebar-price-range-head html .ui-button.ui-state-disabled:active { border: 4px solid var(--tp-theme-primary); border-radius: 50%; }

.tp-product-item { border: 1px solid #f8f8f8; transition: 0.4s; }
.tp-product-item:hover .tp-product-cart .icon-1 { visibility: visible; transform: translateX(-20px); opacity: 1; }
.tp-product-item:hover .tp-product-cart .icon-2 { visibility: visible; transform: translateX(-20px); opacity: 1; }
.tp-product-item:hover:hover { filter: drop-shadow(0px 12px 15px rgba(76, 70, 84, 0.08)); background-color: var(--tp-common-white); }
.tp-product-thumb { position: relative; }
.tp-product-thumb img { width: 100%; }
.tp-product-cart { position: absolute; top: 20px; right: 0px; }
.tp-product-cart button { width: 38px; height: 38px; line-height: 38px; text-align: center; border-radius: 50%; display: block; margin-bottom: 10px; color: var(--tp-theme-primary); background: var(--tp-common-white); font-size: 16px; }
.tp-product-cart button:hover { color: var(--tp-common-white); background: var(--tp-theme-primary); }
.tp-product-cart .icon-1 { visibility: hidden; opacity: 0; transform: translateX(0px); transition: all 0.3s ease-in-out; }
.tp-product-cart .icon-2 { visibility: hidden; opacity: 0; transform: translateX(0px); transition: all 0.4s ease-in-out; }
.tp-product-content { padding: 36px 30px 40px; }
.tp-product-btn a { font-size: 16px; font-weight: 700; display: inline-block; padding: 7px 21px; color: var(tp-text-10); background: var(--tp-common-gray2); -webkit-transition: all 0.3s 0s ease-out; -moz-transition: all 0.3s 0s ease-out; -ms-transition: all 0.3s 0s ease-out; -o-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; font-family: var(--tp-ff-heading); }
.tp-product-btn a:hover { color: var(--tp-common-white); background: var(--tp-theme-primary); }
.tp-product-rating { margin-bottom: 16px; }
.tp-product-rating i { font-size: 14px; color: var(--tp-theme-primary); }
.tp-product-rating i.inactive { color: #dedede; }
.tp-product-title { font-size: 20px; text-transform: capitalize; margin-bottom: 14px; }
.tp-product-title a:hover { color: var(--tp-theme-primary); }
.tp-product-content span { display: inline-block; color: var(--tp-theme-primary); font-size: 18px; font-weight: 500; margin-bottom: 20px; }
.tp-product-info { position: absolute; top: 20px; left: 20px; }
.tp-product-details-wrapper { margin-left: -30px; }
.tp-product-details-wrapper > p { margin-bottom: 31px; display: inline-block; }
.tp-product-details-wrapper > p span { font-weight: 500; color: var(--tp-theme-primary); }
.tp-product-details-nab .tab-pane { position: relative; }
.tp-product-details-nab .tab-pane img { height: 570px; width: 570px; object-fit: cover; }
.tp-product-details-nab .nav-tabs { border: none; }
.tp-product-details-nab .nav-tabs .nav-link { border: 1px solid transparent; border-radius: 0px; padding: 0 0; margin: 10px 5px; }
.tp-product-details-nab .nav-tabs .nav-link img { height: 100px; width: 150px; object-fit: cover; }
.tp-product-details-nab .nav-tabs .nav-link .nav-link.active { border: 1px solid var(--tp-theme-4); }
.tp-product-details-category span { color: #8b8794; font-size: 16px; }
.tp-product-details-title { font-size: 36px; margin-bottom: 26px; }
.tp-product-details-stock span { color: #3c72fc; font-size: 14px; font-weight: 500; background-color: var(--tp-grey-2); padding: 0 0; display: inline-block; padding: 1px 11px; margin-right: 15px; }
.tp-product-details-rating { margin-right: 14px; }
.tp-product-details-rating i { color: #ffbf14; font-size: 14px; }
.tp-product-details-reviews span { color: #8b8794; font-weight: 500; font-size: 14px; }
.tp-product-details-price.old-price { font-weight: 500; font-size: 22px; text-decoration-line: line-through; color: #8b8794; }
.tp-product-details-price.new-price { font-weight: 600; font-size: 30px; color: var(--tp-common-black); margin-left: 1px; }
.tp-product-details-action-title { font-size: 16px; font-weight: 400; margin-bottom: 15px; }
.tp-product-details-quantity .tp-product-quantity { width: 170px; position: relative; border-radius: 20px; }

.tp-shop-details-breadcrumb-area::before { display: none; }
.tp-shop-details-breadcrumb-body { color: var(--tp-common-white); }

.product__item:hover .product__thumb img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.product__item:hover .product__add { opacity: 1; visibility: visible; bottom: 0; }
.product__item:hover .product__action a, .product__item:hover .product__action button { transform: translateX(0); visibility: visible; opacity: 1; }
.product__item:hover .product__action a:nth-child(1), .product__item:hover .product__action button:nth-child(1) { transition-delay: 0s; }
.product__item:hover .product__action a:nth-child(2), .product__item:hover .product__action button:nth-child(2) { transition-delay: 0.1s; }
.product__item:hover .product__action a:nth-child(3), .product__item:hover .product__action button:nth-child(3) { transition-delay: 0.12s; }
.product__item:hover .product__action a:nth-child(4), .product__item:hover .product__action button:nth-child(4) { transition-delay: 0.14s; }
.product__details-thumb-popup-btn a { width: 60px; height: 60px; line-height: 67px; text-align: center; display: inline-block; background-color: var(--tp-common-white); border-radius: 50px; font-size: 24px; color: var(--tp-heading-primary); }
.product__details-thumb-popup-btn { position: absolute; top: 40px; right: 40px; }
.product__content { padding-top: 14px; }
.product__rating span { font-size: 11px; display: inline-block; }
.product__rating span:not(:last-child) { margin-right: 3px; }
.product__rating-2 { margin-bottom: 2px; }
.product__rating-2 span i { color: #ffb800; font-size: 14px; }
.product__title { font-weight: 400; font-size: 14px; }
.product__title a:hover { color: var(--tp-theme-primary); }
.product__ammount { font-weight: 500; font-size: 15px; color: var(--tp-text-1); }
.product__badge { position: absolute; left: 0; top: 20px; }
.product__badge-item { display: inline-block; font-size: 13px; line-height: 1; color: var(--tp-common-white); background-color: var(--tp-common-black); padding: 4px 10px 4px; margin-bottom: 5px; text-transform: capitalize; }
.product__badge-item.has-new { background-color: var(--tp-theme-primary); }
.product__action { position: absolute; top: 40px; right: 10px; }
.product__action a, .product__action button { display: inline-block; width: 38px; height: 38px; line-height: 38px; background-color: #FFFFFF; box-shadow: 0px 1px 3px rgba(3, 4, 28, 0.12); text-align: center; position: relative; margin-bottom: 6px; transform: translateX(100%); opacity: 0; visibility: hidden; }
.product__action a svg, .product__action button svg { -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); }
.product__action a:nth-child(1), .product__action button:nth-child(1) { transition-delay: 0.14s; }
.product__action a:nth-child(2), .product__action button:nth-child(2) { transition-delay: 0.12s; }
.product__action a:nth-child(3), .product__action button:nth-child(3) { transition-delay: 0.1s; }
.product__action a:nth-child(4), .product__action button:nth-child(4) { transition-delay: 0s; }
.product__action a:hover, .product__action button:hover { background-color: var(--tp-theme-primary); color: var(--tp-common-white); }
.product__add { position: absolute; bottom: -60px; left: 0; right: 0; visibility: hidden; opacity: 0; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
	.product__details-thumb-tab { margin-right: 0; }
}

.product__details-thumb-content { margin-bottom: 14px; }
.product__details-thumb-nav .nav-link { width: 110px; height: 110px; position: relative; margin-bottom: 10px; }

@media (max-width: 767px) {
	.product__details-thumb-nav .nav-link { margin-right: 12px; }
}

.product__details-thumb-nav .nav-link::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; border: 1px solid var(--tp-theme-primary); opacity: 0; visibility: hidden; }
.product__details-thumb-nav .nav-link img { width: 110px; height: 110px; position: relative; }
.product__details-thumb-nav .nav-link.active::after { visibility: visible; opacity: 1; }
.product__details-stock span { font-weight: 500; font-size: 14px; line-height: 1; color: var(--tp-theme-secondary); border: 1px solid rgba(33, 68, 216, 0.1); padding: 5px 18px; }
.product__details-subtitle { font-size: 16px; color: var(--tp-theme-primary); font-weight: 500; font-family: "DM Sans"; }
.product__details-title { font-size: 36px; letter-spacing: -1px; margin-bottom: 18px; }
.product__details-rating { margin-bottom: 30px; }
.product__details-rating .product__rating { margin-right: 10px; }
.product__details-rating-count { margin-bottom: 2px; padding-left: 9px; }
.product__details-rating-count span { font-size: 14px; color: #767676; margin-right: 32px; }
.product__details-sku h5 { font-size: 16px; font-weight: 400; margin-bottom: 0; margin-right: 42px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.product__details-sku h5 { margin-right: 17px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product__details-sku h5 { margin-right: 22px; }
}

@media (max-width: 767px) {
	.product__details-sku h5 { margin-right: 0; }
}

.product__details-sku h5 span { font-size: 16px; color: var(--tp-heading-secondary); font-weight: 700; font-family: var(--tp-ff-heading); }
.product__details-stock span { padding: 5px 18px; font-size: 14px; color: var(--tp-theme-primary); font-weight: 700; font-family: var(--tp-ff-heading); border-radius: 10px; border: 1px solid #f4f3f1; }

@media (max-width: 767px) {
	.product__details-stock span { display: none; }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
	.product__details-wrapper { margin-top: 40px; }
}

.product__details-wrapper p { color: #767676; font-weight: 500; margin-bottom: 23px; }
.product__details-price { margin-bottom: 16px; }
.product__details-price span { line-height: 1; }
.product__details-middle-eyes-title { display: flex; align-items: center; font-size: 18px; margin-bottom: 30px; }

@media (max-width: 767px) {
	.product__details-middle-eyes-title { font-size: 16px; }
}

.product__details-middle-eyes-title img { margin-right: 14px; }
.product__details-middle-fire-title { display: flex; align-items: center; font-size: 18px; color: var(--tp-theme-primary); margin-bottom: 32px; background: var(--tp-common-gray2); padding: 15px 30px; }

@media (max-width: 767px) {
	.product__details-middle-fire-title { font-size: 17px; }
}

.product__details-middle-fire-title img { margin-right: 18px; }
.product__details-middle-stock { border-bottom: 4px solid #f4f4f4; padding-bottom: 8px; margin-bottom: 38px; position: relative; }
.product__details-middle-stock::after { content: ""; position: absolute; width: 28%; height: 4px; left: 0; bottom: -4px; background: var(--tp-theme-primary); }
.product__details-middle-stock-titile { font-size: 16px; color: #6a6a6a; font-weight: 400; font-family: var(--tp-ff-heading); }
.product__details-middle-stock-titile span { font-weight: 700; color: var(--tp-theme-primary); }
.product__details-quantity-title { font-size: 16px; color: var(--tp-heading-primary); }
.product__details-ammount { font-weight: 600; font-size: 24px; color: var(--tp-common-black); }
.product__details-ammount.old-ammount { font-weight: 400; font-size: 22px; text-decoration-line: line-through; color: var(--tp-text-1); }
.product__details-ammount.new-ammount { font-size: 30px; letter-spacing: -1px; color: var(--tp-theme-primary); font-weight: 700; font-family: var(--tp-ff-heading); }
.product__details-offer { margin-left: 2px; font-weight: 700; font-size: 13px; color: var(--tp-common-white); background-color: var(--tp-theme-primary); padding: 3px 9px; display: inline-block; -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -ms-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px); }
.product__details-quantity { margin-right: 20px; }
.product__details-action { margin-bottom: 48px; }
.product__details-action button { margin-right: 20px; }

@media (max-width: 767px) {
	.product__details-action button { margin-bottom: 20px; }
}

.product__details-action button.product-action-btn { width: 50px; height: 50px; line-height: 48px; text-align: center; font-size: 18px; color: var(--tp-theme-primary); border: 1px solid #DADCE0; }
.product__details-action button.product-action-btn .product-action-tooltip { top: auto; bottom: 90%; left: auto; right: auto; margin: auto; margin-bottom: 10px; -webkit-transform: translate(-57%, 0%); -moz-transform: translate(-57%, 0%); -ms-transform: translate(-57%, 0%); -o-transform: translate(-57%, 0%); transform: translate(-57%, 0%); }
.product__details-action button.product-action-btn .product-action-tooltip::after { top: 100%; right: 50%; left: auto; -webkit-transform: translate(50%, -50%) rotate(45deg); -moz-transform: translate(50%, -50%) rotate(45deg); -ms-transform: translate(50%, -50%) rotate(45deg); -o-transform: translate(50%, -50%) rotate(45deg); transform: translate(50%, -50%) rotate(45deg); }
.product__details-action button.product-action-btn:hover { color: var(--tp-common-white); background-color: var(--tp-theme-primary); border-color: var(--tp-theme-primary); }
.product__details-action button.product-action-btn:hover .product-action-tooltip { bottom: 100%; top: auto; right: auto; }
.product__details-more p { display: inline-block; margin-bottom: 5px; font-weight: 600; font-size: 15px; line-height: 1; color: var(--tp-common-black); }
.product__details-more span { font-size: 15px; line-height: 1; color: var(--tp-text-1); }
.product__details-more span a:hover { color: var(--tp-theme-primary); }
.product__details-categories { margin-bottom: 15px; }
.product__details-tags { margin-bottom: 15px; }
.product__details-tags span { display: inline-block; margin-bottom: 5px; font-weight: 600; font-size: 15px; line-height: 1; color: var(--tp-common-black); margin-right: 3px; }
.product__details-tags a { font-size: 14px; line-height: 1; color: var(--tp-text-1); border: 1px solid #DADCE0; padding: 4px 12px; margin-bottom: 6px; display: inline-block; }
.product__details-tags a:hover { background-color: var(--tp-theme-primary); border-color: var(--tp-theme-primary); color: var(--tp-common-white); }
.product__details-share span { display: inline-block; font-size: 16px; color: var(--tp-heading-primary); font-weight: 700; font-family: var(--tp-ff-heading); margin-right: 30px; }
.product__details-share a { width: 38px; height: 38px; border-radius: 25px; border: 1px solid #f0f0f0; display: inline-block; text-align: center; line-height: 38px; margin-right: 10px; color: var(--tp-heading-primary); font-size: 16px; transition: 0.4s; }
.product__details-share a:hover { color: var(--tp-common-white); background: var(--tp-heading-primary); border: 1px solid transparent; }
.product__details-tab-nav { border-bottom: 1px solid #eaeaea; }
.product__details-tab-nav-inner { position: relative; }
.product__details-tab-nav .nav-link { color: var(--tp-heading-primary); font-size: 20px; letter-spacing: -1px; line-height: 26px; font-weight: 700; font-family: var(--tp-ff-heading); padding: 21px 62px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product__details-tab-nav .nav-link { font-size: 16px; }
}

@media (max-width: 767px) {
	.product__details-tab-nav .nav-link { font-size: 14px; padding: 8px 40px; }
}

.product__details-tab-nav .nav-link.active { color: var(--tp-common-black); background-image: linear-gradient(0deg, #f6f1ff 0%, #ffffff 100%); }
.product__details-tab-nav .nav-link:hover { color: var(--tp-common-black); }
.product__details-tab-nav .nav-link:hover::after { width: 100%; left: 0; right: auto; }

@media (max-width: 767px) {
	.product__details-tab-nav .nav-link::after { position: absolute; content: ""; left: auto; right: 0; bottom: -1px; width: 0%; height: 2px; background-color: var(--tp-theme-3); -webkit-transition: all 0.3s 0s ease-out; -moz-transition: all 0.3s 0s ease-out; -ms-transition: all 0.3s 0s ease-out; -o-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; }
}

.product__details-tab-nav .tp-tab-menu { position: relative; }
.product__details-tab-nav .tp-tab-line { position: absolute; content: ""; left: 0; bottom: -1px; width: 38%; height: 2px; background-color: var(--tp-theme-primary); }

@media (max-width: 767px) {
	.product__details-description-content { padding-right: 0; }
}

.product__details-description-content .product-desc-title { font-weight: 500; font-size: 34px; color: var(--tp-heading-primary); margin-bottom: 10px; }

@media (max-width: 767px) {
	.product__details-description-content .product-desc-title { font-size: 25px; }
}

.product__details-description .product-desc-feature-thumb { margin-bottom: 30px; }
.product__details-description .product-desc-feature-content p { line-height: 1.56; padding-right: 75px; }

@media (max-width: 767px) {
	.product__details-description .product-desc-feature-content p { padding-right: 0; }
}

.product__details-additional { margin-top: 50px; background-color: var(--tp-common-white); }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
	.product__details-additional { overflow-x: scroll; }
}

.product__details-additional-inner { padding: 45px 70px 45px; border: 1px solid #E9E9F0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product__details-additional-inner { padding: 15px 40px 15px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
	.product__details-additional-inner { width: 768px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
	.product__details-additional-inner { width: 768px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
	.product__details-additional-inner { width: 100%; padding: 45px 50px 45px 30px; }
}

.product__details-additional table { width: 100%; }
.product__details-additional table tr { padding: 16px 0 14px; display: block; }
.product__details-additional table tr:not(:last-child) { border-bottom: 1px solid #E9E9F0; }
.product__details-additional table tr th { font-weight: 600; font-size: 16px; color: var(--tp-common-black); width: 28%; display: inline-block; }
.product__details-additional table tr td { width: 71%; display: inline-block; font-size: 15px; color: var(--tp-text-body); }
.product__details-review-inner { padding: 62px 70px 70px; border: 1px solid #E9E9F0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product__details-review-inner { padding: 35px 40px 40px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.product__details-review-inner { padding: 25px 30px 30px; }
}

@media (max-width: 767px) {
	.product__details-review-inner { padding: 15px 20px 20px; }
}

.product__details-review .product-rating-title { margin-bottom: 40px; }
.product__details-review .product-rating-number { text-align: center; width: 160px; height: 125px; border: 1px solid #E9E9F0; padding-top: 21px; padding-bottom: 21px; }

@media (max-width: 767px) {
	.product__details-review .product-rating-number { margin-bottom: 15px; }
}

.product__details-review .product-rating-number-title { font-weight: 400; font-size: 60px; line-height: 1; color: var(--tp-heading-primary); margin-bottom: 0; }
.product__details-review .product-rating-star { line-height: 1; }
.product__details-review .product-rating-star span { line-height: 1; font-size: 12px; display: inline-block; }
.product__details-review .product-rating-star span:not(:last-child) { margin-right: 3px; }
.product__details-review .product-rating-bar { width: 100%; background-color: #E9E9E9; border-radius: 10px; }
.product__details-review .product-rating-bar-wrapper { width: 71.5%; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.product__details-review .product-rating-bar-wrapper { width: 70%; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product__details-review .product-rating-bar-wrapper { width: 66%; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.product__details-review .product-rating-bar-wrapper { width: 52%; }
}

@media (max-width: 767px) {
	.product__details-review .product-rating-bar-wrapper { width: 100%; }
}

.product__details-review .product-rating-bar .single-progress { background-color: var(--tp-theme-primary); height: 8px; border-radius: 10px; }
.product__details-review .product-rating-bar-text { width: 3.5%; line-height: 1; }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
	.product__details-review .product-rating-bar-text { width: 7.5%; }
}

.product__details-review .product-rating-bar-text span { font-size: 14px; }
.product__details-review .product-rating-bar-item:not(:last-child) { margin-bottom: 5px; }
.product__details-review .product-review-item { margin-bottom: 30px; }
.product__details-review .product-review-item:last-child { margin-bottom: 0; }
.product__details-review .product-review-item p { font-size: 15px; line-height: 1.6; }
.product__details-review .product-review-avater { margin-bottom: 11px; }
.product__details-review .product-review-avater-thumb img { width: 34px; height: 34px; border-radius: 50%; margin-right: 10px; }
.product__details-review .product-review-avater-title { font-weight: 500; font-size: 16px; line-height: 1; margin-bottom: 0; }
.product__details-review .product-review-rating { margin-bottom: 5px; }
.product__details-review .product-review-rating-wrapper { margin-right: 10px; }
.product__details-review .product-review-rating-wrapper span { line-height: 1; font-size: 12px; display: inline-block; }
.product__details-review .product-review-rating-wrapper span:not(:last-child) { margin-right: 3px; }
.product__details-review .product-review-rating-wrapper span i { color: var(--tp-theme-primary); }
.product__details-review .product-review-rating-date span { font-weight: 400; font-size: 13px; }
.product__details-review .product-review-rating span i { color: var(--tp-theme-primary); }
.product__details-review .product-review-form p { font-weight: 400; font-size: 14px; margin-bottom: 20px; }
.product__details-review .product-review-form-title { font-weight: 600; font-size: 24px; letter-spacing: -0.02em; margin-bottom: 4px; }
.product__details-review .product-review-form-rating .rate-title { font-weight: 500; font-size: 15px; line-height: 14px; letter-spacing: -0.02em; }
.product__details-review .product-review-input { margin-bottom: 18px; line-height: 1; }
.product__details-review .product-review-input.is-textarea { margin-bottom: 30px; }
.product__details-review .product-review-input input, .product__details-review .product-review-input textarea { height: 60px; line-height: 60px; background-color: #F7F7F7; border: 1.5px solid #F7F7F7; }
.product__details-review .product-review-input input:focus, .product__details-review .product-review-input textarea:focus { border-color: var(--tp-theme-primary); background-color: var(--tp-common-white); }
.product__details-review .product-review-input textarea { height: 180px; padding-bottom: 20px; resize: none; line-height: 1.4; }
.product__details-review .product-review-agree input { margin: 0; appearance: none; -moz-appearance: none; display: block; width: 18px; height: 18px; background: transparent; border: 2px solid #B2B2B9; outline: none; flex: 0 0 auto; -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); transform: translateY(3px); padding: 0; }
.product__details-review .product-review-agree input:checked { position: relative; background-color: var(--tp-theme-primary); border-color: transparent; }
.product__details-review .product-review-agree input:checked::after { box-sizing: border-box; position: absolute; content: "\f00c"; font-weight: 700; font-family: var(--tp-ff-fontawesome); font-size: 10px; color: var(--tp-common-white); top: 46%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.product__details-review .product-review-agree input:hover { cursor: pointer; }
.product__details-review .product-review-agree label { padding-left: 8px; font-size: 14px; line-height: 1.71; }
.product__details-review .product-review-agree label a { color: var(--tp-common-black); font-weight: 600; padding-left: 4px; }
.product__details-review .product-review-agree label a:hover { color: var(--tp-theme-primary); }
.product__details-review .product-review-agree label:hover { cursor: pointer; }
.product__details-review .product-review-btn .tp-btn { font-weight: 600; font-size: 15px; padding: 14px 36px; }
.product__details-review .product-review-btn .tp-btn:hover { background-color: var(--tp-common-black); }
.product__modal .modal-dialog { max-width: 1200px; border-radius: 0; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.product__modal .modal-dialog { max-width: 1100px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product__modal .modal-dialog { max-width: 900px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product__modal .modal-dialog { max-width: 700px; }
}

.product__modal .modal-content { padding: 40px; border-radius: 0; }

@media (max-width: 767px) {
	.product__modal .modal-content { padding: 20px; }
}

.product__modal .product__details-thumb-nav .nav-link { width: 90px; height: 90px; margin-bottom: 10px; }
.product__modal .product__details-thumb-nav .nav-link img { width: 100%; height: 100%; }

@media (max-width: 767px) {
	.product__modal .product__details-thumb-nav .nav-link { width: 70px; height: 70px; }
}

.product__modal-close { position: absolute; top: 20px; right: 20px; }
.product__modal-close-btn { display: inline-block; font-size: 16px; height: 44px; width: 44px; line-height: 44px; background-color: transparent; color: var(--tp-text-1); border-radius: 50%; }
.product__modal-close-btn:hover { color: var(--tp-theme-primary); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.product__modal-close-btn svg { -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); }

.tp-product-quantity { width: 132px; position: relative; }

@media (max-width: 767px) {
	.tp-product-quantity { margin-bottom: 20px; }
}

.tp-cart-plus,
.tp-cart-minus { width: 65px; height: 40px; line-height: 44px; display: inline-block; text-align: center; font-size: 16px; color: var(--tp-common-black); position: absolute; top: 50%; left: 0; -webkit-transition: all 0.3s 0s ease-out; -moz-transition: all 0.3s 0s ease-out; -ms-transition: all 0.3s 0s ease-out; -o-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.tp-cart-plus svg,
.tp-cart-minus svg { -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); }
.tp-cart-plus:hover,
.tp-cart-minus:hover { cursor: pointer; color: var(--tp-theme-primary); }
.tp-cart-plus.tp-cart-plus,
.tp-cart-minus.tp-cart-plus { left: auto; right: 0; }
.tp-cart-plus.tp-cart-plus::after,
.tp-cart-minus.tp-cart-plus::after { left: 0; right: auto; }

.tp-cart-input[type=text] { font-size: 16px; border: none; background-color: var(--tp-common-gray2); padding: 0 0 0 64px; height: 50px; font-weight: 700; }
[dir=rtl] .tp-cart-input[type=text] { text-align: center; }
.tp-cart-input[type=text]:focus { outline: none; }

.product-action-btn { position: relative; }
.product-action-btn .product-action-tooltip { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 90%; font-weight: 500; font-size: 12px; color: var(--tp-common-white); background-color: var(--tp-common-black); z-index: 1; display: inline-block; width: max-content; line-height: 1; padding: 4px 8px; margin-right: 8px; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s 0s ease-out; -moz-transition: all 0.3s 0s ease-out; -ms-transition: all 0.3s 0s ease-out; -o-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; }
.product-action-btn .product-action-tooltip::after { position: absolute; content: ""; right: 0; top: 50%; -webkit-transform: translate(50%, -50%) rotate(45deg); -moz-transform: translate(50%, -50%) rotate(45deg); -ms-transform: translate(50%, -50%) rotate(45deg); -o-transform: translate(50%, -50%) rotate(45deg); transform: translate(50%, -50%) rotate(45deg); height: 8px; width: 8px; background-color: var(--tp-common-black); }
.product-action-btn svg { -webkit-transform: translateY(-1px); -moz-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); transform: translateY(-1px); }
.product-action-btn:hover .product-action-tooltip { visibility: visible; opacity: 1; right: 100%; }

.product-add-cart-btn { font-weight: 600; font-size: 15px; color: var(--tp-common-white); background-color: var(--tp-common-black); display: inline-block; padding: 7px 25px; text-align: center; }
.product-add-cart-btn svg, .product-add-cart-btn i { margin-right: 7px; }
.product-add-cart-btn svg { -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); }
.product-add-cart-btn:hover { color: var(--tp-common-white); background-color: var(--tp-theme-primary); }
.product-add-cart-btn-2 { border: 1px solid #DADCE0; color: var(--tp-common-black); background-color: var(--tp-common-white); font-size: 15px; font-weight: 500; padding: 6px 33px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product-add-cart-btn-2 { padding: 6px 21px; }
}

@media (max-width: 767px) {
	.product-add-cart-btn-2 { width: 100%; }
}

.product-add-cart-btn-2:hover { background-color: var(--tp-theme-primary); border-color: var(--tp-theme-primary); color: var(--tp-common-white); }
.product-add-cart-btn-3 { background-color: var(--tp-theme-primary); color: var(--tp-common-white); padding: 12px 45px; font-size: 14px; letter-spacing: 0px; text-transform: uppercase; font-weight: 500; margin-right: 20px; }
.product-add-cart-btn-3:hover { color: var(--tp-common-white); background-color: var(--tp-theme-primary); }

@media (max-width: 767px) {
	.product-add-cart-btn-3 { width: 100%; }
}

.tp-shop-details-btm-title { font-size: 60px; letter-spacing: -2px; margin-bottom: 62px; }

@media (max-width: 767px) {
	.tp-shop-details-btm-title { font-size: 38px; }
}

/*----------------------------------------*/
/*  8.0 Error css
/*----------------------------------------*/
.tp-error-breadcrumb-area::before { background-color: #12022d; opacity: 0.502; }
.tp-error-breadcrumb-body { color: var(--tp-common-white); }
.tp-error-breadcrumb-body span { color: var(--tp-common-white); }
.tp-error-thumb { margin-bottom: 56px; }
.tp-error-thumb img { width: 100%; }
.tp-error-title { font-size: 36px; letter-spacing: -1px; color: #131313; margin-bottom: 42px; }
.tp-error-btn .tp-header-btn { padding: 19px 46px; }

.tp-footer-logo { margin-bottom: 26px; }
.tp-footer-text p { color: #a09baa; font-weight: 500; font-family: var(--tp-ff-heading); }

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

.tp-footer-call { color: var(--tp-common-white); font-weight: 500; margin-bottom: 28px; display: inline-block; font-family: var(--tp-ff-heading); }
.tp-footer-social a { color: var(--tp-text-3); width: 40px; height: 40px; line-height: 40px; display: inline-block; background: var(--tp-text-9); text-align: center; margin: 0 4px; transition: 0.4s; position: relative; z-index: 1; }
.tp-footer-social a::before { position: absolute; content: ""; height: 100%; width: 0; top: 0; left: 0; z-index: 0; -webkit-transition: all 0.3s 0s ease-out; -moz-transition: all 0.3s 0s ease-out; -ms-transition: all 0.3s 0s ease-out; -o-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; background-color: var(--tp-theme-primary); z-index: -1; }
.tp-footer-social a:hover { color: var(--tp-common-white); }
.tp-footer-social a:hover::before { width: 100%; }
.tp-footer-social a:first-child { margin-left: 0; }
.tp-footer-title { color: var(--tp-common-white); margin-bottom: 42px; }
.tp-footer-widget ul li { list-style: none; }
.tp-footer-widget ul li a { color: var(--tp-text-3); font-weight: 500; margin-bottom: 10px; display: inline-block; font-family: var(--tp-ff-heading); }
.tp-footer-widget ul li a:hover { color: var(--tp-common-white); }
.tp-footer-widget ul li a span { overflow: hidden; display: inline-flex; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-footer-widget ul li a span { font-size: 15px; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-footer-widget ul li a span { font-size: 14px; }
}

.tp-footer-widget-2 ul li { float: inherit; width: 100%; }
.tp-footer-widget-2-footer ul li { float: left; width: 50%; }
.tp-footer-parag { color: var(--tp-text-3); font-weight: 500; margin-bottom: 18px; }
.tp-footer-widget-content-input form { position: relative; }
.tp-footer-widget-content-input form input { color: var(--tp-common-white); background: transparent; border-color: var(--tp-text-7); height: 46px; border-radius: 2px; margin-bottom: 12px; padding-left: 42px; }
.tp-footer-widget-content-input form input:focus { border-color: var(--tp-theme-primary); }
.tp-footer-widget-content-input form input::placeholder { font-size: 16px; line-height: 36px; color: var(--tp-text-8); font-weight: 400; font-family: var(--tp-ff-heading); }
.tp-footer-widget-content-input-2 input { border: none; padding-left: 22px !important; border-bottom: 1px solid var(--tp-text-7); }
.tp-footer-subscribe-btn { background: var(--tp-theme-primary); color: var(--tp-common-white); display: block; padding: 10px 93px 10px 94px; font-weight: 700; }
.tp-footer-subscribe-btn:hover { background: var(--tp-common-white); color: var(--tp-heading-primary); }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.tp-footer-subscribe-btn { padding: 10px 83px 10px; width: 100%; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-footer-subscribe-btn { padding: 10px 48px 10px; width: 100%; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-footer-subscribe-btn { padding: 10px 81px 10px; width: 100%; }
}

@media (max-width: 767px) {
	.tp-footer-subscribe-btn { padding: 10px 118px 10px; width: 100%; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-footer-subscribe-btn { padding: 10px 63px 10px; width: 100%; }
}

.tp-footer-widget-content-input { position: relative; }
.tp-footer-email { position: absolute; left: 20px; top: 9px; color: var(--tp-common-white); }
.tp-footer-email-2 { left: 2px; }
.tp-footer-link-btn { position: absolute; bottom: 17px; right: 2px; color: var(--tp-common-white); font-size: 16px; }
.tp-footer-widget-member { margin-bottom: 20px; }
.tp-footer-widget-img-content { margin-left: 10px; }
.tp-footer-widget-img-content p { margin-bottom: -2px; font-size: 16px; color: #a09baa; font-weight: 500; font-family: var(--tp-ff-heading); }
.tp-footer-widget-img-content span { font-size: 16px; color: var(--tp-common-white); font-weight: 500; font-family: var(--tp-ff-heading); display: inline-block; position: relative; }
.tp-footer-widget-img-content span::before { content: ""; position: absolute; width: 8px; height: 8px; bottom: 7px; right: -18px; background: var(--tp-text-17); border-radius: 50%; }
.tp-footer-list ul li a i { color: var(--tp-common-white); font-size: 14px; margin-right: 12px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tp-footer-widget-cutm-pdg { padding-left: 0; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-footer-widget-cutm-pdg { padding-left: 55px; }
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-footer-widget-cutm-pdg { padding-left: 0; }
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-footer-widget-cutm-pdg-2 { padding-left: 0; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tp-footer-widget-cutm-pdg-3 { padding-left: 0; }
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-footer-widget-cutm-pdg-3 { padding-left: 0; }
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-footer-widget-cutm-pdg-4 { padding-right: 0; }
}

.tp-footer-widget-check-box .tp-checkout-option label { position: relative; padding-left: 20px; z-index: 1; font-size: 14px; line-height: 36px; color: #a09baa; font-weight: 400; font-family: var(--tp-ff-heading); display: inline-block; }
.tp-footer-widget-check-box .tp-checkout-option label::before { top: 1px; left: 3px; font-size: 8px; }
.tp-footer-widget-check-box .tp-checkout-option label::after { top: 13px; width: 12px; height: 12px; line-height: 16px; border: 1px solid #423264; }
.tp-footer-bottom { background: var(--tp-text-11); }
.tp-footer-copy-paragraph { color: var(--tp-text-6); margin-bottom: 0; }

@media (max-width: 767px) {
	.tp-footer-copy-paragraph { font-size: 15px; }
}

.tp-footer-copy-paragraph a { color: var(--tp-common-white); }
.tp-footer-4-area { background: var(--tp-common-gray2); z-index: 1; }
.tp-footer-4-bg-shape { position: absolute; left: -20px; bottom: 0; z-index: -1; }
.tp-footer-4-top { background: var(--tp-common-gray2); }
.tp-footer-4-top-team { padding-top: 325px; margin-top: -215px; }
.tp-footer-4-text p { color: var(--tp-text-10); }
.tp-footer-4-input form input { border: none; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); background: var(--tp-common-white) !important; color: var(--tp-heading-secondary); padding-right: 60px; }
.tp-footer-4-email { color: var(--tp-text-18); }
.tp-footer-4-social a { border-radius: 50%; width: 38px; height: 38px; line-height: 40px; border: 1px solid var(--tp-grey-15); background: transparent; color: var(--tp-text-2); font-size: 16px; }
.tp-footer-4-social a:hover { background: var(--tp-common-white); color: var(--tp-theme-primary); border-color: var(--tp-common-white); }
.tp-footer-4-social a::before { display: none; }
.tp-footer-4-email-btn { position: absolute; top: 0; right: 0; width: 48px; height: 47px; background-color: var(--tp-theme-primary); color: var(--tp-common-white); text-align: center; line-height: 55px; }
.tp-footer-4-email-btn i { font-size: 24px; }
.tp-footer-4-title { color: var(--tp-heading-2); }
.tp-footer-4-widget ul li a { color: var(--tp-text-10); }
.tp-footer-4-widget ul li a:hover { color: var(--tp-theme-primary); }
.tp-footer-4-list ul li a { color: var(--tp-text-10); }
.tp-footer-4-list ul li a:hover { color: var(--tp-heading-2); }
.tp-footer-4-list ul li a i { color: var(--tp-theme-primary); font-size: 16px; }
.tp-footer-4-bottom { background: none; border-top: 1px solid var(--tp-grey-4); }
.tp-footer-4-copy-paragraph { color: var(--tp-text-2); font-family: var(--tp-ff-heading); }
.tp-footer-4-copy-paragraph a { color: var(--tp-theme-primary); }

@media (max-width: 767px) {
	.tp-footer-4-widget { margin-left: 0; }
}

@media (max-width: 767px) {
	.tp-footer-4-widget { padding-right: 20px; }
}

.tp-footer-5-area { padding: 150px 0 280px; }
.tp-footer-5-bg-shape1 { position: absolute; bottom: 55px; left: 0; right: 0; margin: auto; }
.tp-footer-5-bg-shape2 { position: absolute; bottom: 56px; left: 28%; animation: bicycle 22s linear infinite; }
.tp-footer-5-bg-shape3 { position: absolute; bottom: 56px; right: 21%; animation: micro 22s linear infinite; }
.tp-footer-5-social a:hover { box-shadow: 0px 0px 20px 0px rgba(127, 46, 248, 0.2); }

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.tp-footer-5-widget { padding-left: 30px; }
}

.tp-footer-ti-area { padding-top: 215px; margin-top: -215px; }

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